@push('head')
		<style>
			.switchable:disabled {
				border: 0;
				padding-left: 0;
				padding-top: 0;
			}
			.switchable {
				display:block;
				font-size: 14pt;
			}
			label {
				font-size:11pt;
				font-weight:bold;
			}
		</style>
	@endpush
@if ($canManageDoctor)
	@push('head')
		<script>
			function switchFields(el) {
				var checked = el.checked;
				$(".switchable").prop("disabled",!checked);
				if (!checked)
					document.getElementById('kisi').reset();
			}
			$(document).ready(function(){
				switchFields(false);
			});
		</script>
	@endpush
@endif
<x-app-layout>
    <x-slot name="header">
        <h2 class="text-2xl text-gray-800 ">
			<span class="border-2 border-gray-400 px-2">4</span> Randevunuzu doğrulayın
        </h2>
    </x-slot>

    <div class="py-5">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
			<form id="kisi" action="{{ route("randevuAl2") }}" method="post">
			 {!! csrf_field() !!}
			 <input type="hidden" name="doctor_id" value="{{ $doctor->id }}">
			 <input type="hidden" name="start" value="{{ $start }}">
				<div class="grid grid-cols-1 md:grid-cols-2">
					<div class="mr-5 bg-white shadow-sm sm:rounded-lg">
						<div class="p-6 bg-white border-b border-gray-200">
							@if ($doctor->appsNeedsConfirm && $canManageDoctor)
								<div class="bg-blue-50 text-blue-700 px-4 py-3 mb-3 shadow" role="alert">
								  <div class="flex">
									<div class="py-1"><svg class="fill-current h-4 w-4 text-blue-500 mr-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"/></svg></div>
									<div>
									  <p>Bu doktoru yönettiğiniz için randevu direk onaylanacak.</p>
									</div>
								  </div>
								</div>
							@endif
							<b>{{ $doctor->name }}</b> için <b>{{ $date }}</b> günü <b>{{ $startTime }}</b> ve <b>{{ $endTime }}</b> arasına randevu almak istediğinize emin misiniz?
							<br /><br />
							<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="submit">
								Evet
							</button>
							<a href="{{ url()->previous() }}" class="bg-gray-300 text-black font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Geri dön</a>
						</div>
					</div>
					<div class="bg-white shadow-sm sm:rounded-lg">
						<div class="p-6 bg-white border-b border-gray-200">
							<h2 class="text-3xl font-medium">
								Randevu sahibi
							</h2>
							@if ($canManageDoctor)
							  <div class="form-group form-check my-2 rounded-full bg-gray-200 px-3 py-2 inline-block">
								<input type="checkbox" class="form-check-input" id="notForMe" name="notForMe" onchange="switchFields(this);">
								<label class="form-check-label" for="notForMe">Başkası için al</label>
							  </div>
							@endif
						  <div class="form-group">
							<label for="name">İsim</label>
							<input type="text" class="form-control switchable" id="name" name="name" value="{{ $user->name ?? '' }}" {{ Auth::check() ? 'disabled' : '' }}>
						  </div>
							@if ($errors->has('name'))
								<span class="text-red-600">
									<strong>{{ $errors->first('name') }}</strong>
								</span>
							@endif
						  <div class="form-group">
							<label for="phone">Telefon</label>
							<input type="text" class="form-control switchable" id="phone" name="phone" value="{{ $schoolCreds["phone"] ?? '' }}" {{ Auth::check() ? 'disabled' : '' }}>
						  </div>
							@if ($errors->has('phone'))
								<span class="text-red-600">
									<strong>{{ $errors->first('phone') }}</strong>
								</span>
							@endif
						  <div class="form-group">
							<label for="schoolId">Okul numarası</label>
							<input type="text" pattern="\d*" class="form-control switchable" id="schoolId" name="schoolId" value="{{ $user->schoolId ?? '' }}" {{ Auth::check() ? 'disabled' : '' }}>
						  </div>
							@if ($errors->has('schoolId'))
								<span class="text-red-600">
									<strong>{{ $errors->first('schoolId') }}</strong>
								</span>
							@endif
						  <div class="form-group">
							<label for="tc">TC kimlik no</label>
							<input type="text" pattern="\d*" class="form-control switchable" id="tc" name="tc" value="{{ $schoolCreds["tc"] ?? '' }}" {{ Auth::check() ? 'disabled' : '' }}>
						  </div>
							@if ($errors->has('tc'))
								<span class="text-red-600">
									<strong>{{ $errors->first('tc') }}</strong>
								</span>
							@endif
						  <div class="form-group">
							<label for="birthDate">Doğum tarihi</label>
							<input type="date" class="form-control switchable" id="birthDate" name="birthDate" value="{{ $schoolCreds["birthDate"] ?? '' }}" {{ Auth::check() ? 'disabled' : '' }}>
						  </div>
							@if ($errors->has('birthDate'))
								<span class="text-red-600">
									<strong>{{ $errors->first('birthDate') }}</strong>
								</span>
							@endif
						</div>
					</div>
				</div>
			</form>
        </div>
    </div>
</x-app-layout>