@extends('layouts.app')

@section('title', 'وصفة ' . $prescription->prescription_number)

@section('content')
<x-page-header
    :title="'وصفة ' . $prescription->prescription_number"
    :pretitle="optional($prescription->issued_at)->translatedFormat('l، j F Y')"
    :breadcrumbs="[
        ['label' => 'الوصفات', 'href' => route('prescriptions.index')],
        ['label' => $prescription->prescription_number],
    ]"
>
    <x-slot:actions>
        <a href="{{ route('prescriptions.print', $prescription) }}" target="_blank" class="btn btn-primary">
            <i class="ti ti-printer me-1"></i> طباعة
        </a>
        <a href="{{ route('patients.show', $prescription->patient_id) }}" class="btn btn-outline-secondary">
            <i class="ti ti-user me-1"></i> ملف المريض
        </a>
    </x-slot:actions>
</x-page-header>

<div class="row row-cards">
    <div class="col-lg-8">
        <x-card title="بنود الوصفة">
            @if($prescription->items->isEmpty())
                <div class="empty-card-rich">
                    <i class="ti ti-prescription-off"></i>
                    <h3>لا توجد بنود</h3>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-vcenter">
                        <thead>
                            <tr>
                                <th class="w-1">#</th>
                                <th>الدواء</th>
                                <th>الجرعة</th>
                                <th>التكرار</th>
                                <th>المدة</th>
                                <th>تعليمات</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($prescription->items as $i => $item)
                                <tr>
                                    <td class="text-muted">{{ $i + 1 }}</td>
                                    <td>
                                        <strong><bdi>{{ $item->medication_name }}</bdi></strong>
                                        @if($item->strength)
                                            <div class="small text-muted text-mono-en">{{ $item->strength }}</div>
                                        @endif
                                    </td>
                                    <td>{{ $item->dosage ?: '—' }}</td>
                                    <td>{{ $item->frequency ?: '—' }}</td>
                                    <td>{{ $item->duration ?: '—' }}</td>
                                    <td class="text-muted">{{ $item->instructions ?: '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </x-card>

        @if($prescription->notes)
            <x-card title="ملاحظات" class="mt-3">
                <p class="mb-0">{{ $prescription->notes }}</p>
            </x-card>
        @endif
    </div>

    <div class="col-lg-4">
        <x-card title="بيانات الوصفة">
            <dl class="row mb-0">
                <dt class="col-sm-5">رقم الوصفة</dt>
                <dd class="col-sm-7"><code class="text-mono-en">{{ $prescription->prescription_number }}</code></dd>

                <dt class="col-sm-5">المريض</dt>
                <dd class="col-sm-7">
                    <a href="{{ route('patients.show', $prescription->patient_id) }}" class="text-decoration-none">
                        <bdi>{{ $prescription->patient->first_name }} {{ $prescription->patient->last_name }}</bdi>
                    </a>
                    <div class="small text-muted text-mono-en">{{ $prescription->patient->file_number }}</div>
                </dd>

                <dt class="col-sm-5">الطبيب</dt>
                <dd class="col-sm-7">
                    د. {{ $prescription->doctor?->name ?? '—' }}
                    @if($prescription->doctor?->specialization)
                        <div class="small text-muted">{{ $prescription->doctor->specialization }}</div>
                    @endif
                </dd>

                <dt class="col-sm-5">تاريخ الإصدار</dt>
                <dd class="col-sm-7 text-mono-en">
                    {{ optional($prescription->issued_at)->format('Y-m-d') ?? '—' }}
                </dd>

                <dt class="col-sm-5">عدد الأدوية</dt>
                <dd class="col-sm-7">
                    <span class="status-pill bg-purple-lt text-purple">
                        <i class="ti ti-pill"></i> {{ $prescription->items->count() }}
                    </span>
                </dd>
            </dl>
        </x-card>

        @if($prescription->patient->allergies)
            <x-alert type="danger" title="تنبيه حساسية" :message="$prescription->patient->allergies"
                :dismissible="false" icon="ti-alert-triangle" class="mt-3" />
        @endif
    </div>
</div>
@endsection