<x-app-layout title="Edit branch">
    <x-settings.page title="Edit branch" description="Update location details for {{ $branch->name }}.">
        <div class="mb-4 flex flex-wrap items-center gap-2 text-sm">
            <a href="{{ route('care.settings') }}" class="text-slate-500 hover:text-slate-800">Settings</a>
            <span class="text-slate-300">/</span>
            <a href="{{ route('care.branches.index') }}" class="text-slate-500 hover:text-slate-800">Branches</a>
            <span class="text-slate-300">/</span>
            <span class="font-medium text-slate-900">{{ $branch->name }}</span>
        </div>

        <x-settings.card title="Branch details">
            <form method="POST" action="{{ route('care.branches.update', $branch) }}" class="space-y-4">
                @csrf @method('PUT')
                <div>
                    <label class="block text-sm font-medium text-slate-700">Name</label>
                    <input type="text" name="name" value="{{ old('name', $branch->name) }}" required class="mt-1 w-full rounded-lg border-slate-300 text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700">Code</label>
                    <input type="text" name="code" value="{{ old('code', $branch->code) }}" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700">Address</label>
                    <input type="text" name="address" value="{{ old('address', $branch->address) }}" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700">Phone</label>
                    <input type="tel" name="phone" value="{{ old('phone', $branch->phone) }}" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
                </div>
                <label class="flex items-center gap-2 text-sm text-slate-700">
                    <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $branch->is_active))>
                    Active
                </label>
                <div class="flex justify-end gap-3">
                    <a href="{{ route('care.branches.index') }}" class="rounded-xl border border-slate-200 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</a>
                    <button type="submit" class="btn-primary">Save changes</button>
                </div>
            </form>
        </x-settings.card>
    </x-settings.page>
</x-app-layout>
