@extends('layouts.auth')

@section('title') {{__("words.Ad Preview")}} @endsection

@section('content')
@push('page_style')
<!-- Owl slider Stylesheet -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
<link rel="stylesheet" href="{{ asset('frontend/css/slick-slider.css') }}">

@endpush


@php
$slug = $advertismentObject->category_slug;
@endphp



@php
$transltedTitle = $advertismentObject->getTranslatedTitle();
$transltedAddress = $advertismentObject->getTranslatedAddress();
$slug = $advertismentObject->category_slug;
@endphp
<section id="datail-banner">


    <div class="container">
        <nav style="--bs-breadcrumb-divider: '>>';" aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/')}}">{{__('words.Home')}}</a></li>
                @php
                $categoryTitle = $advertismentObject->firstCategory->getCategory->title;
                @endphp
                <li class="breadcrumb-item notranslate"><a href="{{route('category.list',['id' => encrypt($advertismentObject->firstCategory->getCategory->id)])}}">{{__("category.$categoryTitle")}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{!empty($advertismentObject->title) ? $transltedTitle . ' {' . $advertismentObject->unique_id . '}':''}} </li>
            </ol>

        </nav>
        <div class="postAd_heading d-flex notranslate">
            <a class="postAd_back" href="{{route('advertisment.myAds',['seller_id' => encrypt(auth()->user()->id)])}}">
                <img src="{{asset('frontend/img/backIcon.svg')}}" alt="back-icon" class="img-fluid">
                {{__("words.go back")}}
            </a>

        </div>


        <div class="row">
            <div class="car_details_maintiltlee notranslate">
                <h3>
                    {{$transltedTitle}}
                </h3>
                <button class="cancel-button-text pt-0 pb-0 mb-5" id="block-button" type="button">
                    <a href="{{route('advertisment.create.get')}}">{{__("words.Post New Ad")}}</a>
                </button>
            </div>
            @if($slug == 'sale')
            <div class="col-md-7 leftimageBox_">
                <div class="gallery-module">
                    <ul class="gallery-slider popup-gallery">
                        @if ($advertismentObject->files_count > 0)
                        @foreach ($advertismentObject->files as $key => $file)
                        <li>
                            <a href="{{ !empty($file->image) ? $file->image : asset('images/default-watermark.png') }}">
                                <img class="img-fluid" src="{{ !empty($file->image) ? $file->image : asset('images/default-watermark.png') }}" alt="">
                            </a>
                        </li>
                        @endforeach
                        @else
                        <li>
                            <a href="{{asset('images/default-watermark.png')}}">
                                <img class="img-fluid" src="{{asset('images/default-watermark.png')}}" alt="">
                            </a>
                        </li>
                        @endif

                        @if(!empty($advertismentObject->getAdvertismentVideo))
                        <li>
                            <iframe id="videoFrame"  width="100%" height="700" data-src="{{!empty($advertismentObject->getAdvertismentVideo->video_url) ? $advertismentObject->getAdvertismentVideo->video_url :''}}" src="{{!empty($advertismentObject->getAdvertismentVideo->video_url) ? $advertismentObject->getAdvertismentVideo->video_url :''}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </li>
                        @endif
                    </ul>
                </div>
            </div>

            @else
            <div class="col-md-7 leftimageBox_">
                @include('advertisment.partials.lookToBuy')
            </div>
            @endif


            <div class="col-lg-5 offset-lg-1">

                @if ($advertismentObject->state_id == \App\Models\Advertisment::STATUS_REJECTED || $advertismentObject->state_id == \App\Models\Advertisment::STATUS_PENDING)

                <div class="adcertisment-status">
                    <h6 class="statusText">{{__('words.Status')}}</h6>
                    <div class="pendingStatus_">