<div class="row">
    <x-content-header title="page"/>
  
    <div class="col-12">
        <x-card>
            <div class="row mb-2">
                <div class="col-sm-9">
                    <div class="d-md-flex">
                        <div class="search-box mr-2 mb-2 d-inline-block">
                            <div class="position-relative">
                                <input type="search" wire:model.debonce.500ms="s" class="form-control"
                                    placeholder="Search...">
                                <i class="bx bx-search-alt search-icon"></i>
                            </div>
                        </div>
                        <div class="d-flex align-self-center">
                            <span class="align-self-center mr-2">Show</span>
                            <select wire:model="limited" aria-controls="post_table" class="custom-select custom-select-sm form-control td-pointer" {{ $total_ads <= $show_limit[0] ?'disabled':'' }}>
                                @foreach ($show_limit as $item)
                                    <option value="{{ $item }}">{{ $item }}</option>
                                @endforeach
                            </select>
                            <span class="align-self-center ml-2">entries</span>
                        </div>
                        @if (auth()->user()->admin)
                        <div class="d-flex align-self-center ml-2">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" wire:model="trashes" class="custom-control-input" id="trashh"
                                    {{ $total_trash == 0 ? 'disabled' : '' }}>
                                <label class="custom-control-label" for="trashh">Trash<span
                                        class="badge badge-danger badge-pill px-2 py-1">{{ $total_trash }}</span></label>
                            </div>
                        </div>
                        <div class="ml-2 align-self-center {{ $trashes?'':'d-none' }}">
                            <button type="button" class="btn btn-danger btn-sm rounded-pill" wire:click="emptyTrash"
                                {{ empty($total_trash) ? 'disabled' : '' }}>
                                <i class="mdi mdi-trash-can-outline" wire:loading.class="d-none" wire:target="emptyTrash"></i>
                                <i class="bx bx-loader bx-spin" wire:loading wire:target="emptyTrash"></i>
                                Empty Trashes
                            </button>
                            <button type="button" class="btn btn-info btn-sm rounded-pill" wire:click="restoreAll"
                                {{ empty($total_trash) ? 'disabled' : '' }}>
                                <i class="mdi mdi-restore" wire:loading.class="d-none" wire:target="restoreAll"></i>
                                <i class="bx bx-loader bx-spin" wire:loading wire:target="restoreAll"></i>
                                Restore All
                            </button>
                        </div>
                        @endif
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="float-right">
                        <livewire:admin.partcials.advertise-form modal-id="advertise_create" />
                    </div>
                </div>
            </div>
  
            <x-table class="position-relative" wire:init="loadingItem">
                <x-table.loading wire:target="nextPage" />
                <x-table.loading wire:target="previousPage" />
                <x-table.loading wire:target="gotoPage" />
                <x-table.loading wire:target="s" />
                <x-table.loading wire:target="limited" />
                <x-table.loading wire:target="trashes" />

                <thead class="thead-light">
                    <tr>
                        <th>ID</th>
                        {{-- <th>Ads</th> --}}
                        <th>Name</th>
                        <th>Link</th>
                        <th>Type</th>
                        <th>Order</th>
                        <th>Created At</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($advertises as $key => $advertise)    
                    <tr>
                        <td class="text-center">{{ ++$key }}</td>
                        {{-- <td class="text-center">
                            <img src="{{ !empty($advertise->feature_image) ? asset($advertise->feature_image) : asset('images/no-image.jpg') }}" lt="thumbnail" class="rounded avatar-sm my-object-fit">
                        </td> --}}
                        <td>{{ $advertise->name }}</td>
                        <td class="text-center">{{ Str::limit($advertise->url, 50, '...') }}</td>
                        <td class="text-center">
                            @foreach (config('ads.location') as $key => $ads)
                                <span class="badge badge-soft-primary badge-pill px-2 py-1 text-capitalize">{{ $advertise->type == $key ?str_replace('-',' ',$ads):'' }}</span>
                            @endforeach
                        </td>
                        <td class="text-center">{{ $advertise->order }}</td>
                        <td>
                            @isset($advertise->created_at)
                            {{ date_format($advertise->created_at,'d-M-Y H:i a') }}
                            @endisset
                        </td>
                        <td class="text-center">
                            @if ($trashes)
                            <a href="#" wire:click="pkmRestore({{ $advertise->id }})" class="mr-3 text-primary" data-toggle="tooltip" data-placement="top" title="" data-original-title="Edit">
                                <i class="mdi mdi-restore font-size-18"></i>
                            </a>
                            <a href="#" wire:click="deleted({{ $advertise->id }})" class="text-danger">
                                <i class="mdi mdi mdi-close font-size-18"></i>
                            </a>
                            @else
                            <livewire:admin.partcials.show-advertise :advertise="$advertise" wire:key="{{ $advertise->id }}" />
                            <livewire:admin.partcials.advertise-form :modal-id="'item_'.$advertise->id" :advertise="$advertise" wire:key="{{ $advertise->id }}" />
                            <a wire:click="destroy({{$advertise}})" href="#" class="text-danger">
                                <i class="mdi mdi-trash-can-outline font-size-18"></i>
                            </a>
                            @endif
                        </td>
                    </tr>
                    @empty
                        <x-table.none-loading :ready="$readyLoadingItem" :limited="$limited" :item="$advertises" colspan="7" rows="7" />
                    @endforelse
  
                </tbody>
            </x-table>
            @empty(!$advertises)
                {{ $advertises->links() }}
            @endempty
          </x-card>
    </div>
</div>

@push('scripts')
<script>
    window.addEventListener('closeModal', event => {
        $('#' + event.detail.modalId).modal('hide');
    })
</script>
@endpush