@extends('panel.layouts.master')

@section('content')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
        <!--begin::Basic info-->
        <div class="card mb-5 mb-xl-10">
            <!--begin::Card header-->
            <!--begin::Card header-->
            <!--begin::Content-->
            <div id="kt_account_profile_details" class="collapse show">
                <!--begin::Form-->
                <form id="kt_account_profile_details_form" class="form offer-form" action="{{ url()->current() }}" method="POST">

                    <div class="card-header border-0">
                        <!--begin::Card title-->
                        <div class="d-flex align-items-center justify-content-between w-100">
                            <h3 class="fw-bolder m-0 card-title m-0">Teklif Yanıtlama Formu</h3>

                            @if($offer->isCompleted())
                                <div class="alert alert-success mb-0">
                                    Bu talep tamamlandı
                                </div>
                            @else
                                <div class="d-flex mt-4 gap-2">
                                    <button type="submit" class="btn btn-primary btn-sm" id="kt_account_profile_details_submit">
                                        Talebi Güncelle
                                    </button>

                                    <button type="submit" class="btn btn-success btn-sm" name="completeOffer" value="1" @disabled(!$offer->canComplete())>
                                        Teklifi Tamamla
                                    </button>
                                </div>
                            @endif

                            <button id="downloadPdfButton" type="button" class="btn btn-primary btn-sm" data-src="{{ route('admin.offers.offer_pdf', $offer->id) }}">
                                PDF İndir
                            </button>
                        </div>
                        <!--end::Card title-->
                    </div>
                    @csrf
                    <!--begin::Card body-->
                    <div class="card-body border-top p-9">

                        @if(!$offer->canComplete())
                            <div class="alert alert-warning w-100 mb-4">
                                Teklifi yanıtlamak için lütfen tüm ürünlerin stok durumunu kontrol edin.
                            </div>
                        @endif

                        <div class="row">
                            <div class="col-md-12">
                                <table class="products-table">
                                    <thead>
                                        <tr class="table-header">
                                            <td>Görsel</td>
                                            <td>Ürün</td>
                                            <td>Stok Durumu</td>
                                            <td class="text-end">Üretim Süresi</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($offer->products as $cartProduct)
                                        @if($cartProduct->product)
                                            <tr>
                                                <td>
                                                    <img src="{{ $cartProduct->product->getCover() }}" alt="" class="product-image">
                                                </td>
                                                <td>
                                                    <p class="product-title">{{ $cartProduct->product->title }}</p>
                                                    <ul class="product-info">
                                                        <li>{{ $cartProduct->product->code }}</li>
                                                        <li>{{ $cartProduct->product->category?->title }}</li>
                                                        <li>
                                                            {{ $cartProduct->qty }} x {{ $cartProduct->product->getPrice() }}
                                                        </li>
                                                    </ul>
                                                </td>
                                                <td>
                                                    <div class="d-flex gap-1">
                                                        <select name="products[{{ $cartProduct->id }}][stock]" id="" class="form-select stock-status-selector" @disabled($cartProduct->stock == "WAITING" || ($cartProduct->production_time && $cartProduct->stock == "AVAILABLE"))>
                                                            <option value="">Seçim Yapın</option>
                                                            <option value="AVAILABLE" @selected($cartProduct->stock == "AVAILABLE")>Mevcut</option>
                                                            <option value="WAITING" @selected($cartProduct->stock == "WAITING")>Üretim Bilgisi Talep Et</option>
                                                            @if($cartProduct->production_time && $cartProduct->stock == "AVAILABLE")
                                                                <option value="" selected>Üretim Bilgisi Alındı</option>
                                                            @endif
                                                        </select>
                                                        <div class="{{ $cartProduct->stock == "WAITING" ? "" : "d-none" }}">
                                                            <input type="number" value="{{ $cartProduct->qty }}" name="products[{{ $cartProduct->id }}][qty]" min="1" class="form-control" @disabled($cartProduct->stock == "WAITING")>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-end">
                                                    @if($cartProduct->production_time)
                                                        <div class="badge badge-success">
                                                            {{ $cartProduct->production_time->title }}
                                                        </div>
                                                    @endif

                                                    @if(!$cartProduct->production_time && $cartProduct->stock == "WAITING")
                                                        <div class="badge badge-primary">
                                                            Bekleniyor
                                                        </div>
                                                    @endif
                                                </td>
                                            </tr>
                                        @else
                                            <tr>
                                                <td>Bu ürün silinmiş</td>
                                            </tr>
                                        @endif
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="separator my-10"></div>
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-6">
                                        <label for="form-label mb-2">Süre girin (gün)</label>
                                        <x-panel.inputs.text type="number" name="supply_time" :value="$offer->isCompleted() ? $offer->supply_time : 1" :required="true"/>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="form-label mb-2">Toplam Teklif Edilen Fiyat ({{ $offer?->currency?->title }})</label>
                                        <x-panel.inputs.text name="offered_price" :value="$offer->isCompleted() ? $offer->offered_price : $offerAmount" />
                                    </div>
                                </div>
                            </div>
                            <div class="separator my-10"></div>
                            <div class="col-md-12 mt-4">
                                <h3 class="text-muted">Müşteri Bilgileri</h3>
                                <table class="info-table">
                                    <tr>
                                        <td>Adı ve Soyadı</td>
                                        <td>{{ $offer?->owner?->name }}</td>
                                    </tr>
                                    <tr>
                                        <td>Firma Ünvanı</td>
                                        <td>{{ $offer?->owner?->company?->name }}</td>
                                    </tr>
                                    <tr>
                                        <td>E-posta</td>
                                        <td>{{ $offer?->owner?->email }}</td>
                                    </tr>
                                    <tr>
                                        <td>Telefon</td>
                                        <td>{{ $offer?->owner?->phone }}</td>
                                    </tr>
                                    <tr>
                                        <td>Dili</td>
                                        <td>{{ $offer?->owner?->locale }}</td>
                                    </tr>
                                    <tr>
                                        <td>Kayıt Tarihi</td>
                                        <td>{{ $offer?->owner?->created_at?->locale('tr')?->translatedFormat('d F Y') }}</td>
                                    </tr>
                                </table>
                                <h3 class="text-muted">Tercih Bilgileri</h3>
                                <table class="info-table">
                                    <tr>
                                        <td>Para Birimi</td>
                                        <td>{{ $offer?->currency?->title }}</td>
                                    </tr>
                                    <tr>
                                        <td>İletişim Tercihi</td>
                                        <td>{{ $offer->getTranslatedContactType('tr') }}</td>
                                    </tr>
                                </table>
                                <h3 class="text-muted">Teklif Bilgileri</h3>
                                <table class="info-table">
                                    <tr>
                                        <td>Müşteri Notu</td>
                                        <td>{{ $offer->user_notes }}</td>
                                    </tr>
                                    <tr>
                                        <td>Oluşturma Tarihi</td>
                                        <td>
                                            @if ($offer->offer_request_at)
                                                {{ Carbon\Carbon::parse($offer->offer_request_at)->locale('tr')?->translatedFormat('d F Y') }}
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                                <h3 class="text-muted">Fiyat Bilgileri</h3>
                                <table class="info-table">
                                    <tr>
                                        <td>Toplam Ara Tutar</td>
                                        <td>{{ money($offer->sub_total_price, 'TRY', true) }}</td>
                                    </tr>
                                    <tr>
                                        <td>Toplam Sepet Tutarı</td>
                                        <td>{{ money($offer->total_price, 'TRY', true) }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!--end::Card body-->
                </form>
                <!--end::Form-->
            </div>
            <!--end::Content-->
        </div>
        <!--end::Basic info-->
    </div>
    <!--end::Container-->
</div>
@endsection

@push('meta')
    <style>
        .info-table{
            width: 100%;
            margin-bottom: 20px;
        }

        .info-table tr > td{
            width: 50%;
            border: 1px solid #eee;
            padding: 8px;
        }

        .products-table {
        width: 100%;
    }


    .products-table tr td:has(.product-image){
        width: 180px;
    }

    .products-table .product-image{
        width: 150px;
        max-height: 150px;
        object-fit: contain;
    }

    .products-table .product-title{
        font-size: 14px;
        font-weight: 500;
    }

    .products-table .product-info{
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 10px;
        color: #808080;
        font-size: 12px;
    }

    .products-table tr:not(:last-child){
        border-bottom: 1px solid #eee;
    }

    table.products-table .table-header td {
        padding: 10px 0;
        font-weight: 500;
        font-size: 16px;
        background: #f7f7f7;
        border-bottom: 5px solid #fff;
    }

    table.products-table .table-header td:first-child{
        padding-left: 5px;
    }

    table.products-table .table-header td:last-child{
        padding-right: 5px;
    }
    </style>
@endpush

@push('javascript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
    <script>
        $(document).ready(function(){
            $('.stock-status-selector').change(function(){
                var value = $(this).val();
                var qtyInputArea = $(this).parent().find('> div');

                if(value == "WAITING"){
                    qtyInputArea.removeClass('d-none');
                    qtyInputArea.find('input').attr('required', true);
                }else{
                    qtyInputArea.addClass('d-none');
                    qtyInputArea.find('input').attr('required', false);
                }
            });

            $('input[name="offered_price"]').mask('000.000.000.000.000,00', {reverse: true});
        })
    </script>
    <script>
        $(document).ready(function () {
            $("#downloadPdfButton").on("click", function (e) {
                e.preventDefault();

                var pdfSrc = $(this).data("src");

                var $iframe = $("<iframe>", {
                    src: pdfSrc,
                    style: "display: none;"
                });

                $("body").append($iframe);

                $iframe.on("load", function () {
                    this.contentWindow.print();

                    setTimeout(function () {
                        $iframe.remove();
                    }, 1000);
                });
            });
        });
    </script>
@endpush