@extends('frontend.main_master')
@section('body-class', 'panel-page panel-scrollable')
@section('title', 'Sipariş Detayı | ' . t('site-title'))

@push('styles')
<style>
    body.panel-page {
        padding-top: 0 !important;
    }
</style>
@endpush

@section('content')
@php($detail = $order->storeOrderDetail)

<div class="container py-4 py-lg-5" style="max-width:900px;">
    <a href="{{ route('my-orders.index') }}" class="small text-muted d-inline-block mb-3"><i class="fa-solid fa-arrow-left"></i> Siparişlerim</a>

    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-4">
        <div>
            <h1 class="h4 mb-1">{{ $order->invoice_number ?? ('Sipariş #' . $order->id) }}</h1>
            <div class="text-muted small">{{ $order->created_at->format('d.m.Y H:i') }}</div>
        </div>
        <span class="badge {{ $detail->fulfillment_status === 'delivered' ? 'bg-success' : 'bg-warning text-dark' }} fs-6">
            {{ $detail->statusLabel() }}
        </span>
    </div>

    @if ($detail->tracking_number)
        <div class="border rounded-3 p-3 mb-4" style="background:#fff;">
            <strong>Kargo Takip</strong>
            <p class="mb-0 text-muted">{{ $detail->carrier ?? 'Kargo firması' }} — Takip No: <strong>{{ $detail->tracking_number }}</strong></p>
        </div>
    @endif

    <div class="border rounded-3 p-3 mb-4" style="background:#fff;">
        <h6 class="mb-3">Ürünler</h6>
        @foreach ($order->items as $item)
            <div class="d-flex justify-content-between align-items-start py-2 {{ !$loop->last ? 'border-bottom' : '' }}">
                <div>
                    <strong>{{ $item->product_name }}</strong>
                    @if ($item->variant_attributes)
                        <div class="small text-muted">
                            @foreach ($item->variant_attributes as $key => $value)
                                {{ ucfirst($key) }}: {{ $value }}@if(!$loop->last), @endif
                            @endforeach
                        </div>
                    @endif
                    <div class="small text-muted">{{ $item->quantity }} adet × {{ number_format($item->unit_price, 2, ',', '.') }} ₺</div>
                </div>
                <div class="text-end">
                    <div class="fw-bold">{{ number_format($item->line_total, 2, ',', '.') }} ₺</div>
                    @if ($detail->fulfillment_status === 'delivered')
                        @php($existingReturn = $item->returns->firstWhere('status', '!=', 'rejected'))
                        @if ($existingReturn)
                            <span class="badge bg-secondary mt-1">İade: {{ $existingReturn->status }}</span>
                        @else
                            <button type="button" class="btn btn-sm btn-outline-danger mt-1" data-bs-toggle="modal" data-bs-target="#returnModal{{ $item->id }}">
                                İade Talebi Oluştur
                            </button>
                        @endif
                    @endif
                </div>
            </div>

            @if ($detail->fulfillment_status === 'delivered' && !($item->returns->firstWhere('status', '!=', 'rejected')))
                <div class="modal fade" id="returnModal{{ $item->id }}" tabindex="-1" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <form action="{{ route('my-orders.request-return', $item) }}" method="POST">
                                @csrf
                                <div class="modal-header">
                                    <h5 class="modal-title">İade Talebi — {{ $item->product_name }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>
                                <div class="modal-body">
                                    <label class="form-label small">İade Sebebi</label>
                                    <textarea name="reason" class="form-control" rows="3" required></textarea>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" class="btn text-white" style="background:var(--astro-main-green);">Talebi Gönder</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            @endif
        @endforeach
    </div>

    <div class="border rounded-3 p-3 mb-4" style="background:#fff;">
        <h6 class="mb-3">Kargo Adresi</h6>
        <p class="mb-1">{{ $detail->ship_recipient_name }} — {{ $detail->ship_phone }}</p>
        <p class="mb-1">{{ $detail->ship_address_line }}</p>
        <p class="mb-0 text-muted">{{ $detail->ship_district }} / {{ $detail->ship_city }} {{ $detail->ship_postal_code }} — {{ $detail->ship_country }}</p>
    </div>

    <div class="border rounded-3 p-3" style="background:#fff;">
        <div class="d-flex justify-content-between"><span>Ara Toplam</span><span>{{ number_format($order->subtotal, 2, ',', '.') }} ₺</span></div>
        <div class="d-flex justify-content-between"><span>Kargo Ücreti</span><span>{{ number_format($detail->shipping_fee, 2, ',', '.') }} ₺</span></div>
        @if ($order->discount_amount > 0)
            <div class="d-flex justify-content-between text-success"><span>İndirim</span><span>-{{ number_format($order->discount_amount, 2, ',', '.') }} ₺</span></div>
        @endif
        <hr>
        <div class="d-flex justify-content-between fw-bold fs-5"><span>Toplam</span><span>{{ number_format($order->total, 2, ',', '.') }} ₺</span></div>
    </div>
</div>
@endsection