{{-- resources/views/admin/prescriptions/create.blade.php --}}

@extends('layouts.app')

@section('content')

<div style="
    max-width:1500px;
    margin:auto;
    padding:10px 16px 30px;
">

    @include(
        'admin.prescriptions.partials.page-header'
    )

    <div style="
        display:grid;
        grid-template-columns:minmax(0,1fr) 320px;
        gap:16px;
        align-items:start;
    ">

        <!-- ===================================== -->
        <!-- LEFT -->
        <!-- ===================================== -->

        <div>

            @include(
                'admin.prescriptions.partials.patient-header'
            )

            <!-- ===================================== -->
            <!-- PRESCRIPTION FORM -->
            <!-- ===================================== -->

            <form method="POST"
                  action="{{
                        route(
                            'admin.prescriptions.store',
                            $encounter->id
                        )
                  }}">

                @csrf

                @include(
                    'admin.prescriptions.partials.prescription-table'
                )

                @include(
                    'admin.prescriptions.partials.footer-actions'
                )

            </form>

            <!-- ===================================== -->
            <!-- EXISTING PRESCRIPTIONS -->
            <!-- ===================================== -->

            <div class="panel"
                 style="
                    padding:18px;
                 ">

                <div style="
                    display:flex;
                    align-items:center;
                    justify-content:space-between;
                    gap:12px;
                    margin-bottom:16px;
                    flex-wrap:wrap;
                ">

                    <div>

                        <div style="
                            font-size:20px;
                            font-weight:800;
                            color:#111827;
                            margin-bottom:4px;
                        ">

                            Existing Prescriptions

                        </div>

                        <div style="
                            font-size:13px;
                            color:#64748b;
                        ">

                            Previous medications prescribed during this encounter

                        </div>

                    </div>

                    <div style="
                        background:#eff6ff;
                        color:#1d4ed8;
                        border-radius:999px;
                        padding:5px 10px;
                        font-size:11px;
                        font-weight:800;
                    ">

                        {{ $prescriptions->count() }} ITEMS

                    </div>

                </div>

                @if($prescriptions->isEmpty())

                    <div style="
                        border:1px dashed #d1d5db;
                        border-radius:12px;
                        padding:40px 20px;
                        text-align:center;
                        color:#64748b;
                        font-size:14px;
                    ">

                        No prescriptions recorded yet

                    </div>

                @else

                    <div style="
                        overflow:auto;
                    ">

                        <table style="
                            width:100%;
                            border-collapse:collapse;
                            min-width:700px;
                        ">

                            <thead>

                                <tr style="
                                    border-bottom:1px solid #e5e7eb;
                                    background:#f8fafc;
                                ">

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                        font-size:12px;
                                        color:#475569;
                                        font-weight:800;
                                    ">

                                        Prescription No

                                    </th>

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                        font-size:12px;
                                        color:#475569;
                                        font-weight:800;
                                    ">

                                        Status

                                    </th>

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                        font-size:12px;
                                        color:#475569;
                                        font-weight:800;
                                    ">

                                        Prescribed By

                                    </th>

                                    <th style="
                                        padding:12px;
                                        text-align:left;
                                        font-size:12px;
                                        color:#475569;
                                        font-weight:800;
                                    ">

                                        Date

                                    </th>

                                </tr>

                            </thead>

                            <tbody>

                                @foreach($prescriptions as $prescription)

                                    <tr style="
                                        border-bottom:1px solid #f1f5f9;
                                    ">

                                        <td style="
                                            padding:14px 12px;
                                            font-size:13px;
                                            font-weight:800;
                                            color:#111827;
                                        ">

                                            {{
                                                $prescription->prescription_no
                                            }}

                                        </td>

                                        <td style="
                                            padding:14px 12px;
                                        ">

                                            <div style="
                                                display:inline-flex;
                                                align-items:center;
                                                gap:6px;
                                                background:#fef3c7;
                                                color:#92400e;
                                                border-radius:999px;
                                                padding:4px 10px;
                                                font-size:11px;
                                                font-weight:800;
                                            ">

                                                {{
                                                    strtoupper(
                                                        str_replace(
                                                            '_',
                                                            ' ',
                                                            $prescription->status
                                                        )
                                                    )
                                                }}

                                            </div>

                                        </td>

                                        <td style="
                                            padding:14px 12px;
                                            font-size:13px;
                                            color:#334155;
                                            font-weight:700;
                                        ">

                                            {{
                                                $prescription->prescribed_by
                                                ?? 'System'
                                            }}

                                        </td>

                                        <td style="
                                            padding:14px 12px;
                                            font-size:13px;
                                            color:#475569;
                                        ">

                                            {{
                                                !empty(
                                                    $prescription->created_at
                                                )

                                                ? \Carbon\Carbon::parse(
                                                    $prescription->created_at
                                                  )->format('d M Y H:i')

                                                : '—'
                                            }}

                                        </td>

                                    </tr>

                                @endforeach

                            </tbody>

                        </table>

                    </div>

                @endif

            </div>

        </div>

        <!-- ===================================== -->
        <!-- RIGHT -->
        <!-- ===================================== -->

        <div style="
            display:flex;
            flex-direction:column;
            gap:14px;
        ">

            @include(
                'admin.prescriptions.partials.workflow-status'
            )

            @include(
                'admin.prescriptions.partials.prescription-summary'
            )

        </div>

    </div>

</div>

@endsection