@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

                            <a href="{{ route('admin.offers.offer_pdf', $offer->id) }}" type="button" class="btn btn-primary btn-sm" target="_blank">
                                PDF İndir
                            </a>
                        </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 Stokta Var</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-info">
                                                            Üretim Bilgisi 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-4">
                                        <label for="valid_date" class="form-label mb-2">Teklif Geçerlilik Tarihi</label>
                                        <x-panel.inputs.text
                                            type="date"
                                            name="valid_date"
                                            :value="$offer->isCompleted() ? \Carbon\Carbon::parse($offer->valid_date)->format('Y-m-d') : null"
                                            :required="true"
                                        />
                                    </div>
                                    <div class="col-md-4">
                                        <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-4">
                                        <label for="form-label mb-2">Toplam Teklif Edilen Fiyat ({{ $offer?->currency?->title }})</label>
                                        <x-panel.inputs.text
                                            name="offered_price"
                                            :value="$offer->isCompleted() ? money($offer->offered_price, ($offer->currency ? $offer->currency->code : 'TRY'))->getAmount() : $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') }}</td>
                                    </tr>
                                    <tr>
                                        <td>Toplam Sepet Tutarı</td>
                                        <td>{{ money($offer->total_price, 'TRY') }}</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