@extends('layouts.base')

@push('page_title')
    {{ __('San Fernando Main - Visiting Consultants') }}
@endpush

@section('content')
    <!-- section -->
	<section class="slider slider-banner">
		<!-- #slider-banner -->
		<div id="slider-banner" class="carousel slide" data-bs-ride="carousel">
			<!-- .carousel-inner -->
			<div class="carousel-inner">
				<!-- .carousel-item -->
				<div class="carousel-item active" style="background-image: url({{ asset('assets/img/doctors/banner.jpg') }})">
					<!-- .container -->
					<div class="container h-100 carousel-content">
						<!-- .row -->
						<div class="row align-items-center h-100">
							<!-- .col -->
							<div class="col-md-6">
								<h1><strong>Main - Visiting Consultants</strong></h1>
								<p>Our Medical Team</p>
							</div>
						</div>
					</div>					
				</div>
			</div>
		</div>
	</section>
	
	<!-- section -->
	<section class="find-a-doctor p-0">
		<!-- .container -->
		<div class="container">
			<!-- .row -->
			<form class="row  align-items-center" action="{{ route('doctors.find') }}" action="GET" role="search">
				<!-- .col -->
				<div class="col-md-3">
					<!-- .widget-title -->
					<div class="widget-title">
						<h4 class="mb-0">Find a Doctor</h4>
					</div>
				</div>
				
				<!-- .col -->
				<div class="col-md-8">
					<!-- .row -->
					<div class="row h-100 align-items-center">
						<!-- .col -->
						<div class="col-md-3">
							<input name="first_name" class="form-control" type="text" placeholder="First Name" />
						</div>

						<!-- .col -->
						<div class="col-md-3">
							<input name="last_name" class="form-control" type="text" placeholder="Last Name" />
						</div>

						<!-- .col -->
						<div class="col-md-3">
							<input name="specialty" class="form-control" list="option-specialty" id="option_specialty" placeholder="Specialty">
							<datalist id="option-specialty">
								@forelse ($doctor_specialties as $item)
									<option value="{{ $item->name }}"></option>
								@empty
									<option selected disabled>No Data Found</option>
								@endforelse
							</datalist>
						</div>
						
						<!-- .col -->
						<div class="col-md-3">
							<input name="branch" class="form-control" list="option-branch" id="option_branch" placeholder="Branch">
							<datalist id="option-branch">
								<option value="San Fernando"></option>
								<option value="Clark"></option>
							</datalist>
						</div>
					</div>
				</div>
				
				<!-- .col -->
				<div class="col-md-1">
					<button type="submit" class="btn btn-primary"><i class="fal fa-search"></i></button>
				</div>
			</form>
		</div>
	</section>

	<!-- .doctors -->
	<section class="">
		<!-- .container -->
		<div class="container">
			<!-- .row -->
			<div class="row justify-content-center text-center mb-5">
				<!-- .col -->
				<div class="col-md-12">
					<h2>Main - Visiting Consultants</h2>
					<p>Hover to see doctor's information</p>
				</div>
				<div class="col-md-12">
					<div class="d-flex flex-wrap justify-content-center gap-2">
						<a href="{{ route('clinicians.main') }}" class="btn btn-lg btn-secondary">Clinicians</a>
						<a href="{{ route('visiting.doctors.main') }}" class="btn btn-lg btn-primary">Visiting Consultants</a>
					</div>
				</div>
			</div>
			
			<!-- .row -->
			<div class="row justify-content-center deck-doctors mb-5">
				<!-- .col -->
                @if ($doctorsBySpecialties->isNotEmpty())
					<div class="col-md-6">
						<table class="table">
							<thead>
								<tr class="bg-maroon">
                                    <th width="5%" class="text-center text-white">No.</th>
									<th class="text-white">Specialization</th>
								</tr>
							</thead>
							<tbody>
								@foreach ($doctorsBySpecialties as $specialty)
									<tr class="bg-gray">
                                        <th class="text-center">
                                            {{ $loop->iteration }}
                                        </th>
										<th>
											{{ $specialty->name }}
										</th>
									</tr>
                                    @if ($specialty->doctors->isNotEmpty())
                                        <tr>
                                            <td></td>
                                            <td>
                                                <ul class="mb-0">
                                                    @foreach ($specialty->doctors->where('branch', 'OLMCMC Main')->sortBy('last_name') as $doctor)
                                                        <li>{{ $doctor->prefix }} {{ $doctor->last_name }}, {{ $doctor->first_name }} {{ mb_substr($doctor->middle_name, 0, 1) . '.' }} <b>{{ $doctor->modalities ? '('.$doctor->modalities.')' : '' }}</b></li>
                                                    @endforeach
                                                </ul>
                                            </td>
                                        </tr>
                                    @endif
								@endforeach
							</tbody>
						</table>
					</div>
				@else
					<div class="col-xl-12">
						<h3 class="text-muted text-center">No data available</h3>
					</div>
				@endif

				{{-- @if ($doctors->isNotEmpty())
					<div class="col-md-6">
						<table class="table">
							<thead>
								<tr class="bg-maroon">
                                    <th width="5%" class="text-center text-white">No.</th>
									<th class="text-white">Specialization</th>
								</tr>
							</thead>
							<tbody>
								@foreach ($doctors as $doctor)
									<tr class="bg-gray">
                                        <th class="text-center">
                                            {{ $loop->iteration + $doctors->firstItem() - 1 }}
                                        </th>
										<th>
											{{ $doctor->specialty }}
										</th>
									</tr>
                                    @if ($doctor->doctors)
                                        <tr>
                                            <td></td>
                                            <td>
                                                <ul class="mb-0">
                                                    @php
                                                        $doctorNames = explode(' , ', $doctor->doctors);
                                                    @endphp
                                                    @foreach ($doctorNames as $name)
                                                        <li>{{ $name }} <b>{{ $doctor->modalities ? '('.$doctor->modalities.')' : '' }}</b></li>
                                                    @endforeach
                                                </ul>
                                            </td>
                                        </tr>
                                    @endif
								@endforeach
							</tbody>
						</table>
					</div>
				@else
					<div class="col-xl-12">
						<h3 class="text-muted text-center">No data available</h3>
					</div>
				@endif
				<div class="col-xl-12 d-flex justify-content-center">
					{{ $doctors->onEachSide(0)->withQueryString()->links() }}
				</div> --}}
			</div>
		</div>
	</section>
@endsection