@extends('layouts.app')

@section('title', 'Create Booking')
@section('content')
    <div class="container">
        <div class="row">
           <div class="col-md-6">
               @if($type === 1)
                <div class="panel panel-default">
                     <div class="card-title">Payment confirm</div>
                     <div class="panel-body">
                          <form class="form-horizontal" role="form" method="POST" action="{{route('backend.bookings.payment.store',$booking)}}">
                            @csrf
                              <input type="hidden" name="payment_type" value="1">
                              <input type="hidden" name="ref_no" value="N/A">
                              <button type="submit" class="btn btn-primary">
                                  {{ __('Payment Confirm by Cash') }}
                              </button>
                          </form>
                     </div>
                </div>
                   @elseif($type === 2)
                     <div class="panel panel-default">
                            <div class="panel-heading">Create Booking</div>
                            <div class="panel-body">
                              <form class="form-horizontal" role="form" method="POST" action="{{route('backend.bookings.payment.store',$booking)}}">
                                 @csrf
                                  <input type="hidden" name="payment_type" value="2">
                                  <div class="form-group{{ $errors->has('ref_no') ? ' has-error' : '' }} mb-2">
                                      <label for="ref_no" class="col-md-4 control-label">Transfer Reference Number Ex. 283893 </label>
                                      <div class="col-md-11">
                                          <input id="ref_no" type="text" class="form-control" name="ref_no" value="{{ old('ref_no') }}"  autofocus>
                                      </div>
                                  </div>
                                  <button type="submit" class="btn btn-primary">
                                      {{ __('Submit') }}
                                  </button>
                              </form>
                            </div>
                     </div>
                   @else
                   <div>
                          <h1>Please select payment type</h1>
                   </div>
                     @endif
           </div>
           <div class="col-md-6">
               <table class="table table-striped table-responsive">
                   <thead>
                    <tr>
                        <th colspan="2">Payment information</th>
                    </tr>
                   </thead>
                   <tbody>
                   <tr>
                          <td>Hourly Price</td>
                          <td>{{ $booking->price/$booking->hours() }} <small>RM</small></td>
                   </tr>
                          <tr>
                            <td>Total Hours</td>
                            <td>{{ $booking->hours() }} <small>hours</small></td>
                          </tr>
                        <tr>
                            <td>Total Price</td>
                            <td>{{ $booking->price }} <small>RM</small></td>
                       </tr>
                         <tr>
                             <td>Payment Method</td>
                             <td>@if($type ===1 ) Cash @else Online Transfer @endif</td>
                         </tr>
                   </tbody>
               </table>
           </div>
        </div>
    </div>
@endsection