@extends('admin.layouts.app')

@section('content')
<div class="p-4 space-y-6">

    <h2 class="text-2xl font-bold text-gray-700 flex items-center gap-2">
        <i class="fas fa-notes-medical text-belseha-primary"></i> Add New Consultation
    </h2>

    @if ($errors->any())
        <div class="bg-red-100 border border-red-300 text-red-800 px-4 py-3 rounded">
            <ul class="list-disc pl-5">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('admin.consultations.store') }}" method="POST" class="space-y-6 bg-white p-6 rounded shadow">
        @csrf

        <div>
            <label class="block font-semibold mb-1">Select User (Patient):</label>
            <select name="user_id" required class="w-full border border-gray-300 rounded px-3 py-2">
                <option value="">-- Select --</option>
                @foreach($users as $user)
                    <option value="{{ $user->id }}" {{ old('user_id') == $user->id ? 'selected' : '' }}>
                        {{ $user->name }} ({{ $user->email }})
                    </option>
                @endforeach
            </select>
        </div>

        <div>
            <label class="block font-semibold mb-1">Doctor Name:</label>
            <input type="text" name="doctor" value="{{ old('doctor') }}" required
                   class="w-full border border-gray-300 rounded px-3 py-2">
        </div>

        <div>
            <label class="block font-semibold mb-1">Clinic:</label>
            <input type="text" name="clinic" value="{{ old('clinic') }}" required
                   class="w-full border border-gray-300 rounded px-3 py-2">
        </div>

        <div>
            <label class="block font-semibold mb-1">Consultation Date:</label>
            <input type="date" name="date" value="{{ old('date') }}" required
                   class="w-full border border-gray-300 rounded px-3 py-2">
        </div>

        <div>
            <label class="block font-semibold mb-1">Notes:</label>
            <textarea name="notes" rows="4"
                      class="w-full border border-gray-300 rounded px-3 py-2">{{ old('notes') }}</textarea>
        </div>

        <div class="flex items-center space-x-4">
            <button type="submit"
                    class="bg-green-600 hover:bg-green-700 text-white px-5 py-2 rounded shadow">
                <i class="fas fa-save mr-1"></i> Save Consultation
            </button>
            <a href="{{ route('admin.consultations.index') }}"
               class="bg-gray-500 hover:bg-gray-600 text-white px-5 py-2 rounded shadow">
                Cancel
            </a>
        </div>
    </form>

</div>
@endsection