@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
    <div>
        <h4 class="mb-0">Add Contact</h4>
        <div class="text-secondary small mt-1">Create a new phonebook entry.</div>
    </div>
    <a href="{{ route('phonebook.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
</div>

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

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('phonebook.store') }}">
            @csrf
            @include('phonebook._form', [
                'contact' => null,
                'prefill' => $prefill ?? [],
                'kinds'   => $kinds,
            ])
            <div class="mt-3 d-flex gap-2">
                <button type="submit" class="btn btn-primary">Save</button>
                <a href="{{ route('phonebook.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection