@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('therapist statistics')
                <div class="col-4">
                    <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">{{$user->bookings()->whereMonth('date', now()->month)  // Filtering bookings for the current month
                                                            ->whereYear('date', now()->year)->count()}} </h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <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 salary")}}</div>
                                <h5 class="mb-0">{{$user->salary}} {{($user?->country?->code=="971"?"AED":"JOD")}}</h5>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-4">
                    <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-clock-o fa-lg"></i></div>
                            <div class="flex-fill ms-3 text-truncate">
                                <div class="text-muted">Extra Time ({{$user->extraTime}})</div>
                                <h5 class="mb-0">{{$user->extraFee}} {{($user?->country?->code=="971"?"AED":"JOD")}}</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <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">{{$user->totalPaid}} {{($user?->country?->code=="971"?"AED":"JOD")}}</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <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">{{__("remaining payment")}}</div>
                                <h5 class="mb-0">{{$user->remainingPayment}} {{($user?->country?->code=="971"?"AED":"JOD")}}</h5>
                            </div>
                        </div>
                    </div>
                </div>
                @endcan

                <div class="col-12">
                    <ul class="nav nav-tabs tab-body-header rounded d-inline-flex" role="tablist">
                        <li class="nav-item"><a class="nav-link " href="{{route('doctor.index')}}" role="tab"><i class="fa fa-user-md"></i><span class="d-none d-md-inline-block ms-2">{{__("doctors")}}</span></a></li>
                        <li class="nav-item"><a class="nav-link " href="{{route('doctor.create')}}" role="tab"><i class="fa fa-plus-circle"></i><span class="d-none d-md-inline-block ms-2">{{__("create doctor")}}</span></a></li>
                        <li class="nav-item"><a class="nav-link active" href="{{route('doctor.show',$user->id)}}" role="tab"><i class="fa fa-user-circle"></i><span class="d-none d-md-inline-block ms-2">{{__("profile")}}</span></a></li>
                        @can('therapist working hours')
                        <li class="nav-item"><a class="nav-link" href="" role="tab"><i class="fa fa-calendar"></i><span class="d-none d-md-inline-block ms-2">{{__("schedule")}}</span></a></li>
                        @endcan
                        @can('therapist calendar')
                        <li class="nav-item"><a class="nav-link" href="{{route('doctor.calendar',$user->id)}}" role="tab"><i class="fa fa-calendar-check-o"></i><span class="d-none d-md-inline-block ms-2">{{__("calendar")}}</span></a></li>
                        @endcan
                    </ul>
                </div>
                <div class="col-12">
                    <div class="card mb-1">
                        <div class="card-body p-4">
                            <div class="d-flex align-items-center flex-column flex-md-row">
                                <img src="{{asset('image/logo.jpeg')}}" alt="" class="rounded" style="width: 200px;">
                                <div class="ms-md-5 m-0 mt-4 mt-md-0 text-md-start text-center">
                                    <h5 class="fw-boldSmith"> <span class="text-danger small">#{{$user->id}}</span></h5>
                                    <p><strong>Speciality:</strong> {{$user->speciality}}</p>
                                    <div class="d-flex justify-content-center align-items-center mb-3 mt-2">
                                        <div class="me-3 me-md-5">
                                            <small class="text-muted">{{__("phone")}}</small>
                                            <div class="mb-0 fw-bold">{{$user->phone}}</div>
                                        </div>
                                        <div class="me-3 me-md-5">
                                            <small class="text-muted">{{__("email")}}</small>
                                            <div class="mb-0 fw-bold">{{$user->email}}</div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div> <!-- .Card End -->
                </div>
                <div class="col-12">
                    <div class="card mb-3">
                        <!-- Tab: navbar -->
                        <ul class="nav nav-tabs tab-card border-bottom-0 tab-card px-4" role="tablist">
                            @can('therapist bookings')
                            <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#Activity-Patient" role="tab">{{__("Active Booking")}}</a></li>
                            @endcan
                                @can('therapist billings')
                            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#Billings-Patient" role="tab">{{__("billings")}}</a></li>
                                    @endcan

                        </ul>
                    </div>
                </div>
                <div class="col-12">
                    <div class="card tab-content">
                        @can('therapist bookings')
                        <!-- Tab: Activity -->
                        <div class="tab-pane fade card-body show active" id="Activity-Patient" role="tabpanel">
                            <livewire:admin.doctor.tap.active-appointment-table doctor_id="{{$user->id}}"/>
                        </div>

                        @endcan
                            @can('therapist billings')
                        <!-- Tab: Billings -->
                        <div class="tab-pane fade card-body" id="Billings-Patient" 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',['doctor_id'=>$user->id])}}" class="btn btn-sm btn-link text-muted d-none d-sm-inline-block" ><i class="fa fa-plus"></i> Add</a>
                                </div>
                            </div>

                            <livewire:admin.payment.payment-table doctor_id="{{$user->id}}"/>
                        </div>
                            @endcan
                    </div>
                </div>
            </div> <!-- .row end -->

        </div>
    </div>
@endsection