@extends('admin.layouts.master')
@section('title', 'الطلب '.$order->order_no)

@section('page-header')
    <div class="row align-items-center">
        <div class="col">
            <div class="page-pretitle">الطلبات</div>
            <h2 class="page-title">طلب: {{ $order->order_no }}
                <span class="badge bg-{{ $order->status_color }} ms-2">{{ $order->status_label }}</span>
                @if($order->priority !== 'normal')
                    <span class="badge bg-{{ $order->priority === 'urgent' ? 'danger' : 'warning' }} ms-1">{{ $order->priority_label }}</span>
                @endif
            </h2>
        </div>
        <div class="col-auto d-flex gap-2">
            <a href="{{ route('admin.orders.print', $order) }}" target="_blank" class="btn btn-outline-secondary"><i class="ti ti-printer ms-1"></i> طباعة</a>
            <a href="{{ route('admin.orders.edit', $order) }}" class="btn btn-primary"><i class="ti ti-edit ms-1"></i> تعديل</a>
            <a href="{{ route('admin.orders.index') }}" class="btn btn-outline-secondary">العودة</a>
        </div>
    </div>
@endsection

@section('content')
<div class="row row-cards">
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <h4>العميل</h4>
                <div><strong>{{ $order->customer?->name }}</strong></div>
                <div class="text-muted small">{{ $order->customer?->code }}</div>
                @if($order->customer?->mobile)<div><i class="ti ti-phone"></i> {{ $order->customer->mobile }}</div>@endif
                @if($order->customer?->email)<div><i class="ti ti-mail"></i> {{ $order->customer->email }}</div>@endif
                <hr>
                <h4>تفاصيل الطلب</h4>
                <dl class="row small">
                    <dt class="col-6">الفرع:</dt><dd class="col-6">{{ $order->branch?->name }}</dd>
                    <dt class="col-6">تاريخ الطلب:</dt><dd class="col-6">{{ $order->order_date?->format('Y-m-d') }}</dd>
                    <dt class="col-6">تاريخ التسليم:</dt><dd class="col-6">{{ $order->delivery_date?->format('Y-m-d') ?? '-' }}</dd>
                    <dt class="col-6">المندوب:</dt><dd class="col-6">{{ $order->salesPerson?->name ?? '-' }}</dd>
                    <dt class="col-6">أنشئ بواسطة:</dt><dd class="col-6">{{ $order->createdBy?->name ?? '-' }}</dd>
                </dl>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-body">
                <h4>الحالة المالية</h4>
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted">الإجمالي:</td><td class="text-end fw-bold">{{ number_format($order->total_amount, 2) }}</td></tr>
                    <tr><td class="text-muted">المدفوع:</td><td class="text-end text-success">{{ number_format($order->paid_amount, 2) }}</td></tr>
                    <tr><td class="text-muted">المتبقي:</td><td class="text-end text-danger fw-bold">{{ number_format($order->remaining_amount, 2) }}</td></tr>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-9">
        <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><th>سعر</th><th>إجمالي</th></tr></thead>
                    <tbody>
                        @foreach($order->items as $line)
                        <tr>
                            <td>{{ $line->description }}</td>
                            <td>{{ ['offset'=>'أوفست','digital'=>'ديجيتال','flex'=>'فلكس','packaging'=>'تغليف'][$line->printing_type] ?? '' }}</td>
                            <td>{{ $line->final_size ?? '-' }}</td>
                            <td>{{ ($line->colors_front ?? '-').'/'.($line->colors_back ?? '0') }}</td>
                            <td>{{ number_format($line->quantity) }}</td>
                            <td><span class="text-success">{{ number_format($line->produced_quantity) }}</span></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($order->notes)<h5>ملاحظات:</h5><p>{{ $order->notes }}</p>@endif
                    </div>
                    <div class="col-md-6">
                        <table class="table table-sm">
                            <tr><td>الإجمالي:</td><td class="text-end">{{ number_format($order->subtotal, 2) }}</td></tr>
                            <tr><td>الخصم:</td><td class="text-end">{{ number_format($order->discount_amount, 2) }}</td></tr>
                            <tr><td>الضريبة ({{ $order->tax_percent }}%):</td><td class="text-end">{{ number_format($order->tax_amount, 2) }}</td></tr>
                            <tr class="fw-bold fs-3 text-success"><td>الإجمالي النهائي:</td><td class="text-end">{{ number_format($order->total_amount, 2) }} ج.م</td></tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        @if($order->jobTickets->count())
        <div class="card mt-3">
            <div class="card-header"><h3 class="card-title">بطاقات التشغيل</h3></div>
            <div class="table-responsive">
                <table class="table card-table">
                    <thead><tr><th>الرقم</th><th>الباركود</th><th>تاريخ الإصدار</th><th>الحالة</th><th>المراحل</th></tr></thead>
                    <tbody>
                        @foreach($order->jobTickets as $jt)
                        <tr>
                            <td><a href="{{ route('admin.job-tickets.show', $jt) }}">{{ $jt->ticket_no }}</a></td>
                            <td><code>{{ $jt->barcode }}</code></td>
                            <td>{{ $jt->issue_date?->format('Y-m-d') }}</td>
                            <td><span class="badge bg-info">{{ $jt->status_label }}</span></td>
                            <td>
                                @php
                                    $total = $jt->stages->count();
                                    $done = $jt->stages->where('status','completed')->count();
                                @endphp
                                <div class="progress" style="height:20px"><div class="progress-bar" style="width:{{ $total ? ($done*100/$total) : 0 }}%">{{ $done }}/{{ $total }}</div></div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        @if($order->invoices->count())
        <div class="card mt-3">
            <div class="card-header"><h3 class="card-title">الفواتير</h3></div>
            <div class="table-responsive">
                <table class="table card-table">
                    <thead><tr><th>الرقم</th><th>التاريخ</th><th>الإجمالي</th><th>المدفوع</th><th>المتبقي</th><th>الحالة</th></tr></thead>
                    <tbody>
                        @foreach($order->invoices as $inv)
                        <tr>
                            <td><a href="{{ route('admin.invoices.show', $inv) }}">{{ $inv->invoice_no }}</a></td>
                            <td>{{ $inv->invoice_date?->format('Y-m-d') }}</td>
                            <td>{{ number_format($inv->total_amount, 2) }}</td>
                            <td>{{ number_format($inv->paid_amount, 2) }}</td>
                            <td class="text-danger">{{ number_format($inv->remaining_amount, 2) }}</td>
                            <td><span class="badge bg-{{ $inv->status_color }}">{{ $inv->status_label }}</span></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection