@foreach($item_sizes as $item_size)
    <div class="col-12">
        <div class="card" style="margin-bottom: 10px;">
            <div class="card-body">
                <div class="row">
                    <div class="col-8">
                        <div class="col-12 font-weight-bold row mt-2">
                            <label for="" class="label-control col-8">{{ $item_size->name }}</label>
                        </div>
                    </div>
                    <div class="col-2 text-right">
                        <div class="custom-control custom-switch mt-2">
                            <input type="checkbox" class="custom-control-input availability" data-id="{{$item_size->id}}" id="customSwitch{{$item_size->id}}" {{ ($item_size->is_available == 'Y' ? 'checked' : '') }}>
                            <label class="custom-control-label" for="customSwitch{{$item_size->id}}">Availability</label>
                        </div>
                    </div>

                    <div class="col-2 text-right">
                        <button type="button" class="btn bg-gradient-primary text-white" id="edit_item_size" data-id="{{$item_size->id}}" data-toggle="modal" data-target="#add-update-item-size-modal">Edit</button>
                    </div>
                </div>
            </div>
        </div>
    </div> 
@endforeach