<section class="page-hero compact"><div class="container"><p class="eyebrow">Güvenli ve Hızlı</p><h1>Online rezervasyon oluşturun</h1><p>Hizmet, süre, tarih ve saati seçin. Site üzerinden ödeme veya kredi kartı bilgisi alınmaz.</p></div></section>
<section class="section booking-section"><div class="container booking-layout"><form id="bookingForm" class="booking-form" data-durations-url="<?=url('/api/durations.php')?>" data-availability-url="<?=url('/api/availability.php')?>" action="<?=url('/api/booking.php')?>" method="post" novalidate><?=csrf_field()?><div class="form-step"><span>01</span><div><h2>Deneyim ve süre</h2><div class="field-grid"><label>Hizmet<select name="service_id" id="serviceSelect" required><option value="">Hizmet seçin</option><?php foreach($services as $s):?><option value="<?=$s['id']?>" <?=$selectedService===$s['id']?'selected':''?>><?=e($s['name'])?></option><?php endforeach;?></select></label><label>Süre<select name="duration_id" id="durationSelect" data-selected="<?=$selectedDuration?>" required><option value="">Önce hizmet seçin</option></select></label></div></div></div>
<div class="form-step"><span>02</span><div><h2>Tarih ve saat</h2><div class="field-grid"><label>Tarih<input type="date" name="reservation_date" id="reservationDate" min="<?=date('Y-m-d')?>" value="<?=e($_GET['date']??'')?>" required></label><label>Saat<select name="start_time" id="timeSelect" required><option value="">Hizmet ve tarih seçin</option></select></label></div><p class="slot-message" id="slotMessage"></p></div></div>
<div class="form-step"><span>03</span><div><h2>Rezervasyon tercihi</h2><div class="field-grid"><label>Misafir türü<select name="guest_type"><option value="external">Dışarıdan ziyaretçi</option><option value="hotel_guest">Nekrut Hotel misafiri</option></select></label><label>Seans tipi<select name="session_type" id="sessionType"><option value="single">Tek kişi</option><option value="couple">Çift</option></select></label><label>Terapist tercihi<select name="therapist_preference" id="therapistPreference"><option value="no_preference">Fark etmez</option><option value="female">Kadın terapist</option><option value="male">Erkek terapist</option></select></label></div></div></div>
<div class="form-step"><span>04</span><div><h2>İletişim bilgileri</h2><div class="field-grid"><label>Ad soyad<input name="guest_name" maxlength="160" autocomplete="name" required></label><label>E-posta<input type="email" name="guest_email" maxlength="190" autocomplete="email" required></label><label>Telefon<input name="guest_phone" maxlength="60" autocomplete="tel" required></label><label class="full-field">Notunuz<textarea name="notes" rows="4" maxlength="1000" placeholder="Özel talebinizi veya merkezin bilmesi gereken kısa bilgiyi yazabilirsiniz."></textarea></label></div><label class="check"><input type="checkbox" name="kvkk_consent" value="1" required><span><a href="<?=url('/kurumsal/kvkk-aydinlatma-metni')?>" target="_blank">KVKK aydınlatma metnini</a> okudum.</span></label><label class="check"><input type="checkbox" name="terms_consent" value="1" required><span><a href="<?=url('/kurumsal/rezervasyon-kosullari')?>" target="_blank">Rezervasyon koşullarını</a> kabul ediyorum.</span></label><button class="button" type="submit" id="bookingSubmit">Rezervasyon Talebi Oluştur</button><div class="form-error" id="bookingError" role="alert"></div></div></div></form>
<aside class="booking-summary"><img src="<?=asset('img/booking.svg')?>" alt="" aria-hidden="true"><h2>Bilmeniz gerekenler</h2><ul><li>Online ödeme alınmaz.</li><li>Seans saatinden en az 15 dakika önce gelmeniz önerilir.</li><li>Talebiniz kapasite kontrolünün ardından onaylanabilir.</li><li>Rezervasyon yönetim bağlantınız e-posta için hazır şekilde oluşturulur.</li></ul></aside></div></section><script src="<?=asset('js/booking.js')?>" defer></script>
