@extends('client.layout.master')
@section('page-title', 'Patient')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
    <li class="breadcrumb-item f-w-500 active">Patient</li>
@endsection
@section('title','Client')
@section('content')
    <!-- 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-user-heart">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                    <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
                                    <path d="M6 21v-2a4 4 0 0 1 4 -4h.5"></path>
                                    <path d="M18 22l3.35 -3.284a2.143 2.143 0 0 0 .005 -3.071a2.242 2.242 0 0 0 -3.129 -.006l-.224 .22l-.223 -.22a2.242 2.242 0 0 0 -3.128 -.006a2.143 2.143 0 0 0 -.006 3.071l3.355 3.296z"></path>
                                </svg>
                                Patients
                            </h4>

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


                        <div>
{{--                            <livewire:client.patient.patient-table/>--}}
                            <livewire:client.patient.table.patient-table/>
                        </div>

                        <livewire:client.patient.modal.create/>
                        <livewire:client.patient.modal.update/>
                        <livewire:client.patient.delete/>
                        <livewire:client.patient.view/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
@endsection