@extends('admin.templates.layout')

@section('content')
<div class="row g-3 mb-3">
    @php
        $kpis = [
            ['Total Deliveries', $stats['total_deliveries'], 'primary'],
            ['In Transit',       $stats['in_transit'],       'info'],
            ['Completed',        $stats['completed'],        'success'],
            ['Total Charges',    number_format($stats['total_charge'], 2) . ' AED', 'warning'],
        ];
    @endphp
    @foreach($kpis as [$label, $v, $c])
        <div class="col-md-3">
            <div class="card card-animate h-100"><div class="card-body">
                <p class="text-uppercase fw-medium text-muted mb-1 fs-12">{{ $label }}</p>
                <h4 class="fs-22 fw-semibold mb-0 text-{{ $c }}">{{ $v }}</h4>
            </div></div>
        </div>
    @endforeach
</div>

<div class="row g-3">
    <div class="col-lg-4">
        <div class="card h-100">
            <div class="card-header border-bottom"><h5 class="card-title mb-0">Transporter Information</h5></div>
            <div class="card-body">
                <div class="text-center mb-3">
                    <div class="avatar-lg mx-auto mb-2">
                        <span class="avatar-title rounded-circle bg-warning-subtle text-warning fw-bold fs-24">
                            {{ $transporter->initials }}
                        </span>
                    </div>
                    <h5 class="mb-1">{{ $transporter->name }}</h5>
                    <p class="text-muted mb-1">{{ $transporter->company_name ?: '-' }}</p>
                    <div>{!! account_status_badge($transporter->status) !!}</div>
                </div>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Account</h6>
                <dl class="row mb-3">
                    <dt class="col-5 text-muted fs-13">User Code</dt>   <dd class="col-7 fs-13">{{ $transporter->user_code ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Role</dt>        <dd class="col-7 fs-13">{{ config("global.user_roles.{$transporter->role}") ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">First Name</dt>  <dd class="col-7 fs-13">{{ $transporter->first_name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Last Name</dt>   <dd class="col-7 fs-13">{{ $transporter->last_name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Email</dt>       <dd class="col-7 fs-13">{{ $transporter->email ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Phone</dt>       <dd class="col-7 fs-13">{{ ($transporter->dial_code || $transporter->phone) ? '+' . $transporter->dial_code . $transporter->phone : '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Social Login</dt><dd class="col-7 fs-13">{!! $transporter->is_social ? '<span class="badge bg-info-subtle text-info">' . e(ucfirst($transporter->social_type ?: 'social')) . '</span>' : '<span class="badge bg-secondary-subtle text-secondary">No</span>' !!}</dd>
                    <dt class="col-5 text-muted fs-13">Registered</dt>  <dd class="col-7 fs-13">{{ web_date_in_timezone($transporter->created_at, 'M d, Y h:i A') }}</dd>
                </dl>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Business</h6>
                <dl class="row mb-3">
                    <dt class="col-5 text-muted fs-13">Company</dt>
                    <dd class="col-7 fs-13">{{ $transporter->company_name ?: '-' }}</dd>
                </dl>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Location</h6>
                <dl class="row mb-3">
                    <dt class="col-5 text-muted fs-13">City</dt>    <dd class="col-7 fs-13">{{ $transporter->city?->name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Country</dt> <dd class="col-7 fs-13">{{ $transporter->country?->name ?: '-' }}</dd>
                </dl>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Approval</h6>
                <dl class="row mb-0">
                    <dt class="col-5 text-muted fs-13">Approved</dt>
                    <dd class="col-7 fs-13">{!! $transporter->approved_at ? '<span class="badge bg-success-subtle text-success">Yes</span>' : '<span class="badge bg-secondary-subtle text-secondary">No</span>' !!}</dd>

                    <dt class="col-5 text-muted fs-13">Approved At</dt>
                    <dd class="col-7 fs-13">{{ $transporter->approved_at ? web_date_in_timezone($transporter->approved_at, 'M d, Y h:i A') : '-' }}</dd>

                    <dt class="col-5 text-muted fs-13">Rejected Reason</dt>
                    <dd class="col-7 fs-13">{{ $transporter->rejected_reason ?: '-' }}</dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="card h-100">
            <div class="card-header border-bottom d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">Assigned Deliveries</h5>
                <span class="badge bg-primary-subtle text-primary">{{ $deliveries->count() }} shown</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Tracking #</th>
                                <th>Order</th>
                                <th>Cargo Company</th>
                                <th class="text-center">Qty</th>
                                <th class="text-end">Charges</th>
                                <th>Status</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($deliveries as $d)
                                <tr>
                                    <td class="fw-semibold font-monospace fs-12">{{ $d->tracking_number }}</td>
                                    <td>{{ $d->order->order_reference ?? '-' }}</td>
                                    <td>{{ $d->order->cargoCompany?->company_name ?: ($d->order->cargoCompany?->name ?: '-') }}</td>
                                    <td class="text-center">{{ $d->quantity }}</td>
                                    <td class="text-end">{{ number_format((float) $d->total_charges, 2) }} <small class="text-muted">AED</small></td>
                                    <td>
                                        @php $info = config("global.transporter_delivery_statuses.{$d->status}") ?? ['text' => 'Unknown', 'class' => 'secondary']; @endphp
                                        <span class="badge bg-{{ $info['class'] }}-subtle text-{{ $info['class'] }}">{{ $info['text'] }}</span>
                                    </td>
                                    <td class="text-muted fs-12">{{ web_date_in_timezone($d->created_at, 'M d, Y') }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="text-center text-muted py-4">No deliveries yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection