@extends('admin.layouts.master')
@section('title', 'عرض سعر #'.$quotation->quotation_no)

@section('page-header')
    <div class="row align-items-center">
        <div class="col">
            <div class="page-pretitle">عروض الأسعار</div>
            <h2 class="page-title">عرض سعر: {{ $quotation->quotation_no }}</h2>
        </div>
        <div class="col-auto d-flex gap-2">
            <a href="{{ route('admin.quotations.print', $quotation) }}" target="_blank" class="btn btn-outline-secondary"><i class="ti ti-printer ms-1"></i> طباعة</a>
            <a href="{{ route('admin.quotations.edit', $quotation) }}" class="btn btn-primary"><i class="ti ti-edit ms-1"></i> تعديل</a>
            <a href="{{ route('admin.quotations.index') }}" class="btn btn-outline-secondary">العودة</a>
        </div>
    </div>
@endsection

@section('content')
<div class="row row-cards">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h4>بيانات العميل</h4>
                <dl class="row">
                    <dt class="col-5">العميل:</dt><dd class="col-7">{{ $quotation->customer?->name }}</dd>
                    <dt class="col-5">الكود:</dt><dd class="col-7">{{ $quotation->customer?->code }}</dd>
                    <dt class="col-5">الهاتف:</dt><dd class="col-7">{{ $quotation->customer?->mobile ?? $quotation->customer?->phone ?? '-' }}</dd>
                </dl>
                <hr>
                <h4>بيانات العرض</h4>
                <dl class="row">
                    <dt class="col-5">الفرع:</dt><dd class="col-7">{{ $quotation->branch?->name }}</dd>
                    <dt class="col-5">تاريخ العرض:</dt><dd class="col-7">{{ $quotation->quotation_date?->format('Y-m-d') }}</dd>
                    <dt class="col-5">صالح حتى:</dt><dd class="col-7">{{ $quotation->valid_until?->format('Y-m-d') ?? '-' }}</dd>
                    <dt class="col-5">الحالة:</dt><dd class="col-7"><span class="badge bg-primary">{{ $quotation->status_label }}</span></dd>
                    <dt class="col-5">أنشئ بواسطة:</dt><dd class="col-7">{{ $quotation->createdBy?->name ?? '-' }}</dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card">
            <div class="card-header"><h3 class="card-title">الأصناف</h3></div>
            <div class="table-responsive">
                <table class="table table-vcenter card-table">
                    <thead><tr><th>الوصف</th><th>النوع</th><th>المقاس</th><th>الكمية</th><th>سعر الوحدة</th><th>الإجمالي</th></tr></thead>
                    <tbody>
                        @foreach($quotation->items as $line)
                        <tr>
                            <td>{{ $line->description }}</td>
                            <td>{{ ['offset'=>'أوفست','digital'=>'ديجيتال','flex'=>'فلكس','packaging'=>'تغليف'][$line->printing_type] ?? $line->printing_type }}</td>
                            <td>{{ $line->final_size ?? '-' }}</td>
                            <td>{{ number_format($line->quantity) }}</td>
                            <td>{{ number_format($line->unit_price, 2) }}</td>
                            <td class="fw-bold">{{ number_format($line->total_price, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        @if($quotation->terms)
                        <h5>الشروط:</h5>
                        <p class="small text-muted">{{ $quotation->terms }}</p>
                        @endif
                        @if($quotation->notes)
                        <h5>ملاحظات:</h5>
                        <p class="small text-muted">{{ $quotation->notes }}</p>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted">الإجمالي قبل الخصم:</td><td class="text-end">{{ number_format($quotation->subtotal, 2) }} ج.م</td></tr>
                            <tr><td class="text-muted">الخصم:</td><td class="text-end">{{ number_format($quotation->discount_amount, 2) }} ج.م</td></tr>
                            <tr><td class="text-muted">الضريبة ({{ $quotation->tax_percent }}%):</td><td class="text-end">{{ number_format($quotation->tax_amount, 2) }} ج.م</td></tr>
                            <tr class="fw-bold border-top fs-3 text-success"><td>الإجمالي النهائي:</td><td class="text-end">{{ number_format($quotation->total_amount, 2) }} ج.م</td></tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection