@extends('layouts.test')

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="ibox">
            <h2 class="pull-left">RESERVATION VOUCHER</h2>
            <div class="ibox-content">

                <div class="clearfix"></div>

                <form class="form-horizontal">
                    <div class="row">
                        <div class="col-md-6"> 
                            <legend>
                                NEW BOOKING
                            </legend>
                        </div>
                        <div class="col-md-5 col-md-offset-1"> 

                            <div class="form-group text-right">
                                <label class="control-label col-lg-4">VOUCHER NO
                                </label><div class="col-lg-8"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                </div> </div>

                        </div>
                    </div>



                    <div class="row">

                        <div class="col-md-3">
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group text-right">
                                        <label class="control-label">TOUR NUMBER</label>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                    </fieldset>
                                </div> 
                            </div>
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group text-right">
                                        <label class="control-label">GUEST NAME</label>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                    </fieldset>
                                </div> 
                            </div>
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group text-right">
                                        <label class="control-label">HOTEL</label>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                    </fieldset>
                                </div> 
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group text-right">
                                        <label class="control-label">CHECK-IN</label>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                    </fieldset>
                                </div> 
                            </div>
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group text-right">
                                        <label class="control-label">CHECK-OUT</label>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                    </fieldset>
                                </div> 
                            </div>
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group text-right">
                                        <label class="control-label">MARKET</label>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                    </fieldset>
                                </div> 
                            </div>

                        </div>
                        <div class="col-md-3">
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group text-right">
                                        <label class="control-label">NO OF ROOMS
                                        </label>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                    </fieldset>
                                </div> 
                            </div>
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group text-right">
                                        <label class="control-label">NO OF PAX</label>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm">
                                    </fieldset>
                                </div> 
                            </div>                            
                        </div>
                    </div>
                    
                    
                    
                    <div class="row">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>ROOM CATEGORY</th>
                                    <th>SGL</th>
                                    <th>DBL</th>
                                    <th>TPL</th>
                                    <th>FAMILY</th>
                                    <th>EXTRA BED</th>
                                    <th>GUIDE</th>
                                    <th>MEAL PLAN</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>STANDARD</td>
                                    <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                    <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                    <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                    <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                    <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                    <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                    <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    
                    <div class="row">
                        <fieldset>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">REMARKS</label>
                                <div class="col-lg-8"><textarea type="text" rows="5"  class="form-control input-sm"></textarea>
                                </div>
                            </div>                                            
                        </fieldset>
                    </div>


                </form>
                <div class="text-right" style="padding-top: 30px;">                    
                    <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary  m-t-n-xs">RESERVATIONS@CINNAMON.COM</button> 
                    <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary  m-t-n-xs">SEND</button>                   
                </div>

                <div class="clearfix"></div>
            </div>
        </div>

        
    </div>
</div>
@endsection