@extends('public.core.core')
@section('title')
    {{ $ad->title }}
@endsection

@section('content')
    <!--====== BANNER PART START ======-->
    <section class="banner-area bg_cover">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="banner-content">
                        <h1 class="text-white">{{ $ad->title }}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== BANNER PART END ======-->

    <!--====== PRODUCT DETAILS PART START ======-->
    <section class="product-details-area">
        <div class="container">
            <div class="product-details-wrapper box-style">
                <div class="info-wrapper">
                    <div class="showcase-wrapper">
                        <div class="row">
                            <div class="order-last col-lg-2 col-xl-2 order-lg-first">
                                <div class="nav flex-lg-column nav-pills thumb-img-wrapper" id="v-pills-tab" role="tablist"
                                    aria-orientation="vertical">
                                    @foreach ($ad->adImages as $key => $image)
                                        <a class="thumb-img @if ($key == '0') active @endif"
                                            id="v-pills-tab-{{ $key }}" data-toggle="pill"
                                            href="#v-pills-{{ $key }}" role="tab"
                                            aria-controls="v-pills-{{ $key }}" aria-selected="true">
                                            <img src="/storage/ad_img/{{ $ad->ad_number }}/{{ $image->path }}"
                                                alt="">
                                        </a>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-lg-10 col-xl-10">
                                <div class="tab-content" id="v-pills-tabContent">
                                    @foreach ($ad->adImages as $key => $image)
                                        <div class="tab-pane fade show @if ($key == '0') active @endif"
                                            id="v-pills-{{ $key }}" role="tabpanel"
                                            aria-labelledby="v-pills-tab-{{ $key }}">
                                            <div class="showcase-img">
                                                <img src="/storage/ad_img/{{ $ad->ad_number }}/{{ $image->path }}"
                                                    alt="">
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                    @auth
                        <div class="mb-20 meta-top">
                            <a href="javascript:void(0)" class="main-btn btn-hover float-right py-2" data-bs-toggle="modal"
                                data-bs-target="#offerModal" data-bs-whatever="@mdo">Teklif Ver</a>
                        </div>
                    @else
                        <div class="mb-20 meta-top">
                            <a href="javascript:void(0)" class="main-btn btn-hover float-right py-2" data-bs-toggle="modal"
                                data-bs-target="#offerModal" data-bs-whatever="@mdo">Teklif Ver</a>
                        </div>
                    @endauth
                    <div class="text-wrapper">
                        <h3 class="title mb-25">{{ $ad->title }}</h3>
                        <h5 class="subtitle">İletişim Bilgileri:</h5>
                        <div class="specification">
                            <ul>
                                <li>
                                    <i class="lni lni-calendar"></i>
                                    {{ date('d-m-Y', strtotime($ad->created_at)) }}
                                </li>
                                <li>
                                    <i class="lni lni-map-marker"></i>
                                    {{ $ad->county . '/' . $ad->city }}
                                </li>
                            </ul>
                            <ul>
                                @auth
                                    @if (Auth()->User()->active == '1')
                                        <li>
                                            <i class="lni lni-user"></i>
                                            {{ $ad->user->fname . ' ' . $ad->user->lname }}
                                        </li>
                                        <li><i class="lni lni-mobile"></i>
                                            <a href="tel:0{{ preg_replace('/[^0-9]/', '', $ad->telephone) }}"
                                                class="mr-5"
                                                style="color:rgb(124, 134, 154);">+90{{ preg_replace('/[^0-9]/', ' ', $ad->telephone) }}
                                            </a>
                                        </li>
                                    @else
                                        <li>
                                            <i class="lni lni-user"></i>
                                            {{ $ad->user->fname }} *******
                                        </li>
                                        <li><i class="lni lni-mobile"></i>
                                            <a href="javascript:void(0)" class="mr-5" style="color:rgb(124, 134, 154);">+90
                                                5** *** ** **
                                            </a>
                                        </li>
                                    @endif
                                @else
                                    <li>
                                        <i class="lni lni-user"></i>
                                        {{ $ad->user->fname }} *******
                                    </li>
                                    <li><i class="lni lni-mobile"></i>
                                        <a href="javascript:void(0)" class="mr-5" style="color:rgb(124, 134, 154);">+90 5**
                                            *** ** **
                                        </a>
                                    </li>
                                @endauth

                            </ul>
                        </div>
                        <h5 class="subtitle">Açıklama:</h5>
                        <p class="description mb-30">{{ $ad->description }}</p>
                        <div class="meta-bottom">
                            <ul style="font-size: 20px">
                                <li>
                                    <i class="lni lni-link"></i> <span>Kategori: </span> <a
                                        href="{{ route('category', ['slug' => $ad->category->slug]) }}">
                                        {{ $ad->category->title }}</a>
                                </li>
                                <li>
                                    <i class="bi bi-tag"></i> <span>Bütçe : </span> <a
                                        href="javascript:void(0)">@if($ad->price != "0"){{ number_format($ad->price, 2, ',', '.') }} ₺ @else Belirtilmedi @endif</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @auth
        @if (Auth()->User()->active == '1')
            <div class="modal fade" id="offerModal" tabindex="-1" aria-labelledby="offerModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h3 class="modal-title fs-5 mx-auto" id="offerModalLabel">Teklif Formu</h3>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="lni lni-close"></i></button>
                        </div>
                        <form action="{{ route('company.create_offer') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="modal-body">
                                <form>
                                    <div class="mb-3">
                                        <label for="message-text" class="col-form-label">Mesaj:</label>
                                        <textarea class="form-control" name="message" required id="message-text" rows="5">Merhaba , ilanınızı inceledim , dilerseniz görüşme sağlayabiliriz.</textarea>
                                    </div>
                                    <div class="mb-3">
                                        <label for="message-price" class="col-form-label">Fiyat:</label>
                                        <input type="number" class="form-control" required id="message-price"
                                            name="price">
                                        <input type="hidden" value="{{ $ad->ad_number }}" name="number">
                                    </div>
                                    <div class="mb-3">
                                        <label for="file" class="col-form-label">Teklif Dosyası (İsteğe Bağlı) :</label>
                                        <input type="file" name="document" accept=".pdf" class="form-control"
                                            id="file">
                                    </div>
                                </form>
                                <div class="modal-footer">
                                    <button type="button" class="main-btn btn-hover bg-secondary float-right py-2"
                                        data-bs-dismiss="modal">Kapat</button>
                                    <button type="submit" class="main-btn btn-hover float-right py-2">Gönder</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @else
            <div class="modal fade" id="offerModal" tabindex="-1" aria-labelledby="offerModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h3 class="modal-title fs-5 mx-auto" id="offerModalLabel">Teklif Formu</h3>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="lni lni-close"></i></button>
                        </div>
                        <div class="modal-body">
                            <div class="mb-5">
                                <h6>Firma üyeliğiniz aktif olmadan teklif formu gönderilemez ve ilan sahibi bilgilerine
                                    ulaşılamaz. <span class="w-100 mt-4">
                                        Dilerseniz <a href="{{ route('package') }}">buraya</a> tıklayarak üyelik paketi
                                        satın alabilirsiniz.</span> </h6>
                            </div>
                            <div class="modal-footer mt-5">
                                <button type="button" class="main-btn btn-hover bg-secondary float-right py-2"
                                    data-bs-dismiss="modal">Kapat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @else
        <div class="modal fade"  id="offerModal" tabindex="-1" aria-labelledby="offerModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3 class="modal-title fs-5 mx-auto" id="offerModalLabel">Teklif Formu</h3>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="lni lni-close"></i></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-5">
                            <h6>Firma üyeliğiniz aktif olmadan teklif formu gönderilemez ve ilan sahibi bilgilerine
                                ulaşılamaz. <span class="w-100 mt-4">
                                    Dilerseniz <a href="{{ route('register') }}">buraya</a> tıklayarak firma üyeliği
                                    oluşturabilirsiniz.</span> </h6>
                        </div>
                        <div class="modal-footer mt-5">
                            <button type="button" class="main-btn btn-hover bg-secondary float-right py-2"
                                data-bs-dismiss="modal">Kapat</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endauth

    <!--====== PRODUCT DETAILS PART END ======-->
@endsection

@section('extra_js')
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
        integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
        integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous">
    </script>
@endsection