@extends('layouts.app')
@section('content')
@include('layouts.sidebar')
<div class="page-content-wrapper">
<div class="pt-3"></div>
<div class="container direction-rtl">
	<form action="{{ route('allocate-staff', $booking->id) }}" method="POST">
	@csrf
	<div class="card mb-3">
		<div class="card-body">
		  <h3>Bookings</h3>

		  <div class="register-form mt-4">			 
			  <div class="form-group">
				<label class="form-label" for="defaultSelect">Customer Name</label>
				<p>{{ $booking->customerID->customer_name }}</p>

			  </div>
			  <div class="form-group">
				<label class="form-label" for="defaultSelect">Booking ID</label>
				<p>BID-{{ $booking->id }}</p>
			  </div>
			  <div class="form-group">
				<label class="form-label" for="defaultSelect">Allocate Staff</label>
				<select class="form-select" id="user_id" name="user_id" aria-label="Default select example">
					@foreach ($users as $user)		  
				  		<option value="{{ $user->id }}">{{ $user->name }}</option>
					@endforeach
				</select>
			  </div>	  
		  </div>
		</div>
	  </div>
	  <div class="card mb-3">
		<div class="card-body">
		  <h3>Customer Details</h3>
		  <div class="register-form mt-4">
			<form action="home.html">
			  <div class="form-group">
				<label class="form-label" for="defaultSelect">Customer Name</label>
				<p>{{ $booking->customerID->customer_name }}</p>
			  </div>
			  <div class="form-group">
				<label class="form-label" for="defaultSelect">Customer Mobile</label>
				<p>{{ $booking->customerID->customer_mobile }}</p>
			  </div>
			  <div class="form-group">
				<label class="form-label" for="defaultSelect">From Date</label>
				<p>{{ $booking->booking_date }}</p>
			  </div>
			  <div class="form-group">
				<label class="form-label" for="defaultSelect">To Date</label>
				<p>{{ $booking->booking_date }}</p>
			  </div>
			  <button class="btn btn-primary w-100" type="submit">Book</button>
			
		  </div>
		</div>
	  </div>
</div>
</form>
<div class="pb-3"></div>
</div>
@endsection