@extends('doctor.layouts.app')
@section('title','السكرتيرون')
@section('page-title','إدارة السكرتيرين')

@section('content')
<div class="row g-3">

    {{-- إضافة سكرتير --}}
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header"><i class="bi bi-person-plus me-2 text-primary"></i>إضافة سكرتير جديد</div>
            <div class="card-body">
                <form method="POST" action="{{ route('doctor.secretaries.store') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label fw-semibold">الاسم الكامل <span class="text-danger">*</span></label>
                        <input type="text" name="name" value="{{ old('name') }}"
                               class="form-control @error('name') is-invalid @enderror"
                               placeholder="اسم السكرتير" required>
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">رقم الهاتف <span class="text-danger">*</span></label>
                        <input type="text" name="phone" value="{{ old('phone') }}"
                               class="form-control @error('phone') is-invalid @enderror"
                               placeholder="07xxxxxxxxx" required inputmode="tel">
                        @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">البريد الإلكتروني <small class="text-muted fw-normal">(اختياري)</small></label>
                        <input type="email" name="email" value="{{ old('email') }}"
                               class="form-control @error('email') is-invalid @enderror" placeholder="email@example.com">
                        @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="rounded-3 p-2 mb-3" style="background:#eff6ff;border:1px solid #bfdbfe;font-size:.8rem;color:#1e40af">
                        <i class="bi bi-info-circle me-1"></i>
                        يُفعّل حساب السكرتير <strong>فوراً</strong>. يدخل من الصفحة الرئيسية أو
                        <strong>{{ url('/secretary/login') }}</strong> باستخدام <strong>رقم الهاتف</strong> فقط.
                    </div>
                    <button type="submit" class="btn btn-primary w-100 fw-semibold">
                        <i class="bi bi-person-plus me-1"></i>إضافة السكرتير
                    </button>
                </form>
            </div>
        </div>
    </div>

    {{-- قائمة السكرتيرين --}}
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header d-flex align-items-center justify-content-between">
                <span><i class="bi bi-people me-2"></i>السكرتيرون المسجلون</span>
                <span class="badge bg-secondary">{{ $secretaries->count() }}</span>
            </div>
            @if($secretaries->isEmpty())
            <div class="card-body text-center py-5 text-muted">
                <i class="bi bi-headset fs-2 d-block mb-2"></i>
                <p>لم تضف أي سكرتير بعد</p>
                <small>أضف سكرتيراً لمساعدتك في استقبال المرضى</small>
            </div>
            @else
            <div class="table-responsive">
                <table class="table tbl mb-0">
                    <thead>
                        <tr>
                            <th>السكرتير</th>
                            <th>الهاتف</th>
                            <th>تاريخ الإضافة</th>
                            <th>الحالة</th>
                            <th>إجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($secretaries as $sec)
                        <tr>
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    <div style="width:36px;height:36px;background:#0f766e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0">
                                        <i class="bi bi-headset"></i>
                                    </div>
                                    <div>
                                        <div class="fw-semibold">{{ $sec->user->name }}</div>
                                        <small class="text-muted">{{ $sec->user->email ?? 'بدون بريد' }}</small>
                                    </div>
                                </div>
                            </td>
                            <td>{{ $sec->user->phone ?? '—' }}</td>
                            <td><small class="text-muted">{{ $sec->created_at->format('Y/m/d') }}</small></td>
                            <td>
                                @if($sec->is_active)
                                    <span class="badge" style="background:#d1e7dd;color:#0a3622">نشط</span>
                                @else
                                    <span class="badge" style="background:#f8d7da;color:#58151c">موقوف</span>
                                @endif
                            </td>
                            <td>
                                <div class="d-flex gap-1">
                                    <form method="POST" action="{{ route('doctor.secretaries.toggle', $sec->id) }}">
                                        @csrf @method('PATCH')
                                        <button class="btn btn-sm btn-outline-{{ $sec->is_active ? 'warning' : 'success' }}"
                                                title="{{ $sec->is_active ? 'إيقاف' : 'تفعيل' }}">
                                            <i class="bi bi-{{ $sec->is_active ? 'pause' : 'play' }}-fill"></i>
                                        </button>
                                    </form>
                                    <form method="POST" action="{{ route('doctor.secretaries.destroy', $sec->id) }}">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger"
                                                onclick="return confirm('حذف حساب السكرتير نهائياً؟')"
                                                title="حذف">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @endif

            <div class="card-footer bg-transparent" style="font-size:.8rem;color:#64748b">
                <i class="bi bi-phone me-1"></i>
                الدخول برقم الهاتف فقط من الرابط أعلاه أو من الصفحة الرئيسية للموقع.
            </div>
        </div>
    </div>
</div>
@endsection