<div x-data="{ pkmmodal: $wire.modal_id }" class="d-inline-block">
    <a href="#" class="text-info mr-2" role="modal" data-toggle="modal"
    x-bind:data-target="'#'+pkmmodal"><i class="mdi mdi-eye"></i></a>
    <div class="modal fade" x-bind:id="pkmmodal" tabindex="-1" :aria-labelledby="'adervtise-'+pkmmodal" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0" :id="'adervtise-'+pkmmodal">Advertise : {{ $advertise->name }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row flex-column-reverse flex-md-row">
                        <div class="col-md-12 align-self-center">
                            <div class="form-group row mb-4">
                                <label for="name" class="col-sm-2 col-form-label">Name</label>
                                <div class="col-sm-10">
                                    <input type="text" value="{{ $advertise->name }}" class="form-control border-0" id="name" placeholder="Enter name..." disabled>
                                </div>
                            </div>
      
                            <div class="form-group row mb-4">
                                <label for="url" class="col-sm-2 col-form-label">URL</label>
                                <div class="col-sm-10">
                                    <input type="url" value="{{ $advertise->url }}" class="form-control border-0" id="url" placeholder="Enter url..." disabled>
                                </div>
                            </div>

                            <div class="form-group row mb-4">
                                <label for="type" class="col-sm-2 col-form-label">Type</label>
                                <div class="col-sm-10">
                                    <select class="form-control border-0 text-capitalize" disabled>
                                        @foreach (config('ads.location') as $key => $type)
                                            <option {{ $advertise->type == $key?'selected':'' }}>{{ str_replace('-',' ',$type) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group row mb-4">
                              <label for="order" class="col-sm-2 col-form-label">Order</label>
                              <div class="col-sm-10">
                                  <input type="number" value="{{ $advertise->order }}" class="form-control border-0" id="order" placeholder="Enter order..." disabled>
                              </div>
                            </div>
                        
                            <div>
                                <div class="d-flex justify-content-center align-items-center">
                                    <img class="img-thumbnail" src="{{ asset($advertise->feature_image) }}" alt="No Image"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>