@extends('layouts.customer')

@php
    $labels = match(app()->getLocale()) {
        'en'=>['title'=>'Cart','product'=>'Product','unit'=>'Unit price','quantity'=>'Quantity','total'=>'Total','update'=>'Update','delete'=>'Remove','empty'=>'Your cart is empty.','continue'=>'Browse products','request'=>'Send quote request','notes'=>'Notes for Aswarco','delivery'=>'Desired delivery date','submit'=>'Submit request'],
        'es'=>['title'=>'Carrito','product'=>'Producto','unit'=>'Precio unitario','quantity'=>'Cantidad','total'=>'Total','update'=>'Actualizar','delete'=>'Eliminar','empty'=>'Tu carrito está vacío.','continue'=>'Ver productos','request'=>'Enviar solicitud de cotización','notes'=>'Notas para Aswarco','delivery'=>'Fecha de entrega deseada','submit'=>'Enviar solicitud'],
        'tr'=>['title'=>'Sepet','product'=>'Ürün','unit'=>'Birim fiyat','quantity'=>'Adet','total'=>'Toplam','update'=>'Güncelle','delete'=>'Kaldır','empty'=>'Sepetiniz boş.','continue'=>'Ürünlere göz at','request'=>'Fiyat talebi gönder','notes'=>'Aswarco için notlar','delivery'=>'İstenen teslim tarihi','submit'=>'Talebi gönder'],
        'it'=>['title'=>'Carrello','product'=>'Prodotto','unit'=>'Prezzo unitario','quantity'=>'Quantità','total'=>'Totale','update'=>'Aggiorna','delete'=>'Rimuovi','empty'=>'Il carrello è vuoto.','continue'=>'Sfoglia prodotti','request'=>'Invia richiesta di preventivo','notes'=>'Note per Aswarco','delivery'=>'Data di consegna desiderata','submit'=>'Invia richiesta'],
        default=>['title'=>'السلة','product'=>'المنتج','unit'=>'سعر الوحدة','quantity'=>'الكمية','total'=>'المجموع','update'=>'تحديث','delete'=>'حذف','empty'=>'السلة فارغة.','continue'=>'تصفح المنتجات','request'=>'إرسال طلب عرض سعر','notes'=>'ملاحظات لشركة الأسوار','delivery'=>'تاريخ التوصيل المطلوب','submit'=>'إرسال الطلب'],
    };
@endphp

@section('title',$labels['title'])

@push('styles')
    .cart-table-wrap{overflow-x:auto}.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{padding:13px;border-bottom:1px solid #e4e7ec;text-align:start}.cart-table th{color:#0756a3;background:#f5f8fb}.quantity-form{display:flex;gap:7px}.quantity-input,.form-control{padding:10px;border:1px solid #d0d9e4;border-radius:8px;font:inherit}.quantity-input{width:80px}.danger{padding:9px 12px;border:0;border-radius:8px;color:white;background:#b42318;cursor:pointer}.quote-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.form-control{width:100%}@media(max-width:700px){.quote-grid{grid-template-columns:1fr}}
@endpush

@section('content')
    <div class="page-header"><h1 class="page-title">{{ $labels['title'] }}</h1><a class="button" href="{{ route('customer.products.index') }}">{{ $labels['continue'] }}</a></div>
    <section class="card">
        @if($cart->items->isEmpty())
            <p>{{ $labels['empty'] }}</p>
        @else
            <div class="cart-table-wrap"><table class="cart-table"><thead><tr><th>{{ $labels['product'] }}</th><th>{{ $labels['unit'] }}</th><th>{{ $labels['quantity'] }}</th><th>{{ $labels['total'] }}</th><th></th></tr></thead><tbody>
            @foreach($cart->items as $item)
                @php
                    $translation=$item->product?->translation(app()->getLocale()) ?? $item->product?->translation('ar');
                    $unit=(float)($item->unit_price_snapshot ?? 0);
                @endphp
                <tr>
                    <td><strong>{{ $translation?->name ?? $item->product?->internal_code }}</strong><br><small>{{ $item->product?->internal_code }}</small></td>
                    <td>{{ number_format($unit,3) }} {{ $cart->currency }}</td>
                    <td><form class="quantity-form" method="POST" action="{{ route('customer.cart.update',$item) }}">@csrf @method('PATCH')<input class="quantity-input" type="number" name="quantity" value="{{ $item->quantity }}" min="1" max="999" required><button class="button" type="submit">{{ $labels['update'] }}</button></form></td>
                    <td>{{ number_format($unit*$item->quantity,3) }} {{ $cart->currency }}</td>
                    <td><form method="POST" action="{{ route('customer.cart.destroy',$item) }}">@csrf @method('DELETE')<button class="danger" type="submit">{{ $labels['delete'] }}</button></form></td>
                </tr>
            @endforeach
            </tbody><tfoot><tr><th colspan="3">{{ $labels['total'] }}</th><th>{{ number_format($total,3) }} {{ $cart->currency }}</th><th></th></tr></tfoot></table></div>
        @endif
    </section>

    @if($cart->items->isNotEmpty())
        <section class="card" style="margin-top:20px;">
            <h2>{{ $labels['request'] }}</h2>
            <form method="POST" action="{{ route('customer.quotes.store') }}">@csrf
                <div class="quote-grid">
                    <label>{{ $labels['notes'] }}<textarea class="form-control" name="customer_notes" rows="4" maxlength="5000">{{ old('customer_notes') }}</textarea></label>
                    <label>{{ $labels['delivery'] }}<input class="form-control" type="date" name="desired_delivery_date" min="{{ now()->format('Y-m-d') }}" value="{{ old('desired_delivery_date') }}"></label>
                </div>
                <button class="button" type="submit" style="margin-top:15px;">{{ $labels['submit'] }}</button>
            </form>
        </section>
    @endif
@endsection