{{-- Details popup of a medicine order. --}}
@php($money = fn ($amount) => number_format((float) $amount, 2))
<div class="d-flex flex-wrap justify-content-between gap-3 mb-6">
    <div>
        <div class="fw-bold fs-4">{{ $order->patient?->name }}</div>
        <div class="text-muted" dir="ltr">{{ $order->delivery_phone ?: $order->patient?->phone }}</div>
        @if ($order->delivery_address)<div class="text-gray-700 fs-7 mt-1"><i class="bi bi-geo-alt"></i> {{ $order->delivery_address }}</div>@endif
    </div>
    <div class="text-end">
        <span class="badge badge-light-{{ \App\Models\Clinic\MedicineOrder::STATUS_COLORS[$order->status] ?? 'secondary' }} fs-7">{{ trans('clinic.medicine_orders.statuses.' . $order->status) }}</span>
        @if ($order->booking)
            <div class="text-muted fs-7 mt-2">{{ trans('clinic.medicine_orders.booking_id') }}: {{ $order->booking->doctor?->name }} · <span dir="ltr">{{ $order->booking->scheduled_at?->format('Y-m-d') }}</span></div>
        @endif
    </div>
</div>

<div class="row g-6 mb-6">
    @if ($order->prescription_image_url)
        <div class="col-md-5">
            <a href="{{ $order->prescription_image_url }}" target="_blank" rel="noopener" class="d-block rounded border overflow-hidden">
                <img src="{{ $order->prescription_image_url }}" alt="" class="w-100" style="max-height: 300px; object-fit: contain">
            </a>
        </div>
    @endif
    <div class="{{ $order->prescription_image_url ? 'col-md-7' : 'col-12' }}">
        <div class="text-muted fs-7 mb-2">{{ trans('clinic.medicine_orders.prescription_text') }}</div>
        <div class="bg-light rounded p-4 lh-lg">{!! nl2br(e($order->prescription_text ?: '—')) !!}</div>
        @if ($order->notes)
            <div class="text-muted fs-7 mt-4 mb-1">{{ trans('clinic.medicine_orders.notes') }}</div>
            <div>{{ $order->notes }}</div>
        @endif
    </div>
</div>

<table class="table table-row-dashed fs-6 mb-4">
    <tr><td class="text-muted">{{ trans('clinic.medicine_orders.medicine_cost') }}</td><td class="text-end">{{ $money($order->medicine_cost) }}</td></tr>
    <tr><td class="text-muted">{{ trans('clinic.medicine_orders.center_amount') }} ({{ (float) $order->center_percentage }}%)</td><td class="text-end">{{ $money($order->center_amount) }}</td></tr>
    <tr><td class="text-muted">{{ trans('clinic.medicine_orders.delivery_cost') }}</td><td class="text-end">{{ $money($order->delivery_cost) }}</td></tr>
    <tr class="fw-bolder fs-5"><td>{{ trans('clinic.medicine_orders.total') }}</td><td class="text-end text-primary">{{ $money($order->total) }}</td></tr>
</table>

<div class="text-muted fs-8">
    {{ trans('clinic.medicine_orders.created_by', ['name' => $order->creator?->name ?? '—']) }} · <span dir="ltr">{{ $order->created_at?->format('Y-m-d H:i') }}</span>
    @if ($order->prepared_at) · {{ trans('clinic.medicine_orders.statuses.prepared') }}: <span dir="ltr">{{ $order->prepared_at->format('Y-m-d H:i') }}</span>@endif
    @if ($order->delivered_at) · {{ trans('clinic.medicine_orders.statuses.delivered') }}: <span dir="ltr">{{ $order->delivered_at->format('Y-m-d H:i') }}</span>@endif
</div>