@extends('admin.layouts.dashboard')

@section('title', 'Add Executive')

@section('content')
    <x-page-header
        title="Add Executive"
        description="Register a staff member and allocate their fingerprint PIN."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Executives' => route('executives.index'), 'Add' => null]"
    />

    <form method="POST" action="{{ route('executives.store') }}" enctype="multipart/form-data" data-guard>
        @csrf

        <x-card title="Executive details">
            @include('admin.executive._form-fields', ['executive' => null])
        </x-card>

        <div class="card__footer u-mt-6" style="border-radius: var(--radius-lg); border: 1px solid var(--color-border);">
            <a href="{{ route('executives.index') }}" class="btn btn--secondary">Cancel</a>
            <button type="submit" class="btn btn--primary" data-loading-label="Saving…">
                <i class="fa-solid fa-check" aria-hidden="true"></i>
                Save executive
            </button>
        </div>
    </form>
@endsection