@extends('layouts.app')

@section('title', 'Edit Leave Type')

@section('breadcrumbs')
    <div class="breadcrumb">
        <a href="{{ route('admin.dashboard') }}">Dashboard</a>
        <span class="separator">/</span>
        <a href="{{ route('leave-types.index') }}">Leave Types</a>
        <span class="separator">/</span>
        <span class="current">Edit: {{ $leaveType?->name ?? "Unknown" }}</span>
    </div>
@endsection

@section('content')
<div class="max-w-4xl animate-fade-up">
    <div class="mb-5">
        <h1 class="font-display text-2xl font-semibold text-gray-900">Edit Leave Type</h1>
        <p class="text-sm text-gray-500 mt-1">Update {{ $leaveType?->name ?? "Unknown" }} ({{ $leaveType->code }})</p>
    </div>

    <div class="card" x-data="{
        carryForward: {{ old('is_carry_forward', $leaveType->is_carry_forward) ? 'true' : 'false' }},
        requiresDoc: {{ old('requires_document', $leaveType->requires_document) ? 'true' : 'false' }}
    }">
        <form method="POST" action="{{ route('leave-types.update', $leaveType) }}">
            @csrf
            @method('PUT')
            <div class="card-body">
                @include('leave::types._form', ['leaveType' => $leaveType])
            </div>
            <div class="px-5 py-4 border-t border-gray-100 flex items-center justify-end gap-3">
                <a href="{{ route('leave-types.index') }}" class="btn-secondary">Cancel</a>
                <button type="submit" class="btn-primary">Update Leave Type</button>
            </div>
        </form>
    </div>
</div>
@endsection