@extends('layouts.app')
@section('page-title', 'Leave Types')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-tags" style="color:#0097c4"></i> Leave Types</h1>
    <a href="{{ route('leaves.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Back to Leaves</a>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;">
    <!-- Add Form -->
    <div class="card">
        <div class="card-header"><i class="fas fa-plus"></i> Add Leave Type</div>
        <div class="card-body">
            <form method="POST" action="{{ route('leave-types.store') }}">
                @csrf
                <div class="form-group">
                    <label class="form-label">Leave Type Name *</label>
                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                           value="{{ old('name') }}" placeholder="e.g. Annual Leave" required>
                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Add Type</button>
            </form>
        </div>
    </div>

    <!-- Types List -->
    <div class="card">
        <div class="card-header"><i class="fas fa-list"></i> All Leave Types ({{ $leaveTypes->count() }})</div>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr><th>#</th><th>Name</th><th>Records</th><th>Action</th></tr>
                </thead>
                <tbody>
                    @forelse($leaveTypes as $lt)
                    <tr>
                        <td>{{ $lt->id }}</td>
                        <td><strong>{{ $lt->name }}</strong></td>
                        <td><span class="badge badge-info">{{ $lt->leaves_count }}</span></td>
                        <td>
                            <form method="POST" action="{{ route('leave-types.destroy', $lt) }}" onsubmit="return confirm('Delete this leave type?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="4" class="text-center" style="padding:20px;color:#94a3b8;">No leave types yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection