@extends('secretary.layouts.app')
@section('title', $patient ? 'تعديل مريض' : 'تسجيل مريض جديد')
@section('page-title', $patient ? 'تعديل بيانات المريض' : 'تسجيل مريض جديد')

@section('content')
<div class="row justify-content-center">
<div class="col-xl-9">

<form method="POST"
      action="{{ $patient ? route('secretary.patients.update', $patient->id) : route('secretary.patients.store') }}">
    @csrf
    @if($patient) @method('PUT') @endif

    {{-- ══ البيانات الأساسية ══ --}}
    <div class="card mb-3">
        <div class="card-header">
            <i class="bi bi-person me-2 text-primary"></i>البيانات الأساسية
        </div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">الاسم الكامل <span class="text-danger">*</span></label>
                    <input type="text" name="name"
                           value="{{ old('name', $patient?->user?->name) }}"
                           class="form-control @error('name') is-invalid @enderror"
                           placeholder="الاسم الكامل للمريض" required autofocus>
                    @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">رقم الهاتف <span class="text-danger">*</span></label>
                    <input type="text" name="phone"
                           value="{{ old('phone', $patient?->user?->phone) }}"
                           class="form-control @error('phone') is-invalid @enderror"
                           placeholder="07xxxxxxxxx" required>
                    @error('phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label">البريد الإلكتروني</label>
                    <input type="email" name="email"
                           value="{{ old('email', $patient?->user?->email) }}"
                           class="form-control @error('email') is-invalid @enderror"
                           placeholder="اختياري">
                    @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">الجنس</label>
                    <select name="gender" class="form-select">
                        <option value="">—</option>
                        <option value="male"   {{ old('gender',$patient?->gender)==='male'   ? 'selected':'' }}>ذكر</option>
                        <option value="female" {{ old('gender',$patient?->gender)==='female' ? 'selected':'' }}>أنثى</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">تاريخ الميلاد</label>
                    <input type="date" name="date_of_birth"
                           value="{{ old('date_of_birth', $patient?->date_of_birth?->format('Y-m-d')) }}"
                           class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">الرقم الوطني / الهوية</label>
                    <input type="text" name="national_id"
                           value="{{ old('national_id', $patient?->national_id) }}"
                           class="form-control @error('national_id') is-invalid @enderror">
                    @error('national_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>
    </div>

    {{-- ══ المعلومات الطبية ══ --}}
    <div class="card mb-3">
        <div class="card-header">
            <i class="bi bi-heart-pulse me-2 text-danger"></i>المعلومات الطبية
        </div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-3">
                    <label class="form-label fw-semibold">فصيلة الدم</label>
                    <select name="blood_type" class="form-select">
                        <option value="">غير معروف</option>
                        @foreach(['A+','A-','B+','B-','AB+','AB-','O+','O-'] as $bt)
                            <option value="{{ $bt }}" {{ old('blood_type',$patient?->blood_type)===$bt ? 'selected':'' }}>{{ $bt }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">الوزن (كغ)</label>
                    <input type="number" name="weight" step="0.1"
                           value="{{ old('weight', $patient?->weight) }}"
                           class="form-control" placeholder="70">
                </div>
                <div class="col-md-3">
                    <label class="form-label">الطول (سم)</label>
                    <input type="number" name="height" step="0.1"
                           value="{{ old('height', $patient?->height) }}"
                           class="form-control" placeholder="170">
                </div>
                <div class="col-md-12">
                    <label class="form-label fw-semibold text-warning">
                        <i class="bi bi-exclamation-triangle me-1"></i>الأمراض المزمنة
                    </label>
                    <textarea name="chronic_diseases" rows="2"
                              class="form-control"
                              placeholder="مثال: السكري، ضغط الدم، أمراض القلب...">{{ old('chronic_diseases', $patient?->chronic_diseases) }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold text-danger">
                        <i class="bi bi-shield-exclamation me-1"></i>الحساسية
                    </label>
                    <textarea name="allergies" rows="2"
                              class="form-control"
                              placeholder="مثال: البنسلين، الأسبرين...">{{ old('allergies', $patient?->allergies) }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label">الأدوية الحالية</label>
                    <textarea name="current_medications" rows="2"
                              class="form-control"
                              placeholder="الأدوية التي يتناولها حالياً...">{{ old('current_medications', $patient?->current_medications) }}</textarea>
                </div>
            </div>
        </div>
    </div>

    {{-- ══ بيانات الطوارئ ══ --}}
    <div class="card mb-3">
        <div class="card-header">
            <i class="bi bi-telephone-forward me-2 text-warning"></i>جهة اتصال الطوارئ
        </div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">الاسم</label>
                    <input type="text" name="emergency_contact_name"
                           value="{{ old('emergency_contact_name', $patient?->emergency_contact_name) }}"
                           class="form-control" placeholder="اسم الشخص للتواصل">
                </div>
                <div class="col-md-4">
                    <label class="form-label">رقم الهاتف</label>
                    <input type="text" name="emergency_contact_phone"
                           value="{{ old('emergency_contact_phone', $patient?->emergency_contact_phone) }}"
                           class="form-control" placeholder="07xxxxxxxxx">
                </div>
                <div class="col-md-4">
                    <label class="form-label">صلة القرابة</label>
                    <input type="text" name="emergency_contact_relation"
                           value="{{ old('emergency_contact_relation', $patient?->emergency_contact_relation) }}"
                           class="form-control" placeholder="الأب، الأم، الزوج...">
                </div>
            </div>
        </div>
    </div>

    {{-- ══ خيار إضافة للطابور (فقط عند الإنشاء) ══ --}}
    @if(!$patient)
    <div class="card mb-4" style="border:2px solid #0f766e">
        <div class="card-body py-3">
            <div class="form-check form-switch d-flex align-items-center gap-3">
                <input class="form-check-input" type="checkbox" name="add_to_queue"
                       id="add_to_queue" value="1" style="width:48px;height:24px" checked>
                <label class="form-check-label fw-semibold fs-6" for="add_to_queue">
                    <i class="bi bi-person-plus-fill me-2 text-success"></i>
                    إضافة المريض إلى الطابور مباشرةً بعد التسجيل
                </label>
            </div>
        </div>
    </div>
    @endif

    <div class="d-flex justify-content-end gap-2">
        <a href="{{ route('secretary.dashboard') }}" class="btn btn-outline-secondary px-4">
            <i class="bi bi-x-lg me-1"></i>إلغاء
        </a>
        <button type="submit" class="btn btn-success px-5 fw-semibold">
            <i class="bi bi-{{ $patient ? 'save' : 'person-plus-fill' }} me-2"></i>
            {{ $patient ? 'حفظ التعديلات' : 'تسجيل المريض' }}
        </button>
    </div>
</form>

</div>
</div>
@endsection