@extends('layouts.app')
@section('title', 'Edit appointment')

@section('content')
<div class="page-head"><div><div class="eyebrow">Schedule · Edit</div><h1>Edit appointment</h1></div></div>
<form method="POST" action="{{ route('appointments.update', $appointment) }}">
    @csrf @method('PUT')
    <div class="card card-pad" style="max-width:680px;">
        @include('appointments._form')
        <div class="form-actions"><button class="btn btn-primary" type="submit">Save changes</button><a href="{{ route('appointments.index') }}" class="btn btn-ghost">Cancel</a></div>
    </div>
</form>
<form method="POST" action="{{ route('appointments.destroy', $appointment) }}" style="max-width:680px;margin-top:14px;" onsubmit="return confirm('Delete this appointment?')">
    @csrf @method('DELETE')
    <button class="btn btn-danger" type="submit">Delete appointment</button>
</form>
@endsection