@extends('layouts.master')
@section('title', __('agent-side.book-appointment.edit_page_title'))

@section('content')
    <x-header title="{{ __('layout.book_appointments') }}" subtitle="{{ __('layout.edit') }}" icon="list"
              tab="{{ __('layout.add') }}" tab-icon="plus"/>
    <div class="d-flex flex-1 overflow-hidden">
        <div data-simplebar class="nicescroll-bar" id="tab_1">
            <div class="container-fluid px-5 pt-5">
                <div class="row justify-content-center">
                    <div class="col-md-6 mb-4">
                        <div class="card card-flush rounded-8 mb-0">
                            <div class="card-header">
                                <h5 class="card-title">{{ __('agent-side.book-appointment.edit_page_title') }}</h5>
                            </div>
                            <div class="card-body">
                                <form method="post" action="{{ route('appointments-with-clients.update', $appointment) }}" enctype="multipart/form-data">
                                    @include('agent.book-appointment.form', ['formType' => 'edit'])
                                    <button type="submit" class="btn btn-primary mt-5">{{ __('agent-side.book-appointment.fields.btn') }}</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection