@extends('admin.layouts.app')

@section('content')
@include('admin.pages.ads.ads_filtered')

<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Post-->
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">
            <!--begin::Card-->
            <div class="card">
                <!--begin::Card header-->
                <div class="card-header border-0 pt-6">
                    <!--begin::Card title-->

                    <!--begin::Card title-->
                    <!--begin::Card toolbar-->
                    <!--end::Card toolbar-->
                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body pt-0" style="overflow: auto">
                    <!--begin::Table-->
                    <table class="table align-middle table-row-dashed fs-7 gy-6" id="example">
                        <!--begin::Table head-->
                        <thead>
                            <!--begin::Table row-->
                            <tr class="text-start text-gray-800 fw-bolder fs-7 text-uppercase gs-0">
                                <th class="min-w-125px">Ref</th>
                                <th class="min-w-125px">user</th>
                                <th class="min-w-125px">main Category</th>
                                <th class="min-w-125px">ad phone</th>
                                <th class="min-w-125px">title</th>
                                <th class="min-w-125px">Description</th>
                                <th class="min-w-125px">Category</th>
                                <th class="min-w-125px">SubCategory</th>
                                <th class="min-w-125px">City</th>
                                <th class="min-w-125px">Price</th>
                                <th class="min-w-125px">Phone</th>
                                <th class="min-w-125px">Is_approved</th>
                                <th class="min-w-125px">Created At</th>
                                <th class="min-w-125px">ExpiredAt</th>
                                <th class="min-w-125px">delete</th>

                            </tr>
                            <!--end::Table row-->
                        </thead>
                        <!--end::Table head-->
                        <!--begin::Table body-->
                        @php
                        $start = ($ads->currentPage() - 1) * $ads->perPage() + 1;
                    @endphp
                        <tbody class="fw-bold text-gray-800">
                            @if(count($ads))
                            @foreach ($ads as $ad)
                            <tr>
                                <td>{{ $start++ }}</td>
                                <!--begin::Email=-->
                                <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->user->name }}</a>
                                </td>
                                <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->category->mainCategory->name}}</a>
                                </td><td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->phone}}</a>
                                </td>
                                <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->title }}</a>
                                </td>

                                <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->description }}</a>
                                </td>

                                <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->category->name}}</a>
                                </td>
                                    <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->subCategory->name }}</a>
                                </td>
                                <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->city->name }}</a>
                                </td>
                                <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->price }}</a>
                                </td>
                                <td>
                                    <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $ad->phone }}</a>
                                </td>
                                <td class="text-center">
                                    <label class="form-check form-switch form-check-custom form-check-solid">
                                        @if ($ad->is_approved)
                                        <a href="#\" class="btn btn-primary btn-sm"><i class="fas fa-check-circle"></i></a>
                                        @else
                                        <a href="#ADS-{{$ad->id}}" class="btn btn-success btn-sm" data-bs-toggle="modal">
                                            <i class="fas fa-thumbs-up"></i>
                                        </a>
                                        @endif
                                    </label>
                                    <!-- Modal -->

                                </td>
                                 <td class="text-gray-600 text-hover-primary mb-1">{{ $ad->getCreatedAt() }}</td>
                                 <td>
                                    {{ $ad->expired_at }}
                                </td>
                                <td class="text-end">
                                    <form action="{{ route('site.destroy.ad', $ad->id) }}" method="POST">
                                        @csrf
                                        @method('DELETE')
                                        <button class=" btn btn-danger">Delete</button>
                                    </form>
                                </td>

                                <!--end::Action=-->
                            </tr>
                            @endforeach
                            @else
                            <tr class="text-danger">
                                <td></td>
                                <td> no data found</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            @endif
                        </tbody>
                        <!--end::Table body-->
                    </table>
                    <!--end::Table-->

                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Post-->
</div>
<!--end::Content-->

@endsection