@extends('admin.layout.master')
@section('content')
@section('ads', 'active')
@section('title', 'Ad Details')

<!--start page wrapper -->
<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Ad Details</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('admin.view.ads') }}"><i class="bx bx-home-alt"></i></a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">Ad Details</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!--end breadcrumb-->

        <div class="row">
            <!-- Ad Information -->
            <div class="col-lg-8">
                <div class="card shadow">
                    <div class="card-body">
                        <h5 class="card-title">Ad Information</h5>
                        <hr />
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Brand Name:</label>
                            <div class="col-sm-8">{{ $ad->brand_name ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Year:</label>
                            <div class="col-sm-8">{{ $ad->year ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Fuel:</label>
                            <div class="col-sm-8">{{ $ad->fuel ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">KM Driven:</label>
                            <div class="col-sm-8">{{ $ad->km_driven ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Number Of Owners:</label>
                            <div class="col-sm-8">{{ $ad->number_of_owners ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Ad Title:</label>
                            <div class="col-sm-8">{{ $ad->ad_title ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Category:</label>
                            <div class="col-sm-8">{{ $ad->type ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">User Name:</label>
                            <div class="col-sm-8">{{ $ad->client->full_name ?? 'Admin' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">City:</label>
                            <div class="col-sm-8">{{ $ad->city ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Price:</label>
                            <div class="col-sm-8">{{ $ad->price ?? 'N/A' }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Status:</label>
                            <div class="col-sm-8">
                                <span class="badge {{ $ad->is_approved == '1' ? 'bg-success' : ($ad->is_approved == '2' ? 'bg-danger' : 'bg-warning') }}">
                                    {{ $ad->is_approved == '1' ? 'Approved' : ($ad->is_approved == '2' ? 'Rejected' : 'Pending') }}
                                </span>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-4 fw-bold">Date & Time:</label>
                            <div class="col-sm-8">{{ $ad->created_at ?? 'N/A' }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Image Gallery -->
            <div class="col-lg-4">
                <div class="card shadow">
                    <div class="card-body">
                        <h5 class="card-title">Gallery</h5>
                        <hr />
                        <div class="row g-3">
                            @php
                                $images = is_string($ad->images) ? json_decode($ad->images, true) : $ad->images;
                            @endphp
                            @if(!empty($images))
                                @foreach($images as $image)
                                    <div class="col-6">
                                        <a href="{{ asset($image) }}" data-lightbox="ad-gallery">
                                            <img src="{{ asset($image) }}" alt="Ad Image" class="img-fluid rounded" />
                                        </a>
                                    </div>
                                @endforeach
                            @else
                                <p>No Images Available</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Lightbox Integration -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
@endsection