@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">Edit Contact: {{ $contact->display_name }}</h4>
        <div class="text-secondary small mt-1">Update 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.update', $contact->id) }}">
            @csrf @method('PUT')
            @include('phonebook._form', ['contact' => $contact, 'kinds' => $kinds])
            <div class="mt-3 d-flex gap-2">
                <button type="submit" class="btn btn-primary">Save Changes</button>
                <a href="{{ route('phonebook.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection