@extends('admin.layout.index')

@section('content')



<div class="col-md-7 col-lg-8 col-xl-12">
    <div class="card">
        <div class="card-body pt-0">

            <!-- Tab Menu -->
            <nav class="user-tabs mb-4">
                <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
                    <li class="nav-item">
                        <a class="nav-link active" href="#pat_appointments" data-toggle="tab">Appointments</a>
                    </li>
                    <!-- <li class="nav-item">
                        <a class="nav-link" href="#pat_prescriptions" data-toggle="tab">Prescriptions</a>
                    </li> -->
                    <li class="nav-item">
                        <a class="nav-link" href="#pat_medical_records" data-toggle="tab"><span class="med-records">Medical Records</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#pat_billing" data-toggle="tab">Billing</a>
                    </li>
                </ul>
            </nav>
            <!-- /Tab Menu -->

            <!-- Tab Content -->
            <div class="tab-content pt-0">

                <!-- Appointment Tab -->
                <div id="pat_appointments" class="tab-pane fade show active">
                    <div class="card card-table mb-0">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-center mb-0">
                                    <thead>
                                        <tr>
                                            <th>Appointment #</th>
                                            <th>Staff</th>
                                            <th>Referral</th>
                                            <th>Appointment Date</th>
                                            <th>Booking Date</th>
                                            <th>Service</th>
                                            <th>Amount</th>
                                            <th>Status</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @if ($appointments->isNotEmpty())
                                    @foreach ($appointments as $service)
                                        <tr>
                                            <td>#{{$service->appointment}}</td>
                                            <td>
                                                <h2 class="table-avatar">
                                                  
                                                    <a href="#">{{DB::table('users')->where('id',$service->doctor_id)->value('name')}} <span></span></a>
                                                </h2>
                                            </td>
                                            <td><a download="{{DB::table('users')->where('id',$service->patient_id)->value('name')}}}}" href=".{{ Storage::url($service->medFormUrl) }}" title="{{DB::table('users')->where('id',$service->patient_id)->value('name')}}">Download</a></td>
                                            <td>{{ date('d-M-Y', strtotime($service->appointment_date ))}} <span class="d-block text-info">{{$service->appointment_time}}</span></td>
                                            <td>{{ date('d-M-Y', strtotime($service->created_at ))}}</td>
                                            <td>{{DB::table('our_services')->where('id',$service->service)->value('name')}}</td>
                                            <td>GHC{{DB::table('our_services')->where('id',$service->service)->value('price')}}</td>
                                            @if($service->status == 'completed')
                                            <td><span class="badge badge-pill bg-success-light">{{$service->status}}</span></td>
                                            @elseif($service->status =='scheduled')
                                            <td><span class="badge badge-pill bg-warning-light">{{$service->status}}</span></td>
                                            @else
                                            <td><span class="badge badge-pill bg-danger-light">{{$service->status}}</span></td>
                                            @endif
                                            <!-- <td class="text-right">
                                                <div class="table-action">
                                                    <a href="javascript:void(0);" class="btn btn-sm bg-primary-light">
                                                        <i class="fas fa-print"></i> Print
                                                    </a>
                                                    <a href="javascript:void(0);" class="btn btn-sm bg-info-light">
                                                        <i class="far fa-eye"></i> View
                                                    </a>
                                                </div>
                                            </td> -->
                                        </tr>
                                        @endforeach
                                        @endif
                                        
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Appointment Tab -->

                <!-- Prescription Tab -->
                <!-- <div class="tab-pane fade" id="pat_prescriptions">
                    <div class="card card-table mb-0">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-center mb-0">
                                    <thead>
                                        <tr>
                                            <th>Date </th>
                                            <th>Name</th>
                                            <th>Created by </th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>14 Nov 2019</td>
                                            <td>Prescription 1</td>
                                            <td>
                                                <h2 class="table-avatar">
                                                    <a href="doctor-profile.html" class="avatar avatar-sm mr-2">
                                                        <img class="avatar-img rounded-circle" src="assets/img/doctors/doctor-thumb-01.jpg" alt="User Image">
                                                    </a>
                                                    <a href="doctor-profile.html">Dr. Ruby Perrin <span>Dental</span></a>
                                                </h2>
                                            </td>
                                            <td class="text-right">
                                                <div class="table-action">
                                                    <a href="javascript:void(0);" class="btn btn-sm bg-primary-light">
                                                        <i class="fas fa-print"></i> Print
                                                    </a>
                                                    <a href="javascript:void(0);" class="btn btn-sm bg-info-light">
                                                        <i class="far fa-eye"></i> View
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                       
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div> -->
                <!-- /Prescription Tab -->

                <!-- Medical Records Tab -->
                <div id="pat_medical_records" class="tab-pane fade">
                    <div class="card card-table mb-0">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-center mb-0">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Date </th>
                                            <th>Description</th>
                                            <th>Attachment</th>
                                            <th>Created</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @if ($medicalLab->isNotEmpty())
                                    @foreach ($medicalLab as $lab)
                                        <tr>
                                            <td><a href="javascript:void(0);">#{{$lab->appointment}}</a></td>
                                            <td>14 Nov 2019</td>
                                            <td>{{DB::table('our_services')->where('id',$lab->service)->value('name')}}</td>
                                            <td>Attached</td>
                                            <td>
                                                <h2 class="table-avatar">
                                                   
                                                    <a href="doctor-profile.html">{{DB::table('users')->where('id',$lab->doctor_id)->value('name')}}</a>
                                                </h2>
                                            </td>
                                            <td class="text-right">
                                                <div class="table-action">
                                                    <!-- <a href="javascript:void(0);" class="btn btn-sm bg-info-light"> -->
                                                    <a
                                                download="{{DB::table('users')->where('id',$lab->patient_id)->value('name')}}"
                                                href="{{ Storage::url($lab->labUrl) }}"
                                                title="{{DB::table('users')->where('id',$lab->patient_id)->value('name')}}">Download
                                                    
                                                    </a>
                                                    <!-- <a
                                                download="{{DB::table('users')->where('id',$lab->patient_id)->value('name')}}"
                                                href="{{ Storage::url($lab->labUrl) }}" target="_blank"
                                                title="{{DB::table('users')->where('id',$lab->patient_id)->value('name')}}" target="_blank">Print
                                                    
                                                    </a> -->
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Medical Records Tab -->

                <!-- Billing Tab -->
                <div id="pat_billing" class="tab-pane fade">
                    <div class="card card-table mb-0">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-center mb-0">
                                    <thead>
                                        <tr>
                                            <th>Invoice No</th>
                                            <th>Services</th>
                                            <th>Amount</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach ($result as $item)

                                        <tr>
                                            <td>
                                                <a href="invoice-view.html">#INV-{{ $item['appointment'] }}</a>
                                            </td>
                                            <!-- <td>
                                                <h2 class="table-avatar">
                                                    <!- <a href="doctor-profile.html" class="avatar avatar-sm mr-2">
                                                        <img class="avatar-img rounded-circle" src="assets/img/doctors/doctor-thumb-01.jpg" alt="User Image">
                                                    </a> --
                                                    <a href="doctor-profile.html">Name <span>Dental</span></a>
                                                </h2>
                                            </td> -->
                                            <td>@foreach ($item['services'] as $service)
                            <li>{{ $service->name }} ({{ $service->price }})</li>
                        @endforeach</td>
                                            <td>Ghc{{ $item['total_service_price'] }}</td>
                                            <td class="text-right">
                                                <div class="table-action">
                                                    <a href="{{route('medicalInvoice',$item['appointment'])}}" class="btn btn-sm bg-info-light">
                                                        <i class="far fa-eye"></i> Invoice
                                                    </a>
                                                    <a href="javascript:void(0);" class="btn btn-sm bg-primary-light">
                                                        <i class="fas fa-print"></i> Receipt
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Billing Tab -->

            </div>
            <!-- Tab Content -->

        </div>
    </div>
</div>
@endsection