@extends('admin.templates.layout')

@section('content')
<div class="row g-3 mb-3">
    @php
        $kpis = [
            ['Total Orders',     $stats['total_orders'],     'primary'],
            ['Active Shipments', $stats['active_shipments'], 'info'],
            ['Completed',        $stats['completed'],        'success'],
            ['Cancelled',        $stats['cancelled'],        'danger'],
        ];
    @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">Cargo Company 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-info-subtle text-info fw-bold fs-24">
                            {{ $company->initials }}
                        </span>
                    </div>
                    <h5 class="mb-1">{{ $company->company_name ?: $company->name }}</h5>
                    <p class="text-muted mb-1">{{ $company->name }}</p>
                    <div>{!! account_status_badge($company->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">{{ $company->user_code ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Role</dt>        <dd class="col-7 fs-13">{{ config("global.user_roles.{$company->role}") ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">First Name</dt>  <dd class="col-7 fs-13">{{ $company->first_name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Last Name</dt>   <dd class="col-7 fs-13">{{ $company->last_name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Email</dt>       <dd class="col-7 fs-13">{{ $company->email ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Phone</dt>       <dd class="col-7 fs-13">{{ ($company->dial_code || $company->phone) ? '+' . $company->dial_code . $company->phone : '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Social Login</dt><dd class="col-7 fs-13">{!! $company->is_social ? '<span class="badge bg-info-subtle text-info">' . e(ucfirst($company->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($company->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">{{ $company->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">{{ $company->city?->name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Country</dt> <dd class="col-7 fs-13">{{ $company->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">{!! $company->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">{{ $company->approved_at ? web_date_in_timezone($company->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">{{ $company->rejected_reason ?: '-' }}</dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        {{-- Assigned Orders --}}
        <div class="card">
            <div class="card-header border-bottom d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">Assigned Orders</h5>
                <span class="badge bg-primary-subtle text-primary">{{ $orders->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>Reference</th>
                                <th>Merchant</th>
                                <th>Destination</th>
                                <th class="text-center">Qty</th>
                                <th class="text-end">Amount</th>
                                <th>Status</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($orders as $o)
                                <tr>
                                    <td><a href="{{ route('admin.orders.show', $o->id) }}" class="text-primary fw-semibold">{{ $o->order_reference }}</a></td>
                                    <td>{{ $o->merchant?->company_name ?: ($o->merchant?->name ?: '-') }}</td>
                                    <td>{{ $o->destination_city ?: '-' }}</td>
                                    <td class="text-center">{{ $o->total_items_quantity ?: 0 }}</td>
                                    <td class="text-end">{{ number_format((float) ($o->total_items_amount ?? 0), 2) }} <small class="text-muted">{{ $o->currency ?: 'AED' }}</small></td>
                                    <td>{!! order_status_badge($o->status) !!}</td>
                                    <td class="text-muted fs-12">{{ web_date_in_timezone($o->created_at, 'M d, Y') }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="text-center text-muted py-4">No orders assigned yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{-- Warehouses --}}
        <div class="card mt-3">
            <div class="card-header border-bottom d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">Warehouses</h5>
                <span class="badge bg-info-subtle text-info">{{ $warehouses->count() }} total</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>User Code</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Status</th>
                                <th>Registered</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($warehouses as $w)
                                <tr>
                                    <td>{{ $w->user_code ?: '-' }}</td>
                                    <td>{{ $w->name ?: '-' }}</td>
                                    <td>{{ $w->email ?: '-' }}</td>
                                    <td>{{ ($w->dial_code || $w->phone) ? '+' . $w->dial_code . $w->phone : '-' }}</td>
                                    <td>{!! account_status_badge($w->status) !!}</td>
                                    <td class="text-muted fs-12">{{ web_date_in_timezone($w->created_at, 'M d, Y') }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-center text-muted py-4">No warehouses yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{-- Recent Deliveries --}}
        <div class="card mt-3">
            <div class="card-header border-bottom d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">Recent Deliveries</h5>
                <span class="badge bg-warning-subtle text-warning">{{ $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>Transporter</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->transporter?->company_name ?: ($d->transporter?->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