@extends('front.layouts.master')

@section('title', $show_ad->title)

@section(
    'meta_description',
    \Illuminate\Support\Str::limit(
        trim(preg_replace('/\s+/', ' ', strip_tags($show_ad->description))),
        155
    )
)

@section('content')
    <main class="main">

        <!-- breadcrumb -->
        <div class="site-breadcrumb" style="background: url({{ asset('front/assets/img/breadcrumb/01.jpg') }})">
            <div class="container">
                <h2 class="breadcrumb-title">Detiles Ad</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="{{ route('site.index') }}">Home</a></li>
                    <li class="active">Detiles Ad</li>
                </ul>
            </div>
        </div>
        <!-- breadcrumb end -->


        <!-- user-profile -->
        <div class="user-profile py-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="user-profile-wrapper">
                            <div class="user-profile-card">
                                <h4 class="user-profile-card-title">Detiles Ad</h4>

                                <div class="col-lg-12">
                                    <div class="add-listing-form">
                                        <h6 class="mb-1">Basic Information</h6>
                                        <div class="row align-items-center">

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Category</label>
                                                    <input class="form-control"
                                                        disabled value="{{ $show_ad->category->name }}">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>SubCategory</label>
                                                    <input type="text" class="form-control"
                                                         disabled value="{{ $show_ad->subCategory->name }}">
                                                </div>
                                            </div>

                                            <h6 class="fw-bold mt-4 mb-1">Image</h6>
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                        <img src="{{ $show_ad->getFirstMediaUrl('ads') }}" alt="{{ $show_ad->title }}" width="400px">
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Price ($)</label>
                                                    <input type="number" class="form-control"
                                                        name="price" disabled value="{{ $show_ad->price }}">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Ad Title</label>
                                                    <input type="text" class="form-control"
                                                        name="title" disabled value="{{ $show_ad->title }}">
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label>Description</label>
                                                    <textarea class="form-control"  cols="30" rows="5" name="description" disabled>{{ $show_ad->description }}</textarea>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Ad Type</label>
                                                    <input type="text" class="form-control"
                                                    name="title" disabled value="{{ $show_ad->AdType }}">
                                            </div>
                                                </div>
                                            </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label>City</label>
                                                        <input class="form-control"
                                                            name="price" disabled value="{{ $show_ad->city->name}}">
                                                    </div>
                                                </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Region</label>
                                                    <input type="text" class="form-control"
                                                    name="title" disabled value="{{ $show_ad->region->name }}">
                                            </div>
                                                </div>

                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Location</label>
                                                    <input type="text " class="form-control"
                                                        name="location" disabled value="{{ $show_ad->location }}">
                                                </div>

                                            <h6 class="fw-bold mt-4 mb-3">Contact Information</h6>

                                            <div class="col-6 col-md-4">
                                                <div class="form-group" id="phone_input" >
                                                    <label>Phone Number</label>
                                                    <input type="text" class="form-control"
                                                        name="phone" disabled value="{{ $show_ad->phone }}">
                                                </div>
                                            </div>
                                            <div class="col-6 col-md-4">
                                                <div class="form-group" id="whatsapp_input" >
                                                    <label>Whatsapp Number</label>
                                                    <input type="text" class="form-control"
                                                        name="whatsapp" disabled value="{{ $show_ad->whatsapp }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- user-profile end -->

    </main>
@endsection