@extends('layouts.admin.default')
@section('content')

    <!-- Body: Body -->
    <div class="body d-flex py-lg-4 py-3">
        <div class="container-fluid">

            <div class="row g-4">
                @can('patient statistics')
                    <div class="col-3">
                        <div class="card border-0 mb-3">
                            <div class="card-body d-flex align-items-center p-4">
                                <div class="avatar lg rounded no-thumbnail"><i class="fa fa-bars fa-lg"></i></div>
                                <div class="flex-fill ms-3 text-truncate">
                                    <div class="text-muted">{{__("total sessions")}}</div>
                                    <h5 class="mb-0">{{$total_session}}</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="card border-0 mb-3">
                            <div class="card-body d-flex align-items-center p-4">
                                <div class="avatar lg rounded no-thumbnail"><i class="fa  fa-credit-card fa-lg"></i>
                                </div>
                                <div class="flex-fill ms-3 text-truncate">
                                    <div class="text-muted">{{__("total required")}}</div>
                                    <h5 class="mb-0">{{$total_required}}</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="card border-0 mb-3">
                            <div class="card-body d-flex align-items-center p-4">
                                <div class="avatar lg rounded no-thumbnail"><i class="fa fa-money fa-lg"></i></div>
                                <div class="flex-fill ms-3 text-truncate">
                                    <div class="text-muted">{{__("total paid")}}</div>
                                    <h5 class="mb-0">{{$total_paid}}</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="card border-0 mb-3">
                            <div class="card-body d-flex align-items-center p-4">
                                <div class="avatar lg rounded no-thumbnail"><i class="fa fa-credit-card fa-lg"></i>
                                </div>
                                <div class="flex-fill ms-3 text-truncate">
                                    <div class="text-muted">{{__("total unpaid")}}</div>
                                    <h5 class="mb-0">{{$total_unpaid}}</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                @endcan
                <div class="col-12 d-flex justify-content-between">
                    <div>
                        <ul class="nav nav-tabs tab-body-header rounded d-inline-flex" role="tablist">
                            <li class="nav-item">
                                <a href="{{route('patient.edit',$patient->id)}}"
                                   class="nav-link " role="tab"><i class="fa fa-edit"></i><span
                                        class="d-none d-md-inline-block ms-2">Edit</span></a>
                            </li>

                            <li class="nav-item">
                                <a href="{{route('patient.exam',$patient->id)}}"
                                   class="nav-link" role="tab"><i class="fa  fa-lightbulb-o"></i><span
                                        class="d-none d-md-inline-block ms-2">AI Exam</span></a>
                            </li>
                            <li class="nav-item"><a class="nav-link " href="{{route('patient.index')}}" role="tab"><i
                                        class="fa fa-user"></i><span
                                        class="d-none d-md-inline-block ms-2">{{__("patients")}}</span></a></li>
                            <li class="nav-item"><a class="nav-link " href="{{route('patient.create')}}" role="tab"><i
                                        class="fa fa-user-plus"></i><span
                                        class="d-none d-md-inline-block ms-2">{{__("create patient")}}</span></a></li>
                            <li class="nav-item"><a class="nav-link active"
                                                    href="{{route('patient.show',$patient->id)}}"
                                                    role="tab"><i class="fa fa-user-circle-o"></i><span
                                        class="d-none d-md-inline-block ms-2">{{__("profile")}}</span></a></li>
                            @can('patient files')
                                <li class="nav-item"><a class="nav-link" href="{{route('patient.file',$patient->id)}}"
                                                        role="tab"><i
                                            class="fa fa-print"></i><span
                                            class="d-none d-md-inline-block ms-2">Files</span></a></li>
                            @endcan
                        </ul>
                    </div>
                    <div>
                        @can('patient renewal')
                            @if($patient->bookings()?->where('is_first',false)->count()>0)
                                <a href="{{route('patient.renew',$patient->id)}}" target="_blank "
                                   class="btn btn-light-warning">Renew
                                </a>
                            @endif
                        @endcan
                    </div>
                </div>

                <div class="col-12">
                    <div class="card bg-transparent border-0">
                        <div class="d-flex flex-wrap flex-md-nowrap justify-content-between">
                            <div class="doctor-avatar order-0 order-md-1">
                                <img src="{{$patient?->profileUrl}}" class="img-thumbnail" alt="..."
                                     style="width: 200px;">

                            </div>

                            <div class="doctor-detail order-1 order-md-0">
                                <h3>{{$patient->first_name .' '. $patient->last_name}}</h3>
                                <div class="d-flex flex-row flex-wrap align-items-center mb-3 mt-2">
                                    <div class="me-3 me-md-5">
                                        <small class="text-muted">{{__("birthdate")}}</small>
                                        <div class="mb-0 fw-bold">{{$patient->birth_date}}</div>
                                    </div>

                                    <div>
                                        <small class="text-muted">{{__("country")}}</small>
                                        <div class="mb-0 fw-bold">{{$patient->country?->name ??'----'}}</div>
                                    </div>


                                </div>

                                <ul class="resume-box">
                                    <li>
                                        <div class="icon text-center">
                                            <i class="fa fa-map-marker"></i>
                                        </div>
                                        <div class="fw-bold mb-0">{{__("address")}}</div>
                                        <span>{{$patient->city .' '.$patient->region.' '.$patient->governorate}}</span>
                                    </li>
                                    <li>
                                        <div class="icon text-center">
                                            <i class="fa fa-mobile"></i>
                                        </div>
                                        <div class="fw-bold mb-0">{{__("phone")}}</div>
                                        <span>{{$patient->father_phone??$patient->mother_phone}}</span>
                                    </li>
                                    <li>
                                        <div class="icon text-center">
                                            <i class="fa fa-envelope"></i>
                                        </div>
                                        <div class="fw-bold mb-0">{{__("email")}}</div>
                                        <span>{{$patient->email}}</span>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <ul class="nav nav-tabs tab-card border-bottom-0 tab-card px-4" role="tablist">

                        @can("patient bookings")
                            <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#booking"
                                                    role="tab">{{__("booking")}}</a></li>
                        @endcan
                        @can("patient services")

                            <li class="nav-item"><a class="nav-link " data-bs-toggle="tab" href="#service"
                                                    role="tab">Additional Service</a></li>
                        @endcan
                        @can("patient voice notes")
                            <li class="nav-item"><a class="nav-link " data-bs-toggle="tab" href="#voice"
                                                    role="tab">Voice Note</a></li>

                        @endcan
                        @can("patient payments")
                            <li class="nav-item"><a class="nav-link " data-bs-toggle="tab" href="#payment"
                                                    role="tab">{{__("payments")}}</a></li>

                        @endcan
                        @can("patient protocol")
                            <li class="nav-item"><a class="nav-link " data-bs-toggle="tab" href="#test"
                                                    role="tab">{{__("Protocol After Genetic Testing")}}</a></li>
                        @endcan
                        @can("patient report")
                            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#initial-examination"
                                                    role="tab">{{__('report')}}</a>
                            </li>
                        @endcan
                        @can("patient sessions")
                            @if($patient->sessions?->count())
                                <li class="nav-item"><a class="nav-link"
                                                        href="{{route('patient.session',$patient->id)}}"
                                                        target="_blank">
                                        {{__("sessions")}}</a>
                                </li>
                            @endif
                        @endcan

                        @can("patient appointments")
                            @if($patient->doctor_appointments?->count())

                                <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#appointment"
                                                        role="tab">{{__("Appointment Sessions")}}</a>
                                </li>
                            @endif

                        @endcan
                        @can("patient files")
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button"
                                   aria-expanded="false">{{__("files")}}</a>
                                <ul class="dropdown-menu border-0 shadow" style="">
                                    @if($patient->medical_report && $patient->recommendations)
                                        <li><a class="dropdown-item"
                                               href="{{route('report',$patient->id)}}">{{__("intial report")}}</a>
                                        </li>
                                    @endif

                                    @if(count($patient->general_prescriptions))
                                        <li><a class="dropdown-item"
                                               href="{{route('general.prescription',$patient->id)}}">
                                                {{__("General treatment prescription with or without genetic testing")}}</a>
                                        </li>
                                    @endif
                                    @if(count($patient->test_prescriptions))
                                        <li><a class="dropdown-item" href="{{route('test.prescription',$patient->id)}}">
                                                {{__("A homeopathic physical therapy protocol after genetic testing")}}</a>
                                        </li>
                                    @endif

                                    <li>
                                        <hr class="dropdown-divider">
                                    </li>
                                    @if(count($patient->sessions) && count($patient->doctor_appointments))
                                        <li><a class="dropdown-item"
                                               href="{{route('treatment.agreement',$patient->id)}}">
                                                {{__("Therapeutic consultation agreement")}}</a></li>
                                    @endif
                                    <li>
                                        <a href="#"
                                           data-bs-toggle="modal" data-bs-target="#patient_file"
                                           class="nav-link" role="tab"><i class="fa fa-plus-circle"></i><span
                                                class="d-none d-md-inline-block ms-2">Add </span></a>
                                    </li>


                                </ul>
                            </li>
                        @endcan
                    </ul>
                    <div class="card tab-content">
                        @can("patient bookings")
                            <div class="tab-pane fade card-body show active" id="booking" role="tabpanel">
                                <livewire:admin.patient.tap.booking-table patient_id="{{$patient->id}}"/>

                            </div>

                        @endcan
                        @can("patient services")
                            <div class="tab-pane fade card-body " id="service" role="tabpanel">


                                <div class="text-end">
                                    <a href="#"
                                       data-bs-toggle="modal" data-bs-target="#create_additional_service"
                                       class="nav-link" role="tab"><i class="fa fa-plus-circle"></i><span
                                            class="d-none d-md-inline-block ms-2">Add</span></a>
                                </div>


                                <livewire:admin.extra-service.service-table patient_id="{{$patient->id}}"/>

                                <livewire:admin.extra-service.modal.create patient_id="{{$patient->id}}"/>
                                <livewire:admin.extra-service.modal.edit patient_id="{{$patient->id}}"/>
                                <livewire:admin.extra-service.modal.delete patient_id="{{$patient->id}}"/>

                            </div>
                        @endcan
                        @can("patient voice notes")
                            <div class="tab-pane fade card-body " id="voice" role="tabpanel">

                                <livewire:audio-recorder patient_id="{{$patient->id}}"/>
                                <livewire:admin.patient.tap.voice patient_id="{{$patient->id}}"/>

                            </div>
                        @endcan
                        @can("patient payments")
                            <div class="tab-pane fade card-body  " id="payment" role="tabpanel">

                                <div
                                    class="card-header py-3 d-flex justify-content-between bg-transparent border-bottom-0">
                                    <div>
                                        <h6 class="m-0">{{__("Recent Transactions")}}</h6>
                                    </div>
                                    <div class="dropdown">
                                        <a href="{{route('payment.create',['patient_id'=>$patient->id])}}"
                                           class="btn btn-sm btn-link text-muted d-none d-sm-inline-block"><i
                                                class="fa fa-plus"></i> {{__("add payment")}}</a>
                                    </div>
                                </div>


                                <livewire:admin.payment.payment-table patient_id="{{$patient->id}}"/>

                            </div>
                        @endcan
                        @can("patient protocol")
                            <div class="tab-pane fade card-body  " id="test" role="tabpanel">
                                <livewire:admin.patient.tap.prescription patient_id="{{$patient->id}}"/>

                            </div>
                        @endcan
                        @can("patient report")
                            <div class="tab-pane fade card-body" id="initial-examination" role="tabpanel">


                                <livewire:admin.patient.tap.initial-examination patient_id="{{$patient->id}}"/>
                            </div>
                        @endcan
                        @can("patient sessions")
                            @if($patient->sessions?->count())

                                <div class="tab-pane fade card-body" id="session" role="tabpanel">
                                    {{--                                <livewire:admin.patient.tap.session patient_id="{{$patient->id}}"/>--}}
                                </div>
                            @endif

                        @endcan
                        @can("patient appointments")
                            @if($patient->doctor_appointments?->count())

                                <div class="tab-pane fade card-body" id="appointment" role="tabpanel">
                                    <livewire:admin.patient.tap.appointment-table patient_id="{{$patient->id}}"/>
                                    <livewire:admin.patient.tap.appointment patient_id="{{$patient->id}}"/>
                                    <livewire:admin.patient.modal.delete patient_id="{{$patient->id}}"/>
                                </div>
                            @endif
                        @endcan
                    </div>
                </div>
                <livewire:admin.patient.modal.file patient_id="{{$patient->id}}"/>


            </div>
            <!-- .row end -->

        </div>
    </div>
@endsection