@extends('admin.layouts.dashboard')

@section('title', 'Add New Member')

@section('content')
    <x-page-header
        title="Add New Member"
        description="Register a member and open their first subscription."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Members' => url('/members'), 'Add New' => null]"
    >
        <x-slot:actions>
            <a href="{{ url('/members/1/activity') }}" class="btn btn--secondary">Cancel</a>
        </x-slot:actions>
    </x-page-header>

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

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

        <x-card title="First subscription" subtitle="Package, dates and the opening payment">
            @include('admin.member._subscription-fields')
        </x-card>

        <div class="card__footer u-mt-6" style="border-radius: var(--radius-lg); border: 1px solid var(--color-border);">
            <a href="{{ url('/members/1/activity') }}" 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 member
            </button>
        </div>
    </form>
@endsection