@extends('layouts.test')

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

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

                <form class="form-horizontal">
                    <div class="row">
                        <div class="col-md-4">
                            <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">TOTAL STAY</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>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-lg-2">
                                    <fieldset>
                                        <div class="form-group"><label class="control-label">ARRIVAL</label></div>                                           
                                    </fieldset>
                                </div>
                                <div class="col-lg-10">
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-5 control-label">DATE</label>
                                            <div class="col-lg-5"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                        <div class="form-group"><label class="col-lg-5 control-label">TIME</label>
                                            <div class="col-lg-5"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                        <div class="form-group"><label class="col-lg-5 control-label">FLIGHT/PLACE</label>
                                            <div class="col-lg-5"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>

                                    </fieldset>
                                </div>
                            </div>

                        </div>
                        <div class="col-md-4">
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group"><label class="col-lg-5 control-label">INVOICE AMOUNT</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"><label class="col-lg-5 control-label">COST</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"><label class="col-lg-5 control-label">MARGIN</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">
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-lg-3 col-lg-offset-1">
                                    <fieldset>
                                        <div class="form-group"><label class="control-label">NO OF PAX</label></div>                                           
                                    </fieldset>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-6 control-label">ADULT</label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                        <div class="form-group"><label class="col-lg-6 control-label">CHILD</label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                        <div class="form-group"><label class="col-lg-6 control-label">INFANT
                                            </label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-lg-2">
                                    <fieldset>
                                        <div class="form-group"><label class="control-label">DEPARTURE</label></div>                                           
                                    </fieldset>
                                </div>
                                <div class="col-lg-10">
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-5 control-label">DATE</label>
                                            <div class="col-lg-5"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                        <div class="form-group"><label class="col-lg-5 control-label">TIME</label>
                                            <div class="col-lg-5"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                        <div class="form-group"><label class="col-lg-5 control-label">FLIGHT/PLACE</label>
                                            <div class="col-lg-5"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group"><label class="col-lg-5 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"><label class="col-lg-5 control-label">ROOM CATOGORY	</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"><label class="col-lg-5 control-label">MEAL PLAN</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">
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-lg-3 col-lg-offset-1">

                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-6 control-label">AGENT</label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>                                        
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-lg-2">
                                </div>
                                <div class="col-lg-10">
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-5 control-label">MARKET</label>
                                            <div class="col-lg-5"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row form-group">
                                <div class="col-lg-4">
                                    <div class="form-group"><label class="col-lg-5 control-label">ROOMING</label></div>
                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-6 control-label">SGL</label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>                                        
                                    </fieldset>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-md-8">
                            <div class="row">
                                <fieldset>
                                    <div class="form-group"><label class="col-lg-3 control-label">NO OF PAX</label>
                                        <div class="col-lg-8"><textarea type="text" rows="5"  class="form-control input-sm"></textarea></div></div>                                            
                                </fieldset>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row form-group">
                                <div class="col-lg-4">

                                </div>
                                <div class="col-lg-8">
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-6 control-label">DBL
                                            </label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>                                        
                                    </fieldset>
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-6 control-label">TPL
                                            </label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>                                        
                                    </fieldset>
                                    <fieldset>
                                        <div class="form-group"><label class="col-lg-6 control-label">FAMILY
                                            </label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>                                        
                                    </fieldset>
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-6 control-label">EXTRA
                                            </label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>                                        
                                    </fieldset>
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-6 control-label">GUIDE
                                            </label>
                                            <div class="col-lg-6"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></div>
                                        </div>                                        
                                    </fieldset>                                    
                                </div>
                            </div>
                        </div>

                    </div>

                </form>
                <!--
                                <div class="text-right" style="padding-top: 30px;">
                                    <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary  m-t-n-xs">Save Vehicle</button> 
                                    <button ng-click="Cancel()" class=" btn btn-sm btn-default  m-t-n-xs">Cancel</button> 
                                </div>-->

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

        <div class="ibox">
            <div class="ibox-content">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>DATE</th>
                            <th>HOTEL</th>
                            <th>CITY</th>
                            <th>MEAL PLAN</th>
                            <th>ROOM CATEGORY</th>
                            <th>HOTEL RATE</th>
                            <th>REMARKS</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >

                                </select></td>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >

                                </select></td>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >
                                             
                                         </select></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>
                        <tr>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >

                                </select></td>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >

                                </select></td>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >
                                             
                                         </select></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>
                        <tr>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >

                                </select></td>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >

                                </select></td>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >
                                             
                                         </select></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>
                        <tr>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >

                                </select></td>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >

                                </select></td>
                            <td><select class="form-control input-sm" ng-options="level.name for level in userLevels track by level.id" ng-model="user.level" >
                                             
                                         </select></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>
        
        
        
        <div class="ibox">
            <div class="ibox-content">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>DATE</th>
                            <th colspan="8">ROUTE</th>
                            <th>HOTEL</th>
                            <th>CITY</th>                            
                        </tr>

                    </thead>
                    <tbody>
                        <tr>
                            <td>12-Dec</td>
                            <td colspan="8">
                                <table width="100%">
                                    <tr>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>                                    
                                </table>
                            </td>
                            <td>JETWING SEA</td>  
                            <td>NEGOMBO</td>
                                                      
                        </tr>
                        <tr>
                            <td>12-Dec</td>
                            <td colspan="8"> 
                                <table width="100%">
                                    <tr>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>                                    
                                </table></td>
                            <td>AMAYA HILLS			
                            </td>
                            <td>KANDY	
                            </td> 
                        </tr>
                        <tr>
                            <td>12-Dec</td>
                            <td colspan="8">
                                <table width="100%">
                                    <tr>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>                                    
                                </table>
                            </td>
                            <td>CAMELIYA LAKE			
                            </td>
                            <td>NUWARA ELIYA	
                            </td> 
                        </tr>
                        <tr>
                            <td>12-Dec</td>
                            <td colspan="8"> 
                                <table width="100%">
                                    <tr>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td width="10%"><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>                                    
                                </table>                                    
                            </td>
                            <td>JETWING YALA			
                            </td>
                            <td>YALA	
                            </td> 
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        
        <div class="ibox">
            <div class="ibox-content">
                 <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>SITE</th>
                            <th>LOCATION</th>
                            <th>ENTRY TICKETS</th>
                            <th>JEEP/BOAT</th>
                            <th>GUIDES</th>
                            <th>TIPS</th>
                            <th>OTHER</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                            <td>PINNAWALA</td>
                            <td>LKR 2500</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                            <td>PINNAWALA</td>
                            <td>LKR 2500</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                            <td>PINNAWALA</td>
                            <td>LKR 2500</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td><input type="text" ng-model="driver.name" placeholder="" class="form-control input-sm"></td>
                            <td>PINNAWALA</td>
                            <td>LKR 2500</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                 </table>
                <div class="text-right">
                    <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary m-t-n-xs">GENERATE</button>                    
                </div>
            </div>
        </div>
        
        
        
        <div class="ibox">
           
            <div class="ibox-content">
                <div class="row">
                    <div class="col-md-2 text-center">
                        <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary m-t-n-xs">INVOICE</button> 
                    </div>
                    <div class="col-md-2 text-center">
                        <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary m-t-n-xs">CONFIRMATION</button> 
                    </div>
                    <div class="col-md-2 text-center">
                        <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary m-t-n-xs">SERVICE VOUCHER</button> 
                    </div>
                    <div class="col-md-2 text-center">
                        <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary m-t-n-xs">FEEDBACK</button> 
                    </div>
                    <div class="col-md-2 text-center">
                        <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary m-t-n-xs">PAYMENTS</button> 
                    </div>
                    <div class="col-md-2 text-center">
                        <button ng-click="NewVehicle()" class=" btn btn-sm btn-primary m-t-n-xs">ITINERARY</button> 
                    </div>
                </div>

                


            </div>
        </div>

        
    </div>
</div>
@endsection