@extends('layouts.app')
@section('title', 'عرض سعر')
@section('page_title', 'عرض السعر ' . $quotation->code)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('quotations.index') }}">عروض الأسعار</a></li>
    <li class="breadcrumb-item active">{{ $quotation->code }}</li>
@endsection

@section('page_actions')
    <a href="{{ route('quotations.print', $quotation) }}" target="_blank" class="btn btn-light"><i class="fa-solid fa-print ms-2"></i>طباعة</a>
    @can('quotations.edit')
        @if (in_array($quotation->status, ['draft', 'sent']))
            <a href="{{ route('quotations.edit', $quotation) }}" class="btn btn-light"><i class="fa-solid fa-pen ms-2"></i>تعديل</a>
        @endif
    @endcan
    @can('invoices.create')
        @if ($quotation->customer_id)
            <button class="btn btn-success"
                    onclick="confirmAction('{{ route('quotations.convert', $quotation) }}', 'تحويل إلى فاتورة', 'سيتم إنشاء فاتورة جديدة بنفس البنود.', '#198754')">
                <i class="fa-solid fa-file-invoice-dollar ms-2"></i>تحويل إلى فاتورة
            </button>
        @endif
    @endcan
@endsection

@section('content')
<div class="row g-3">
    <div class="col-xl-4">
        <div class="card mb-3">
            <div class="card-body">
                <ul class="detail-list">
                    <li><span class="dl-label">رقم العرض</span><span class="dl-value fw-bold">{{ $quotation->code }}</span></li>
                    <li><span class="dl-label">العميل</span>
                        <span class="dl-value">
                            @if ($quotation->customer)
                                <a href="{{ route('customers.show', $quotation->customer) }}">{{ $quotation->customer->display_name }}</a>
                            @elseif ($quotation->lead)
                                <a href="{{ route('leads.show', $quotation->lead) }}">{{ $quotation->lead->name }}</a>
                                <span class="text-muted small">(محتمل)</span>
                            @else — @endif
                        </span>
                    </li>
                    <li><span class="dl-label">التاريخ</span><span class="dl-value">{{ arabicDate($quotation->date) }}</span></li>
                    <li><span class="dl-label">صالح حتى</span><span class="dl-value">{{ arabicDate($quotation->valid_until) }}</span></li>
                    <li><span class="dl-label">الحالة</span><span class="dl-value">{!! badge($quotation->status_label, $quotation->status_color) !!}</span></li>
                    <li><span class="dl-label">أنشأه</span><span class="dl-value">{{ $quotation->creator?->name ?? '—' }}</span></li>
                </ul>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-calculator text-primary ms-2"></i>الملخص المالي</span></div>
            <div class="card-body">
                <ul class="detail-list">
                    <li><span class="dl-label">الإجمالي قبل الضريبة</span><span class="dl-value">{{ currency($quotation->subtotal) }}</span></li>
                    <li><span class="dl-label">الضريبة</span><span class="dl-value">{{ currency($quotation->tax) }}</span></li>
                    <li><span class="dl-label">خصم إضافي</span><span class="dl-value text-danger">- {{ currency($quotation->discount) }}</span></li>
                    <li><span class="dl-label">الإجمالي</span><span class="dl-value fw-bold h6 mb-0 text-success">{{ currency($quotation->total) }}</span></li>
                </ul>
            </div>
        </div>

        @can('quotations.edit')
            <div class="card">
                <div class="card-header"><span><i class="fa-solid fa-shuffle text-primary ms-2"></i>تغيير الحالة</span></div>
                <div class="card-body">
                    <form action="{{ route('quotations.status', $quotation) }}" method="POST" class="d-flex gap-2">
                        @csrf
                        <select name="status" class="form-select form-select-sm">
                            @foreach (\App\Models\Quotation::STATUSES as $k => $v)
                                <option value="{{ $k }}" @selected($quotation->status === $k)>{{ $v }}</option>
                            @endforeach
                        </select>
                        <button class="btn btn-sm btn-primary"><i class="fa-solid fa-check"></i></button>
                    </form>
                </div>
            </div>
        @endcan
    </div>

    <div class="col-xl-8">
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-list text-primary ms-2"></i>البنود</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light">
                    <tr><th>#</th><th>البيان</th><th>الكمية</th><th>السعر</th><th>الخصم</th><th>الضريبة</th><th>الإجمالي</th></tr>
                    </thead>
                    <tbody>
                    @foreach ($quotation->items as $i => $item)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>
                                {{ $item->description }}
                                @if ($item->product)<div class="small text-muted font-monospace">{{ $item->product->code }}</div>@endif
                            </td>
                            <td>{{ (float) $item->quantity }}</td>
                            <td>{{ currency($item->price) }}</td>
                            <td>{{ currency($item->discount) }}</td>
                            <td class="small">{{ (float) $item->tax_rate }}% ({{ currency($item->tax_amount) }})</td>
                            <td class="fw-bold">{{ currency($item->total) }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        @if ($quotation->invoices->isNotEmpty())
            <div class="card mb-3">
                <div class="card-header"><span><i class="fa-solid fa-file-invoice-dollar text-success ms-2"></i>الفواتير المرتبطة</span></div>
                <div class="card-body p-0 table-responsive">
                    <table class="table table-hover mb-0 align-middle">
                        <thead class="table-light"><tr><th>الرقم</th><th>التاريخ</th><th>الإجمالي</th><th class="text-center">الحالة</th></tr></thead>
                        <tbody>
                        @foreach ($quotation->invoices as $invoice)
                            <tr>
                                <td><a href="{{ route('invoices.show', $invoice) }}" class="fw-bold text-decoration-none">{{ $invoice->code }}</a></td>
                                <td>{{ arabicDate($invoice->date) }}</td>
                                <td class="fw-bold">{{ currency($invoice->total) }}</td>
                                <td class="text-center">{!! badge($invoice->status_label, $invoice->status_color) !!}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif

        @if ($quotation->terms)
            <div class="card">
                <div class="card-header"><span><i class="fa-solid fa-file-contract text-secondary ms-2"></i>الشروط والأحكام</span></div>
                <div class="card-body"><p class="mb-0 small" style="white-space: pre-line">{{ $quotation->terms }}</p></div>
            </div>
        @endif
    </div>
</div>
@endsection