@extends('admin.layouts.app')

@section('crumb')
<x-bread-crumb :breadcrumbs="[['text' => $ads->title], ['text' => 'show']]" :button="[]">
</x-bread-crumb>
@endsection

@section('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::Menu item-->
            @if ($ads->report->count() > 0)
            <div class="menu-item " style="padding-left:90%">

                <a href="{{ route('admin.block.user', $ads->user->id) }}" class="menu-link px-3 btn btn-danger" >block user</a>

             </div>
             <div class="menu-item" style="padding-left:90%">
                <form action="{{ route('admin.ads.delete_report',$ads->id)}}" method="POST">
                    @csrf
                    @method('DELETE')
                    <button class="menu-link px-3 btn btn-primary">remove report</button>
                </form>
            </div>
             @endif


                        <!--end::Menu item-->
                        <!--begin::Card header-->
                    <div class=" card-header border-0 pt-6">

                        <!--begin::Card body-->

                        <div class="card-body pt-0" style="overflow: auto">
                            <!--begin::Form-->
                            <form action="{{ route('admin.update.request', $ads->id) }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                                <!--begin::Input group-->
                                <div class="fv-row mb-10">
                                    <div class="row">


                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Title:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid"
                                                value="{{ $ads->title }}" / name="title">
                                            @error('title')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">MainCategory:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <select class="form-control form-control-solid" name="brand_id">
                                                <option value="{{ $ads->category->mainCategory->id }}" selected>{{ $ads->category->mainCategory->name }}</option>
                                                <!-- Other options if available -->
                                            </select>
                                            @error('category')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Category:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <select class="form-control form-control-solid" name="brand_id">
                                                <option value="{{ $ads->category->id }}" selected>{{ $ads->category->name }}</option>
                                                <!-- Other options if available -->
                                            </select>
                                            @error('category')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Sub-Category:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                                <select class="form-control form-control-solid" name="car_model_id">
                                                    <option value="{{ $ads->subCategory->id }}" selected>{{ $ads->subCategory->name }}</option>
                                                    <!-- Other options if available -->
                                                </select>
                                            @error('subCategory')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Sub-sub-Category:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                                <select class="form-control form-control-solid" name="sub_sub_category_id">
                                                    <option value="{{ $ads->subSubCategory?->id }}" selected>{{ $ads->subSubCategory?->name }}</option>
                                                    <!-- Other options if available -->
                                                </select>
                                            @error('subCategory')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">City:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                                <select class="form-control form-control-solid" name="city_id">
                                                    <option value="{{ $ads->city->id }}" selected>{{ $ads->city->name }}</option>
                                                    <!-- Other options if available -->
                                                </select>

                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Region:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                                <select class="form-control form-control-solid" name="district_id">
                                                    <option value="{{ $ads->region->id }}" selected>{{ $ads->region->name }}</option>
                                                    <!-- Other options if available -->
                                                </select>
                                            @error('region')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Description:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid"
                                                value="{{ $ads->description }}" name="description" />
                                            @error('region')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Price:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid"
                                                value="{{ $ads->price }}"  name="price"/>
                                            @error('price')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Location:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid"
                                                value="{{ $ads->location }}" name="location" />
                                            @error('location')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">phone:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid"
                                                value="{{ $ads->phone }}"  name="phone"/>
                                            @error('phone')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">whatsapp:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid"
                                                value="{{ $ads->whatsapp }}"  name="whatsapp"/>
                                            @error('whatsapp')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">Email:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid"
                                                value="{{ $ads->email }}"  name="email"/>
                                            @error('email')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">created at:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="date" class="form-control form-control-solid"
                                                value="{{ $ads->getCreatedAt() }}"  name="created_at"/>
                                            @error('created_at')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <hr>
                                        <div>
                                            <label class="fs-5 fw-bold form-label mb-5">expire at:</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="date" class="form-control form-control-solid"
                                                value="{{ $ads->expired_at }}"  name="expired_at"/>
                                            @error('expire_at')
                                            <span class="text-danger" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>

                                        <label class="fs-5 fw-bold form-label mb-5">images:</label>
                                        <div class="car-img">

                                            @if($ads->media()->count() > 0)
                                            <h6 class="fw-bold mt-4 mb-3">Existing Images</h6>
                                            <div class="row">
                                                @foreach($ads->media as $media)
                                                <div class="col-md-3">
                                                    <img src="{{ $media->getUrl() }}" alt="Ad Image"
                                                        class="img-fluid mb-2" style="height: 100px" />

                                                </div>
                                                @endforeach
                                            </div>
                                        @else
                                        @foreach ($ads->images as $iamge )
                                        <li data-thumb="https://images.bkamthis.com/{{ $iamge->filename }}">
                                            <img src="https://images.bkamthis.com/{{ $iamge->filename }}" alt="Ad Image" sizes="100vw">
                                        </li>
                                        @endforeach
                                        @endif

                                        </div>
                                        <!--begin::Label-->
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Actions-->
                                    <div class="text-center">
                                        <button type="submit" class="btn btn-primary">
                                            <span class="indicator-label">update</span>
                                        </button>
                                    </div>
                                    <!--end::Actions-->

                                </div>
                            </form>


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

</div>
<!--end::Content-->
</div>



@endsection