@extends('admin.layouts.dashboard')

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

@section('content')
    <x-page-header
        :title="'Edit '.ucwords($executive->fullname)"
        description="Update this staff member's details."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Executives' => route('executives.index'), 'Edit' => null]"
    />

    <form method="POST" action="{{ route('executives.update', $executive->id) }}" enctype="multipart/form-data" data-guard>
        @csrf
        @method('PUT')

        <x-card title="Executive details">
            @include('admin.executive._form-fields')
        </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 changes
            </button>
        </div>
    </form>
@endsection