@extends('layouts.app')

@section('content')
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">{{ __('orders.order') }}: {{ $order->order_number }}</h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted">
                    <a href="{{ url('/') }}" class="text-muted text-hover-primary">{{ __('common.home') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">
                    <a href="{{ route('orders.index') }}" class="text-muted text-hover-primary">{{ __('orders.title') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ __('common.view') }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            @can('Update:Order')
                <a href="{{ route('orders.edit', ['order' => $order]) }}" class="btn btn-sm fw-bold btn-primary">{{ __('orders.edit') }}</a>
            @endcan
            <button type="button" class="btn btn-sm fw-bold btn-secondary" data-bs-toggle="modal" data-bs-target="#kt_modal_print_preview">{{ __('orders.print_order') }}</button>
            <button type="button" class="btn btn-sm fw-bold btn-light-warning" data-bs-toggle="modal" data-bs-target="#kt_modal_print_workshop_preview">Atölye Çıktısı</button>
            @if($order->invoice && $order->invoice->due_amount > 0)
                <button type="button" class="btn btn-sm fw-bold btn-success" data-bs-toggle="modal" data-bs-target="#kt_modal_add_payment">{{ __('invoices.add_payment') }}</button>
            @endif
        </div>
    </div>
</div>

<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">
        @if($order->status === 'pending_approval' || $order->status === 'Pending Approval')
            @php
                $isOwner = \App\Services\NotificationService::isCompanyOwnerOrAdmin(auth()->user());
            @endphp
            <div class="alert alert-dismissible bg-light-warning d-flex flex-column flex-sm-row p-5 mb-8 border border-warning rounded align-items-center">
                <i class="ki-outline ki-information-5 fs-2hx text-warning me-4 mb-5 mb-sm-0"></i>
                <div class="d-flex flex-column pe-0 pe-sm-10">
                    <h5 class="mb-1 text-warning fw-bold">Sipariş Onay Bekliyor</h5>
                    <span>Bu siparişte veya müşterinin bu kıyafet türüne ait ölçülerinde bir değişiklik yapılmıştır. Siparişin üretime alınabilmesi için onaylanması gerekmektedir.</span>
                </div>
                @if($isOwner)
                    <div class="position-absolute position-sm-relative m-2 m-sm-0 ms-sm-auto">
                        <form action="{{ route('orders.approve', ['order' => $order]) }}" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-warning text-dark fw-bold px-4 py-2">Siparişi Onayla</button>
                        </form>
                    </div>
                @endif
            </div>
        @endif

        @if($errors->any())
            <div class="alert alert-danger mb-6">
                {{ $errors->first() }}
            </div>
        @endif
        <div class="d-flex flex-column flex-lg-row">
            <div class="flex-column flex-lg-row-auto w-100 w-lg-300px w-xl-400px mb-10">
                <div class="card mb-5 mb-xl-8">
                    <div class="card-body pt-15">
                        <div class="d-flex flex-center flex-column mb-5">
                            <div class="symbol symbol-100px symbol-circle mb-7">
                                <span class="symbol-label fs-1 fw-bold bg-light-primary text-primary">{{ substr($order->customer->first_name, 0, 1) }}{{ substr($order->customer->last_name, 0, 1) }}</span>
                            </div>
                            <a href="{{ route('customers.show', ['customer' => $order->customer]) }}" class="fs-3 text-gray-800 text-hover-primary fw-bold mb-1">{{ $order->customer->first_name }} {{ $order->customer->last_name }}</a>
                            <div class="fs-5 fw-semibold text-muted mb-6">{{ $order->customer->customer_code }}</div>
                        </div>

                        <div class="d-flex flex-stack fs-4 py-3">
                            <div class="fw-bold">{{ __('orders.financial_summary') }}</div>
                        </div>
                        <div class="separator separator-dashed my-3"></div>
                        <div class="pb-5 fs-6">
                            <div class="d-flex flex-stack mb-3">
                                <div class="fw-bold">{{ __('orders.total_price') }}</div>
                                <div class="text-gray-600 font-monospace">@moneyWithCurrency($order->total_price, $order->currency)</div>
                            </div>
                            <div class="d-flex flex-stack mb-3">
                                <div class="fw-bold">{{ __('orders.advance_payment') }}</div>
                                <div class="text-gray-600 font-monospace">@moneyWithCurrency($order->advance_payment, $order->currency)</div>
                            </div>
                            <div class="d-flex flex-stack mb-3">
                                <div class="fw-bold text-danger">{{ __('orders.balance_due') }}</div>
                                <div class="text-danger fw-bold font-monospace">@moneyWithCurrency($order->invoice ? $order->invoice->due_amount : $order->balance, $order->currency)</div>
                            </div>

                            @if($order->invoice && $order->invoice->payments->isNotEmpty())
                                <div class="separator separator-dashed my-4"></div>
                                <div class="fw-bold mb-3 text-gray-800">{{ __('invoices.payment_history') }}</div>
                                <div class="fs-7">
                                    @foreach($order->invoice->payments as $payment)
                                        <div class="d-flex flex-stack mb-2 align-items-center">
                                            <span class="text-gray-600 fs-7 d-flex align-items-center flex-wrap">
                                                {{ $payment->payment_date->translatedFormat('d F Y') }} ({{ __("invoices.{$payment->payment_method}") ?? $payment->payment_method }})
                                                @if(str_contains(strtolower($payment->notes ?? ''), 'kapora') || str_contains(strtolower($payment->notes ?? ''), 'advance'))
                                                    <span class="badge badge-light-warning fs-9 fw-bold ms-1" style="padding: 2px 4px; line-height: 1.1;">{{ __('invoices.down_payment') }}</span>
                                                @else
                                                    <span class="badge badge-light-success fs-9 fw-bold ms-1" style="padding: 2px 4px; line-height: 1.1;">{{ __('invoices.normal_payment') }}</span>
                                                @endif
                                                @if($payment->notes && !str_contains(strtolower($payment->notes), 'kapora') && !str_contains(strtolower($payment->notes), 'advance'))
                                                    <span class="text-muted fs-8 ms-1">({{ $payment->notes }})</span>
                                                @endif
                                            </span>
                                            <span class="text-success fw-bold font-monospace fs-7">+@moneyWithCurrency($payment->amount, $payment->currency)</span>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>

                        @if($order->invoice_id)
                            <div class="d-grid mt-4">
                                <a href="{{ route('invoices.show', ['invoice' => $order->invoice_id]) }}" class="btn btn-sm btn-light-primary fw-bold">
                                    <i class="ki-outline ki-document fs-5 me-1"></i> {{ __('orders.view_invoice') }}
                                </a>
                            </div>
                        @else
                            <div class="d-grid mt-4">
                                <form action="{{ route('orders.create-invoice', ['order' => $order]) }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-light-warning fw-bold w-100">
                                        <i class="ki-outline ki-file-plus fs-5 me-1"></i> Fatura Oluştur
                                    </button>
                                </form>
                            </div>
                        @endif

                        <div class="d-flex flex-stack fs-4 py-3">
                            <div class="fw-bold">{{ __('orders.general_info') }}</div>
                        </div>
                        <div class="separator separator-dashed my-3"></div>
                        <div class="pb-5 fs-6">
                            <div class="fw-bold mt-5">{{ __('orders.order_date') }}</div>
                            <div class="text-gray-600">{{ $order->order_date->translatedFormat('d M Y') }}</div>
                            
                            <div class="fw-bold mt-5">{{ __('common.status') }}</div>
                            <div class="text-gray-600">
                                @php
                                    $statusLabels = [
                                        'draft' => __('orders.status_draft'),
                                        'active' => __('orders.status_active'),
                                        'completed' => __('orders.status_completed'),
                                        'cancelled' => __('orders.status_cancelled'),
                                        'delivered' => __('orders.status_delivered'),
                                        'Draft' => __('orders.status_draft'),
                                        'In Production' => __('orders.status_in_production'),
                                        'Ready for Trial' => __('orders.status_ready_for_trial'),
                                        'Completed' => __('orders.status_completed'),
                                        'Delivered' => __('orders.status_delivered'),
                                    ];
                                @endphp
                                <span class="badge badge-light-primary">{{ $statusLabels[$order->status] ?? $order->status }}</span>
                            </div>

                            <div class="fw-bold mt-5">{{ __('orders.responsible') }}</div>
                            <div class="text-gray-600">{{ $order->responsibleUser->name ?? __('orders.not_available') }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="flex-lg-row-fluid ms-lg-15">
                <div class="card pt-4 mb-6 mb-xl-9">
                    <div class="card-header border-0">
                        <div class="card-title">
                            <h2>{{ __('orders.order_items') }}</h2>
                        </div>
                    </div>
                    <div class="card-body pt-0">
                        @foreach($order->items as $item)
                        <div class="mb-10">
                            <div class="d-flex flex-stack mb-5">
                                <h3 class="fw-bold text-gray-800">{{ $item->clothType->title }}</h3>
                                <div class="text-gray-900 fw-bold fs-4 font-monospace">@moneyWithCurrency($item->price, $order->currency)</div>
                            </div>
                            
                            <div class="row row-cols-1 row-cols-sm-2 mb-5">
                                <div class="col">
                                    <div class="fw-semibold text-gray-500">{{ __('orders.trial_date') }}:</div>
                                    <div class="fw-bold text-gray-800">{{ $item->trial_date ? $item->trial_date->translatedFormat('d M Y') : __('orders.not_available') }}</div>
                                </div>
                                <div class="col">
                                    <div class="fw-semibold text-gray-500">{{ __('orders.delivery_date') }}:</div>
                                    <div class="fw-bold text-gray-800">{{ $item->delivery_date ? $item->delivery_date->translatedFormat('d M Y') : __('orders.not_available') }}</div>
                                </div>
                            </div>

                            <div class="row g-5">
                                <div class="col-md-6 border-end">
                                    <h4 class="fs-6 fw-bold text-gray-700 mb-4">{{ __('orders.specs_attributes') }}</h4>
                                    <div class="row row-cols-2 g-3">
                                        @foreach($item->details->where('type', 'attribute') as $detail)
                                            <div class="col">
                                                <div class="fs-7 text-gray-500">{{ $detail->label }}</div>
                                                <div class="d-flex align-items-center gap-2 mt-1">
                                                    <div class="fs-6 fw-bold text-gray-800">{{ $detail->value }}</div>
                                                    @if($detail->image_path)
                                                        <a href="{{ asset('storage/' . $detail->image_path) }}" target="_blank" class="symbol symbol-30px border rounded overflow-hidden shadow-sm d-inline-block" title="Görseli Büyüt">
                                                            <img src="{{ asset('storage/' . $detail->image_path) }}" alt="{{ $detail->label }}" class="w-30px h-30px object-fit-cover" />
                                                        </a>
                                                    @elseif($detail->cloth_attribute_id && $detail->attribute)
                                                        @php
                                                            $option = $detail->attribute->options->where('name', $detail->value)->first();
                                                        @endphp
                                                        @if($option && $option->image_path)
                                                            <a href="{{ str_starts_with($option->image_path, 'http') || str_starts_with($option->image_path, '//') ? $option->image_path : asset('storage/' . $option->image_path) }}" target="_blank" class="symbol symbol-30px border rounded overflow-hidden shadow-sm d-inline-block" title="Görseli Büyüt">
                                                                <img src="{{ str_starts_with($option->image_path, 'http') || str_starts_with($option->image_path, '//') ? $option->image_path : asset('storage/' . $option->image_path) }}" alt="{{ $detail->label }}" class="w-30px h-30px object-fit-cover" />
                                                            </a>
                                                        @endif
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <h4 class="fs-6 fw-bold text-gray-700 mb-4">{{ __('orders.measurements') }}</h4>
                                    <div class="row row-cols-3 g-3">
                                        @php
                                            $measurementDetails = $item->details->where('type', 'measurement');
                                            if ($measurementDetails->isEmpty() && $item->measurement) {
                                                $measurementDetails = $item->measurement->items;
                                            }
                                        @endphp
                                        @foreach($measurementDetails as $detail)
                                            <div class="col">
                                                <div class="fs-7 text-gray-500">{{ $detail->label ?? $detail->measureType?->title }}</div>
                                                <div class="fs-6 fw-bold">{{ $detail->value }}</div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            <div class="separator separator-dashed my-8"></div>
                        </div>
                        @endforeach

                        @if($order->note)
                            <div class="bg-light-info rounded border-info border border-dashed p-6">
                                <h4 class="text-gray-900 fw-bold">{{ __('orders.order_note') }}:</h4>
                                <div class="fs-6 text-gray-700">{{ $order->note }}</div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@if($order->invoice && $order->invoice->due_amount > 0)
<!-- Modal: Add Payment -->
<div class="modal fade" id="kt_modal_add_payment" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered mw-650px">
        <div class="modal-content">
            <form action="{{ route('payments.store') }}" method="POST">
                @csrf
                <input type="hidden" name="invoice_id" value="{{ $order->invoice->id }}">
                <div class="modal-header">
                    <h2 class="fw-bold">{{ __('invoices.record_payment') }}</h2>
                    <div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal">
                        <i class="ki-duotone ki-cross fs-1"><span class="path1"></span><span class="path2"></span></i>
                    </div>
                </div>
                <div class="modal-body py-10 px-lg-17">
                    <div class="row row-cols-1 row-cols-md-2 g-5 mb-7">
                        <div class="col">
                            <label class="required fs-6 fw-semibold mb-2">{{ __('invoices.amount') }}</label>
                            <input type="number" step="0.01" class="form-control form-control-solid @error('amount') is-invalid @enderror" id="payment_amount" name="amount" value="{{ old('amount', $order->invoice->due_amount) }}" min="0.01" />
                            @error('amount')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col">
                            <label class="required fs-6 fw-semibold mb-2">Para Birimi</label>
                            <select name="currency_id" id="payment_currency_id" class="form-select form-select-solid">
                                @foreach($currencies as $currency)
                                    <option value="{{ $currency->id }}" data-code="{{ $currency->short_code }}" {{ old('currency_id', $order->currency_id) == $currency->id ? 'selected' : '' }}>
                                        {{ $currency->short_code }} ({{ $currency->symbol }})
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    
                    <div class="fv-row mb-7" id="payment_exchange_rate_container" style="{{ ($order->currency?->short_code ?? 'TRY') === 'TRY' ? 'display: none;' : '' }}">
                        <label class="required fs-6 fw-semibold mb-2">{{ __('common.exchange_rate') }}</label>
                        <input type="number" step="0.000001" class="form-control form-control-solid" id="payment_exchange_rate" name="exchange_rate" value="{{ old('exchange_rate', $order->exchange_rate) }}" />
                    </div>

                    <div class="fv-row mb-7">
                        <label class="required fs-6 fw-semibold mb-2">{{ __('invoices.payment_date') }}</label>
                        <input type="date" class="form-control form-control-solid" name="payment_date" value="{{ date('Y-m-d') }}" />
                    </div>
                    <div class="fv-row mb-7">
                        <label class="required fs-6 fw-semibold mb-2">{{ __('invoices.payment_method') }}</label>
                        <select name="payment_method" class="form-select form-select-solid">
                            <option value="cash">{{ __('invoices.cash') }}</option>
                            <option value="bank_transfer">{{ __('invoices.bank_transfer') }}</option>
                            <option value="credit_card">{{ __('invoices.credit_card') }}</option>
                        </select>
                    </div>
                    <div class="fv-row mb-7">
                        <label class="fs-6 fw-semibold mb-2">{{ __('invoices.notes') }}</label>
                        <textarea class="form-control form-control-solid" name="notes"></textarea>
                    </div>
                </div>
                <div class="modal-footer flex-center">
                    <button type="reset" class="btn btn-light me-3" data-bs-dismiss="modal">{{ __('common.cancel') }}</button>
                    <button type="submit" class="btn btn-primary">{{ __('invoices.save_payment') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const paymentForm = document.querySelector('#kt_modal_add_payment form');
    if (paymentForm) {
        const currencySelect = document.getElementById('payment_currency_id');
        if (currencySelect) {
            currencySelect.addEventListener('change', function() {
                const selectedOpt = this.options[this.selectedIndex];
                const code = selectedOpt.getAttribute('data-code');
                const container = document.getElementById('payment_exchange_rate_container');
                const rateInput = document.getElementById('payment_exchange_rate');
                
                if (code === 'TRY') {
                    if (container) container.style.display = 'none';
                    if (rateInput) rateInput.value = '1.000000';
                } else {
                    if (container) container.style.display = 'block';
                    $.get("{{ url('/') }}/{{ app('current_company')->uuid }}/exchange-rates/" + code, function(data) {
                        if (data && data.rate && rateInput) {
                            rateInput.value = data.rate;
                        }
                    });
                }
            });
        }

        paymentForm.addEventListener('submit', function(e) {
            const amount = parseFloat(document.getElementById('payment_amount').value) || 0;
            const rateInput = document.getElementById('payment_exchange_rate');
            const exchangeRate = rateInput ? (parseFloat(rateInput.value) || 1.0) : 1.0;
            
            const invoiceDue = parseFloat("{{ $order->invoice?->due_amount ?? $order->balance }}") || 0;
            const invoiceRate = parseFloat("{{ $order->invoice?->exchange_rate ?? $order->exchange_rate }}") || 1.0;
            
            const paymentBase = amount * exchangeRate;
            const invoiceDueBase = invoiceDue * invoiceRate;
            
            if (paymentBase > invoiceDueBase + 0.05) {
                e.preventDefault();
                Swal.fire({
                    text: "{{ __('invoices.payment_exceed_due') }}",
                    icon: 'warning',
                    buttonsStyling: false,
                    confirmButtonText: 'Tamam',
                    customClass: {
                        confirmButton: 'btn btn-primary'
                    }
                });
            }
        });

        // Lazy load print iframes on modal open to prevent auto printing on page load
        const printModal = document.getElementById('kt_modal_print_preview');
        if (printModal) {
            printModal.addEventListener('show.bs.modal', function () {
                const iframe = document.getElementById('print_frame');
                if (iframe && !iframe.getAttribute('src')) {
                    iframe.setAttribute('src', iframe.getAttribute('data-src'));
                }
            });
        }

        const workshopModal = document.getElementById('kt_modal_print_workshop_preview');
        if (workshopModal) {
            workshopModal.addEventListener('show.bs.modal', function () {
                const iframe = document.getElementById('print_workshop_frame');
                if (iframe && !iframe.getAttribute('src')) {
                    iframe.setAttribute('src', iframe.getAttribute('data-src'));
                }
            });
        }
    }
});
</script>
@endpush
@endif

<!-- Modal: Print Preview -->
<div class="modal fade" id="kt_modal_print_preview" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered mw-850px">
        <div class="modal-content">
            <div class="modal-header py-4">
                <h3 class="fw-bold m-0">{{ __('orders.print_order') }}</h3>
                <div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal">
                    <i class="ki-duotone ki-cross fs-1"><span class="path1"></span><span class="path2"></span></i>
                </div>
            </div>
            <div class="modal-body p-0" style="background-color: #f5f6f9;">
                <iframe id="print_frame" data-src="{{ route('orders.print', ['order' => $order]) }}" style="width: 100%; height: 75vh; border: none; border-radius: 0 0 8px 8px;"></iframe>
            </div>
        </div>
    </div>
</div>

<!-- Modal: Print Workshop Preview -->
<div class="modal fade" id="kt_modal_print_workshop_preview" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered mw-850px">
        <div class="modal-content">
            <div class="modal-header py-4">
                <h3 class="fw-bold m-0">Atölye Çıktısı Önizleme</h3>
                <div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal">
                    <i class="ki-duotone ki-cross fs-1"><span class="path1"></span><span class="path2"></span></i>
                </div>
            </div>
            <div class="modal-body p-0" style="background-color: #f5f6f9;">
                <iframe id="print_workshop_frame" data-src="{{ route('orders.print-workshop', ['order' => $order]) }}" style="width: 100%; height: 75vh; border: none; border-radius: 0 0 8px 8px;"></iframe>
            </div>
        </div>
    </div>
</div>
@endsection