@extends('adminlte::page')

@section('title', __('global.Edit').' '.__('global.Appointment'))

{{-- @section('content_header')
    <div class="row">
        <div class="col-md-6 offset-sm-3">
            <h1>@lang('global.Edit') </h1>
        </div>
    </div>
@endsection --}}

@section('style')
    <style>
        section.form-wrapper {
            background: #eee;
            display: block;
            margin: 0.5em;
            min-height: 35em;
            overflow: hidden;
            position: relative;
            width: auto;
            border-radius: 5px;
        }
    </style>
@endsection

@section('content')

    <div class="row">
        <div class="col-md-8 offset-md-2 mt-2">
            <header class="my-2 bg-primary shadow rounded">
                <h4 class="text-white">@lang('global.Edit') @lang('global.Appointment')</h4>
            </header>
            <x-card>
                @include('common.form-errors')

                {{-- <x-slot name="title">
                    @lang('global.Register Appointment')
                </x-slot> --}}
                
                <form name="appointment_form" action="{{ route('call-centers.update', $appointment) }}" method="POST">
                    @csrf
                    @method('put')
                    <section class="form-wrapper p-3">
                        @include('call-centers.partials._form')
                    </section>
                </form>

                <x-slot name="footer" class="text-center">
                    {!! Util::FormSubmitActions('appointment_form', route('call-centers.index')) !!}
                </x-slot>
            </x-card>
        </div>
    </div>

@endsection

@section('adminlte_js')
    @include('frontend.appointment.partials._scripts')
@endsection