@foreach($party_packages as $party_package)
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-2">
                        @if($party_package->image)
                            <img src="{{ URL::to('uploads/party_packages/'.$party_package->image) }}" style="width: 100%;">
                        @else
                            <label for="" class="label-control col-12 text-center mt-5">Display Image Here</label>
                        @endif
                    </div>

                    <div class="col-7">
                        <div class="col-12 font-weight-bold row">
                            <label for="" class="label-control col-4 text-right">Name :</label>
                            <label for="" class="label-control col-8 pl-0">{{ $party_package->name }}</label>
                        </div>
                        <div class="col-12 row">
                            <label for="" class="label-control col-4 text-right">Package Type :</label>
                            <label for="" class="label-control col-8 pl-0">{{ ($party_package->hasPackageType ? $party_package->hasPackageType->name : '') }}</label>
                        </div>
                        <div class="col-12 row">
                            <label for="" class="label-control col-4 text-right">Description :</label>
                            <label for="" class="label-control col-8 pl-0">{!!$party_package->description !!}</label>
                        </div>
                        <div class="col-12 row">
                            <label for="" class="label-control col-4 text-right">Price :</label>
                            <label for="" class="label-control col-8 pl-0">{{ $party_package->price }}</label>
                        </div>
                    </div>

                    <div class="col-3 text-right">
                        <button type="button" class="btn bg-gradient-primary text-white" id="edit_party_packages" data-id="{{$party_package->id}}" data-toggle="modal" data-target="#party-packages-form">Edit</button>

                        <div class="custom-control custom-switch mt-5">
                            <input type="checkbox" class="custom-control-input availability" data-id="{{$party_package->id}}" id="customSwitch{{$party_package->id}}" {{ ($party_package->available == 'Y' ? 'checked' : '') }}>
                            <label class="custom-control-label" for="customSwitch{{$party_package->id}}">Availability</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
@endforeach