@extends('admin.layouts.dashboard')

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

@section('content')
    <x-page-header
        :title="'Edit '.ucwords($member->fullname)"
        description="Update the member's personal details and documents."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Members' => url('/members'), 'Edit' => null]"
    >
        <x-slot:actions>
            <a href="{{ route('members.show', $member->id) }}" class="btn btn--secondary">
                <i class="fa-solid fa-id-card" aria-hidden="true"></i>
                Admission form
            </a>
        </x-slot:actions>
    </x-page-header>

    <form method="POST" action="{{ route('members.update', $member->id) }}" enctype="multipart/form-data" data-guard>
        @csrf
        @method('PUT')
        <input type="hidden" name="mstatus" value="{{ $mstatus }}">

        <x-card title="Member details">
            @include('admin.member._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('members.activity', $mstatus) }}" 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