@extends('layouts.master')
@section('title') New Delegation @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') <a href="{{ route('admin.delegations.index') }}">Delegations</a> @endslot
@slot('title') New Delegation @endslot
@endcomponent

@if($errors->any())
<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif

<form method="POST" action="{{ route('admin.delegations.store') }}">
    @csrf
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header"><h5 class="card-title mb-0">Delegation</h5></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Delegator (grants authority) <span class="text-danger">*</span></label>
                            <select name="delegator_id" class="form-select" required>
                                <option value="">Select…</option>
                                @foreach($users as $u)
                                <option value="{{ $u->id }}" @selected(old('delegator_id', $delegation->delegator_id) == $u->id)>{{ $u->name }} — {{ \App\Models\User::ROLE_LABELS[$u->role] }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Delegate (acts on their behalf) <span class="text-danger">*</span></label>
                            <select name="delegate_id" class="form-select" required>
                                <option value="">Select…</option>
                                @foreach($users as $u)
                                <option value="{{ $u->id }}" @selected(old('delegate_id', $delegation->delegate_id) == $u->id)>{{ $u->name }} — {{ \App\Models\User::ROLE_LABELS[$u->role] }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Starts On <span class="text-danger">*</span></label>
                            <input type="date" name="starts_on" class="form-control" value="{{ old('starts_on', optional($delegation->starts_on)->format('Y-m-d')) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Ends On <span class="text-danger">*</span></label>
                            <input type="date" name="ends_on" class="form-control" value="{{ old('ends_on', optional($delegation->ends_on)->format('Y-m-d')) }}" required>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Reason</label>
                            <input type="text" name="reason" class="form-control" value="{{ old('reason', $delegation->reason) }}" placeholder="e.g. Area Commander on leave">
                        </div>
                        <div class="col-12">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active" @checked(old('is_active', $delegation->is_active ?? true))>
                                <label class="form-check-label" for="is_active">Active</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer d-flex gap-2">
                    <button type="submit" class="btn btn-primary">Create Delegation</button>
                    <a href="{{ route('admin.delegations.index') }}" class="btn btn-light">Cancel</a>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection