@extends('layouts.admin')

@section('page_kicker', 'Configuration')
@section('page_title', 'Hospital settings')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Hospital profile</h3>
            <p class="admin-card-desc">Public contact details for this facility.</p>
            <form method="POST" action="{{ route('hospital.settings.profile.update') }}" class="mt-5 space-y-4">
                @csrf
                @method('PATCH')
                <div>
                    <label class="admin-form-label" for="h_name">Name</label>
                    <input id="h_name" type="text" name="name" value="{{ $hospital->name }}" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="h_email">Contact email</label>
                    <input id="h_email" type="email" name="contact_email" value="{{ $hospital->contact_email }}" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="h_phone">Contact phone</label>
                    <input id="h_phone" type="text" name="contact_phone" value="{{ $hospital->contact_phone }}" class="admin-input" required>
                </div>
                <button type="submit" class="admin-btn-primary w-full">Update hospital profile</button>
            </form>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">Departments</h3>
            <p class="admin-card-desc">Organize wards and service lines.</p>
            <form method="POST" action="{{ route('hospital.settings.departments.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
                @csrf
                <div>
                    <label class="admin-form-label" for="dept_name">Department name</label>
                    <input id="dept_name" type="text" name="name" placeholder="Department name" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="dept_code">Code</label>
                    <input id="dept_code" type="text" name="code" placeholder="Code" class="admin-input" required>
                </div>
                <div class="md:col-span-2">
                    <button type="submit" class="admin-btn-dark w-full md:w-auto">Add department</button>
                </div>
            </form>
            <ul class="mt-6 space-y-2 text-sm">
                @foreach($departments as $department)
                    <li class="admin-list-row justify-start">
                        <span class="font-medium text-slate-900">{{ $department->name }}</span>
                        <span class="text-xs text-slate-500">({{ $department->code }})</span>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
@endsection