@extends('client.layout.master')
@section('page-title', 'Appointment')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
    <li class="breadcrumb-item f-w-500 active">Appointment</li>
@endsection
@section('title','Appointment')
@section('content')
    <!-- Container-fluid starts-->
    <!-- Container-fluid starts-->
    <div class="container-fluid ">
        <div class="row">
            <div class="col-sm-12">
{{--                <div class="mb-4">--}}

{{--                    <h3>--}}
{{--                        {{request()->has('clinicId') ?  \App\Models\Clinic::find(request()->input('clinicId'))->name : null}}--}}
{{--                    </h3>--}}
{{--                </div>--}}
                <div class="">

                    <div class="">
                        <div class="list-product-header d-flex justify-content-between align-items-center mb-3">
                            <h4 class="m-0 d-flex align-items-center gap-2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none"
                                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                     class="icon icon-tabler icons-tabler-outline icon-tabler-calendar-clock">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                    <path d="M10.5 21h-4.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v3"></path>
                                    <path d="M16 3v4"></path>
                                    <path d="M8 3v4"></path>
                                    <path d="M4 11h10"></path>
                                    <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
                                    <path d="M18 16.5v1.5l.5 .5"></path>
                                </svg>
                                Appointments
                            </h4>

                            <a class="btn btn-success" data-bs-toggle="offcanvas" data-bs-target="#create_appointment">
                                <i class="fa fa-plus"></i>Add
                            </a>
                        </div>


                        {{--                        <div class="list-product-header ">--}}
{{--                            <div class="text-end">--}}
{{--                                <a class="btn btn-success" data-bs-toggle="offcanvas" data-bs-target="#create_appointment">--}}
{{--                                    <i class="fa fa-plus"></i> Add--}}
{{--                                </a>--}}
{{--                            </div>--}}

{{--                            @php--}}
{{--                                $isDoctor = auth('client')->user() && auth('client')->user()->position=="doctor";--}}
{{--                            @endphp--}}

{{--                            @if($isDoctor)--}}
{{--                                <div class="mt-2">--}}
{{--                                    @if(request()->has('showAll'))--}}
{{--                                        <a href="{{ route('assistant.appointment', request()->except('showAll')) }}"--}}
{{--                                           class="btn btn-outline-secondary btn-sm">--}}
{{--                                            <i class="fa fa-calendar-day"></i> Show Today's Appointments--}}
{{--                                        </a>--}}
{{--                                    @else--}}
{{--                                        <a href="{{ route('assistant.appointment', array_merge(request()->all(), ['showAll' => 1])) }}"--}}
{{--                                           class="btn btn-outline-info btn-sm">--}}
{{--                                            <i class="fa fa-list"></i> Show All Appointments--}}
{{--                                        </a>--}}
{{--                                    @endif--}}
{{--                                </div>--}}
{{--                            @endif--}}

{{--                        </div>--}}


                        <div>
{{--                            <livewire:client.appointment.appointment-table/>--}}
                            <livewire:client.appointment.table.visit-table  clinicId="{{request()->has('clinicId') ?  request()->input('clinicId') : null}}"/>
                        </div>

                        <livewire:client.appointment.modal.create
                            clinicId="{{request()->has('clinicId') ?  request()->input('clinicId') : null}}"/>

                        <livewire:client.appointment.modal.update
                            clinicId="{{request()->has('clinicId') ?  request()->input('clinicId') : null}}"/>

                        <livewire:client.appointment.delete
                                clinicId="{{request()->has('clinicId') ?  request()->input('clinicId') : null}}"/>
                        <livewire:client.appointment.show
                                clinicId="{{request()->has('clinicId') ?  request()->input('clinicId') : null}}"/>

                        <livewire:client.appointment.manage
                            clinicId="{{request()->has('clinicId') ?  request()->input('clinicId') : null}}"/>

                        <livewire:client.appointment.manage-vertical
                            clinicId="{{request()->has('clinicId') ?  request()->input('clinicId') : null}}"/>

                        <livewire:client.appointment.manage-vertical2
                            clinicId="{{request()->has('clinicId') ?  request()->input('clinicId') : null}}"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
    <!-- Container-fluid Ends-->
@endsection