{{--
    Medicine order form. Create: patient, visit, prescription, delivery details.
    Edit adds the staff part: status and amounts (total = net cost + center % of it + delivery).
    Params: $order, $patient (nullable), $bookings, $action, $method.
--}}
@php($editing = $order->exists)
<form action="{{ $action }}" method="POST" enctype="multipart/form-data" id="medicineOrderForm">
    @csrf
    @if ($method !== 'POST')
        @method($method)
    @endif

    <div class="d-flex flex-column flex-lg-row gap-7 gap-lg-10">
        <div class="d-flex flex-column flex-row-fluid gap-7">
            {{-- Patient and visit --}}
            <div class="card card-flush py-4">
                <div class="card-header"><div class="card-title"><h2>{{ trans('clinic.medicine_orders.section_patient') }}</h2></div></div>
                <div class="card-body pt-0">
                    <div class="row g-7">
                        <div class="col-md-6">
                            <label class="required form-label">{{ trans('clinic.medicine_orders.patient_id') }}</label>
                            @if ($editing)
                                <input type="hidden" name="patient_id" value="{{ $order->patient_id }}">
                                <div class="form-control form-control-solid">{{ $patient?->name }} <span class="text-muted" dir="ltr">{{ $patient?->phone }}</span></div>
                            @else
                                <select name="patient_id" id="patient_id" class="form-select @error('patient_id') is-invalid @enderror" data-placeholder="{{ trans('clinic.bookings.patient_search_placeholder') }}">
                                    @if ($patient)
                                        <option value="{{ $patient->id }}" selected>{{ $patient->name }} — {{ $patient->phone }}</option>
                                    @endif
                                </select>
                            @endif
                            @error('patient_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('clinic.medicine_orders.booking_id') }}</label>
                            <select name="booking_id" id="booking_id" class="form-select @error('booking_id') is-invalid @enderror">
                                <option value="">{{ trans('clinic.medicine_orders.no_visit') }}</option>
                                @foreach ($bookings as $booking)
                                    <option value="{{ $booking->id }}" @selected((int) old('booking_id', $order->booking_id) === $booking->id)>{{ $booking->scheduled_at?->format('Y-m-d') }} — {{ $booking->doctor?->name }}</option>
                                @endforeach
                            </select>
                            <div class="form-text">{{ trans('clinic.medicine_orders.booking_hint') }}</div>
                            @error('booking_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('clinic.medicine_orders.delivery_phone') }}</label>
                            <input type="text" name="delivery_phone" id="delivery_phone" dir="ltr" class="form-control @error('delivery_phone') is-invalid @enderror" value="{{ old('delivery_phone', $order->delivery_phone) }}" placeholder="{{ trans('clinic.medicine_orders.defaults_to_patient') }}">
                            @error('delivery_phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('clinic.medicine_orders.delivery_address') }}</label>
                            <input type="text" name="delivery_address" id="delivery_address" class="form-control @error('delivery_address') is-invalid @enderror" value="{{ old('delivery_address', $order->delivery_address) }}" placeholder="{{ trans('clinic.medicine_orders.defaults_to_patient') }}">
                            @error('delivery_address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                </div>
            </div>

            {{-- Prescription --}}
            <div class="card card-flush py-4">
                <div class="card-header"><div class="card-title"><h2>{{ trans('clinic.medicine_orders.section_prescription') }}</h2></div></div>
                <div class="card-body pt-0">
                    <div class="row g-7">
                        <div class="col-md-5">
                            <label class="form-label">{{ trans('clinic.medicine_orders.prescription_image') }}</label>
                            @if ($order->prescription_image_url)
                                <a href="{{ $order->prescription_image_url }}" target="_blank" rel="noopener" class="d-block rounded border mb-3 overflow-hidden">
                                    <img src="{{ $order->prescription_image_url }}" alt="" class="w-100" style="max-height: 240px; object-fit: contain">
                                </a>
                                <label class="form-check form-check-custom form-check-solid form-check-danger mb-3">
                                    <input class="form-check-input" type="checkbox" name="remove_prescription_image" value="1">
                                    <span class="form-check-label text-danger">{{ trans('clinic.medicine_orders.remove_image') }}</span>
                                </label>
                            @endif
                            <input type="file" name="prescription_image" id="prescription_image" accept=".png,.jpg,.jpeg,.webp" class="form-control @error('prescription_image') is-invalid @enderror">
                            <div class="form-text">{{ trans('clinic.medicine_orders.image_hint') }}</div>
                            @error('prescription_image')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-7">
                            <label class="form-label">{{ trans('clinic.medicine_orders.prescription_text') }}</label>
                            <textarea name="prescription_text" id="prescription_text" rows="8" class="form-control @error('prescription_text') is-invalid @enderror" placeholder="{{ trans('clinic.medicine_orders.prescription_placeholder') }}">{{ old('prescription_text', $order->prescription_text) }}</textarea>
                            <div class="form-text">{{ trans('clinic.medicine_orders.prescription_hint') }}</div>
                            @error('prescription_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                </div>
            </div>

            <div class="card card-flush py-4">
                <div class="card-body">
                    <label class="form-label">{{ trans('clinic.medicine_orders.notes') }}</label>
                    <textarea name="notes" rows="2" class="form-control @error('notes') is-invalid @enderror">{{ old('notes', $order->notes) }}</textarea>
                    @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>
        </div>

        {{-- Staff part: status and amounts (after the request is created) --}}
        @if ($editing)
            <div class="w-100 w-lg-350px">
                <div class="card card-flush py-4 mb-7">
                    <div class="card-header"><div class="card-title"><h2>{{ trans('clinic.medicine_orders.status') }}</h2></div></div>
                    <div class="card-body pt-0">
                        <div class="d-flex flex-column gap-3">
                            @foreach (\App\Models\Clinic\MedicineOrder::STATUSES as $status)
                                <label class="btn btn-outline btn-outline-dashed btn-active-light-{{ \App\Models\Clinic\MedicineOrder::STATUS_COLORS[$status] }} d-flex align-items-center text-start p-4 {{ old('status', $order->status) === $status ? 'active' : '' }}">
                                    <input class="form-check-input me-3" type="radio" name="status" value="{{ $status }}" @checked(old('status', $order->status) === $status)>
                                    <span class="fw-bold">{{ trans('clinic.medicine_orders.statuses.' . $status) }}</span>
                                </label>
                            @endforeach
                        </div>
                    </div>
                </div>

                <div class="card card-flush py-4">
                    <div class="card-header"><div class="card-title"><h2>{{ trans('clinic.medicine_orders.section_amounts') }}</h2></div></div>
                    <div class="card-body pt-0">
                        <div class="mb-5">
                            <label class="form-label">{{ trans('clinic.medicine_orders.medicine_cost') }}</label>
                            <input type="number" step="0.01" min="0" name="medicine_cost" id="medicine_cost" class="form-control @error('medicine_cost') is-invalid @enderror" value="{{ old('medicine_cost', (float) $order->medicine_cost) }}" data-amount>
                            @error('medicine_cost')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="mb-5">
                            <label class="form-label">{{ trans('clinic.medicine_orders.center_percentage') }}</label>
                            <div class="input-group">
                                <input type="number" step="0.01" min="0" max="100" name="center_percentage" id="center_percentage" class="form-control @error('center_percentage') is-invalid @enderror" value="{{ old('center_percentage', (float) $order->center_percentage) }}" data-amount>
                                <span class="input-group-text">%</span>
                            </div>
                            <div class="form-text">{{ trans('clinic.medicine_orders.center_amount') }}: <strong id="centerAmount">0.00</strong></div>
                            @error('center_percentage')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>
                        <div class="mb-6">
                            <label class="form-label">{{ trans('clinic.medicine_orders.delivery_cost') }}</label>
                            <input type="number" step="0.01" min="0" name="delivery_cost" id="delivery_cost" class="form-control @error('delivery_cost') is-invalid @enderror" value="{{ old('delivery_cost', (float) $order->delivery_cost) }}" data-amount>
                            @error('delivery_cost')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="bg-light-primary rounded p-5 d-flex justify-content-between align-items-center">
                            <span class="fw-bold text-gray-700">{{ trans('clinic.medicine_orders.total') }}</span>
                            <span class="fs-2 fw-bolder text-primary" id="orderTotal">0.00</span>
                        </div>
                        <div class="form-text mt-2">{{ trans('clinic.medicine_orders.total_hint') }}</div>
                    </div>
                </div>
            </div>
        @endif
    </div>

    <div class="d-flex justify-content-end gap-3 mt-7">
        <a href="{{ route('admin.dashboard.clinic.medicine-orders.index') }}" class="btn btn-light">{{ trans('dash_site.Cancel') }}</a>
        <button type="submit" class="btn btn-primary"><i class="bi bi-check2 fs-4"></i>{{ $editing ? trans('clinic.medicine_orders.save') : trans('clinic.medicine_orders.submit_request') }}</button>
    </div>
</form>

@push('medicine-order-scripts')
    <script>
        $(function () {
            // Live center share and total (same rule as the server).
            function recalc() {
                var cost = parseFloat($('#medicine_cost').val()) || 0;
                var percentage = parseFloat($('#center_percentage').val()) || 0;
                var delivery = parseFloat($('#delivery_cost').val()) || 0;
                var center = Math.round(cost * percentage) / 100;
                $('#centerAmount').text(center.toFixed(2));
                $('#orderTotal').text((cost + center + delivery).toFixed(2));
            }
            $('[data-amount]').on('input change', recalc);
            recalc();

            var $patient = $('#patient_id');
            if ($patient.length) {
                $patient.select2({
                    ajax: {
                        url: @json(route('admin.dashboard.clinic.medicine-orders.patients-search')),
                        dataType: 'json',
                        delay: 250,
                        data: function (params) { return {search: params.term}; },
                        processResults: function (data) { return {results: data.data}; }
                    },
                    minimumInputLength: 1,
                    width: '100%'
                });

                // Load the chosen patient's visits into the visit select.
                var bookingsUrl = @json(route('admin.dashboard.clinic.medicine-orders.patient-bookings', ['patient' => '__ID__']));
                $patient.on('change', function () {
                    var $booking = $('#booking_id');
                    $booking.find('option:not(:first)').remove();
                    if (!this.value) { return; }
                    $.getJSON(bookingsUrl.replace('__ID__', this.value), function (items) {
                        items.forEach(function (item) { $booking.append(new Option(item.text, item.id)); });
                    });
                });
            }
        });
    </script>
@endpush