@extends('layouts.dashboard') @section('title','Create Booking | SmartGrid') @section('content') @include('partials.sidebar')<main class="main-content">@include('partials.topbar',['title'=>'Create Booking'])<div class="container-fluid py-3"><div class="card"><div class="card-header"><h5>Apartment / Room Booking Form</h5><p class="text-sm text-secondary">Booking must exist before payment confirmation and access issuance.</p></div><div class="card-body">@if($errors->any())<div class="alert alert-danger text-white">{{ $errors->first() }}</div>@endif<form method="POST" action="{{ route('bookings.store') }}">@csrf<div class="row"><div class="col-md-6 mb-3"><input name="guest_name" class="form-control" placeholder="Guest Full Name" required></div><div class="col-md-6 mb-3"><input name="guest_phone" class="form-control" placeholder="Phone Number" required></div><div class="col-md-6 mb-3"><input name="guest_email" type="email" class="form-control" placeholder="Email Address" required></div><div class="col-md-6 mb-3"><select name="guest_gender" class="form-control"><option value="">Gender</option><option value="male">Male</option><option value="female">Female</option><option value="other">Other</option></select></div><div class="col-md-12 mb-3"><textarea name="guest_address" class="form-control" placeholder="Address"></textarea></div><div class="col-md-6 mb-3"><select name="room_id" id="room_id" class="form-control" required><option value="">Choose apartment / room</option>@foreach($rooms as $room)<option value="{{ $room->id }}" data-price="{{ $room->default_price }}">{{ $room->room_name }} — ₦{{ number_format($room->default_price,2) }}</option>@endforeach</select></div><div class="col-md-6 mb-3"><input id="booking_amount_display" class="form-control" readonly placeholder="Amount"></div><div class="col-md-6 mb-3"><input name="check_in" type="date" class="form-control" required></div><div class="col-md-6 mb-3"><input name="check_out" type="date" class="form-control" required></div><div class="col-md-12 mb-3"><textarea name="notes" class="form-control" placeholder="Notes"></textarea></div></div><button class="btn bg-gradient-dark">Create Booking & Pay</button></form></div></div></div></main>@endsection @section('scripts')<script>function f(a){return '₦'+Number(a||0).toLocaleString(undefined,{minimumFractionDigits:2})}function u(){let s=document.getElementById('room_id'),p=s.options[s.selectedIndex]?.dataset.price||0;document.getElementById('booking_amount_display').value=f(p)}document.getElementById('room_id').addEventListener('change',u);u();</script>@endsection