@extends('main')

@if($seo !== NULL)
    @section('title', $seo->title)
    @section('description', $seo->description)
    @section('keywords', $seo->keywords)
    @section('author', $seo->author)
@else
    @section('title', 'Fanadek Masr | طلب الحجز')    
@endif

@section('content')
<div id="content">
    <div class="breadcrumbs-wrap" style="background-image: url({{asset($breadcrumb_background->content)}});">
        <div class="container">
            <h1 class="page-title">حجز فندق {{$hotel->title}}</h1>
        </div>
    </div>
    <div class="page-section">
        <div class="container">
            <form method='post' action="{{url('Booking-Hotel/'.beautify_url($hotel->title))}}" class='form-horizontal'>
            	<input type="hidden" name="hotel" value="{{$hotel->id}}" />
                {{csrf_field()}}
                @if(Session::has('msg'))
                	<div class="alert alert-success">{{Session('msg')}}</div>
                @endif
                @if($errors->any())
                	<div class="alert alert-danger">{{$errors->first()}}</div>
                @endif
                <div class='row' dir='rtl'>
                    <div class="col-md-6 col-12 text-right">
                        <h4><b>تفاصيل الحجز</b></h4>   
                        <hr />
						<div class="form-group">					
							<label class='col-sm-4 control-label'>الغرفة</label>
                            <div class='col-sm-8'>
                               {{$room->name}}
                               <input type="hidden" name="room" value="{{$room->id}}" id="booking_room" data-url="{{ url('Booking_Price') }}" />
                            </div>
                        </div>
                        <div class="form-group">	
							<label class='col-sm-4 control-label'>عدد الغرف </label>
                            <div class='col-sm-8'>
                                {{$rooms_count}}
                                <input type="hidden" step="1" min="1" class="form-control" name="rooms_count" value="{{$rooms_count}}" id="booking_room_room_count" data-url="{{ url('Booking_Price') }}" />
                            </div>                        
                		</div>
                        @for ($i = 0; $i < $rooms_count; $i++)
                            <div class="form-group">
                                <label class='col-sm-4 control-label'>عدد الاشخاص في الغرفة {{ $i + 1 }}</label>
                                <div class='col-sm-8'>
                                    {{$people[$i]}}
                                    <input type="hidden" step="1" min="1" class="form-control" name="type[]" value="{{$people[$i]}}" id="booking_type" data-url="{{ url('Booking_Price') }}" />
                                </div>                        
                            </div>
                        @endfor
                        
                	    <div class="form-group">					
							<label class='col-sm-4  control-label'>مدخن</label>
                        	<div class='col-sm-8'>
                            	<select class="form-control" name='smoker'>
                            		<option value="" selected disabled>اختار النوع</option>
                            		<option value="نعم" @if(old('smoker') == 'نعم') selected @endif>نعم</option>
                            		<option value="لا" @if(old('smoker') == 'لا') selected @endif>لا</option>
                            	</select>
                        	</div>
                	    </div>
                        <div class="form-group">					
							<label class='col-sm-4  control-label'>تاريخ الدخول <span class="text-danger">*</span></label>
                        	<div class='col-sm-8'>
                                {{$start_date}}
                                <input type="hidden" class="datepicker form-control" name='arr_date' value="{{$start_date}}" min="{{date('Y-m-d')}}" id="booking_start_date"  data-url="{{ url('Booking_Price') }}">
                        	</div>
                	    </div>
                        <div class="form-group">					
							<label class='col-sm-4  control-label'>تاريخ المغادرة <span class="text-danger">*</span></label>
                    		<div class='col-sm-8'>
                                {{$end_date}}
                                <input required type="hidden" class="arrival datepicker form-control" name='leave_date' value="{{$end_date}}" min="{{date('Y-m-d', strtotime('+ 1 Day'))}}"  id="booking_leave_date" data-url="{{ url('Booking_Price') }}">
                    		</div>
                    	</div>
                    	<div class="form-group" id="BOOKINGPRICEDATA">			
                            <div id='bbookinpriceasda'>
                                
                                @if($hotel->tax > 0)
                                    <p><b>السعر قبل الضريبة : </b><span class='pull-left' dir="ltr">$ {{number_format(calculate_room_price($room->id, $people, $rooms_count, $start_date, $end_date, false), 2)}}</span></p>
                                    <p><b>الضريبة : </b><span class='pull-left'>{{$hotel->tax}} %</span></p>
                                @endif
                                <h5><b>السعر الاجمالي شامل الخدمة والضريبة : </b><span class='pull-left' dir="ltr">$ {{number_format(calculate_room_price($room->id, $people, $rooms_count, $start_date, $end_date, true), 2)}}</span></h5>
                            </div>
                    	</div>
                    </div>
                    <div class="col-md-6 col-12 text-right">
                        <h4><b>البيانات الشخصية</b></h4>
                        <hr />
                    	<div class="form-group row">
                        	<label class='col-sm-4  control-label'>الإسم بالكامل <span class="text-danger">*</span></label>
                        	<div class='col-sm-8'>
                        		<input required type="text" placeholder='الإسم بالكامل' class="form-control" name='client_name' value="{{old('client_name')}}">
                        	</div>
                    	</div>
                    					

                    	<div class="form-group row">
                            <label class='col-sm-4  control-label'>موبايل</label>
                            <div class='col-sm-8'>
                                <input type="text" placeholder='موبايل' class="form-control" name='client_mob' value="{{old('client_mob')}}">
                            </div>
                    	</div>
                    	
                    	<div class="form-group row">
                    		<label class='col-sm-4 control-label'>البريد الالكترونى</label>
                            <div class='col-sm-8'>
                                <input type="email" placeholder='البريد الالكترونى' class="form-control" name='client_mail' value="{{old('client_mail')}}">
                            </div>
                    	</div>

                    	<div class="form-group row">
                            <label class='col-sm-4 control-label'>الجنسية <span class="text-danger">*</span></label>
                            <div class='col-sm-8'>
                                <select required class="form-control" name='client_natio' >
                                    <option value="" selected disabled>اختار الجنسية</option>
                                    <option value='مصر' @if(old('client_natio') == 'مصر') selected @endif>مصر</option>
                                    <option value='العراق' @if(old('client_natio') == 'العراق') selected @endif>العراق</option>
                                    <option value='سوريا' @if(old('client_natio') == 'سوريا') selected @endif>سوريا</option>
                                    <option value='السعودية' @if(old('client_natio') == 'السعودية') selected @endif>السعودية</option>
                                    <option value='الكويت' @if(old('client_natio') == 'الكويت') selected @endif>الكويت</option>
                                    <option value='اليمن' @if(old('client_natio') == 'اليمن') selected @endif>اليمن</option>
                                    <option value='الإمارات' @if(old('client_natio') == 'الإمارات') selected @endif>الإمارات</option>
                                    <option value='البحرين' @if(old('client_natio') == 'البحرين') selected @endif>البحرين</option>
                                    <option value='عمان' @if(old('client_natio') == 'عمان') selected @endif>عمان</option>
                                    <option value='قطر' @if(old('client_natio') == 'قطر') selected @endif>قطر</option>
                                    <option value='السودان' @if(old('client_natio') == 'السودان') selected @endif>السودان</option>
                                    <option value='ليبيا' @if(old('client_natio') == 'ليبيا') selected @endif>ليبيا</option>
                                    <option value='تونس' @if(old('client_natio') == 'تونس') selected @endif>تونس</option>
                                    <option value='الجزائر' @if(old('client_natio') == 'الجزائر') selected @endif>الجزائر</option>
                                    <option value='المغرب' @if(old('client_natio') == 'المغرب') selected @endif>المغرب</option>
                                    <option value='جزر القمر' @if(old('client_natio') == 'جزر القمر') selected @endif>جزر القمر</option>
                                    <option value='الأردن' @if(old('client_natio') == 'الأردن') selected @endif>الأردن</option>
                                    <option value='لبنان' @if(old('client_natio') == 'لبنان') selected @endif>لبنان</option>
                                    <option value='فلسطين' @if(old('client_natio') == 'فلسطين') selected @endif>فلسطين</option>
                                    <option value='موريتانيا' @if(old('client_natio') == 'موريتانيا') selected @endif>موريتانيا</option>
                                    <option value='الصومال' @if(old('client_natio') == 'الصومال') selected @endif>الصومال</option>
                                    <option value='جيبوتي' @if(old('client_natio') == 'جيبوتي') selected @endif>جيبوتي</option>
                                </select>
                            </div>
                    	</div>
                    	<div class="form-group row">
                        	<label class='col-sm-4  control-label'>عدد الاسرة</label>
                        	<div class='col-sm-8'>
                        		<select class='form-control' name="bed_number">
                                    <option value="فردي">فردي</option>
                                    <option value="زوجي">زوجي</option>
                                </select>
                        	</div>
                    	</div>
                        
                    	<div class="form-group row">
                            <label class='col-sm-4  control-label'>ملاحظات</label>
                            <div class='col-sm-8'>
                                <textarea rows='4' class="form-control" name='notes'>{{old('notes')}}</textarea>
                            </div>
                    	</div>

                        <div class="form-group text-left">
                            <button class='btn btn-style-2' style="padding: 10px;width: 300px;margin-left: 15px;" type='submit' name='submit'>حجز</button>
                        </div>
                    </div>
                </div>
	</form>
	    </div>
	</div>
</div>
@endsection