{{--model for adding new vehicle/truck--}}
<style>
    .hidden {
        display: none;

    }

    .bootstrap-datetimepicker-widget {
        z-index: 99999 !important;
    }

    .dropdown-menu {
        top: 43%;
    }

    .customer-field {
        margin-bottom: 6px;
    }

    .pull-top {
        margin-top: -28px
    }

    .divider15 {
        border-top: 1px #0b4073 dashed;
    }

    .bulk_sel {
        position: fixed;
        z-index: 99999
    }

    label {
        text-align: left;
    }

</style>
{{--model for add new vehicle route--}}
<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" class="modal hide fade in modal-1"
     data-backdrop="static" id="route_assignment_create_form">
    <!-- Modal content-->
    {{--{!! Form::open(array('class' => 'form-horizontal stdform','id'=>'route_assignment_store')) !!}--}}
    {!! Form::open(array('class' => 'form-horizontal stdform','id'=>'truck_loading_cargo')) !!}
    <div class="modal-header" style="background: #50A6C6">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4>CREATE TRIP</h4>
    </div>
    <div class="modal-body">
        <input type="hidden" name="type" value="route"/>

        <div class="row-fluid">
            <div class="span4">
                <div class="par form-group">
                    <label class="span4 control-label" for="route_type">Route Type</label>

                    <div class="span8">
                        <select data-placeholder="Choose a Route Type..." class="searchable_select"
                                name="route_type_all" required style="width: 100%">
                            <option value="go_return_with_cargo">Go & Return, with Cargo</option>
                            <option value="go_with_cargo">Go with Cargo</option>
                            <option value="return_with_cargo">Go with no Cargo,Return with Cargo
                            </option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="par form-group">
                    <label class="span4 control-label" for="route">Route</label>

                    <div class="span8">
                        <select name="route_id" class="searchable_select" id="single_trip_route_id" required
                                style="width: 100%">
                            <option value=""></option>
                            @foreach($D_routes as $D_route)
                                <option value="{{$D_route->id}}">{{$D_route->route}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="par form-group">
                    <label class="span4 control-label" for="formGroupInputSmall"> Vehicles </label>

                    <div class="span8">
                        <select id="route_constructor_type" name="constructor" class="searchable_select"
                                style="width:100%;" required>
                            <option value="own" selected>OWN VEHICLE</option>
                            <option value="loading">LOADING VEHICLE</option>
                            <option value="sub_construct">SUB CONSTRUCTOR</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div id="constructor"></div>
        <div class="row-fluid">
            <div class="span4">
                <div class="par form-group">
                    <label class="span4 control-label" for="number_of_trucks">No. Of Cargo.</label>

                    <div class="span8">
                        <select data-placeholder="Choose a Number of Cargo" name="number_of_containers"
                                id="number_of_containers" class="searchable_select" style="width: 100%" required>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="par form-group">
                    <label class="span4 control-label" for="depature_date">Departure Date</label>

                    <div class="span8">
                      <span class="input-append" id="route_assignment_date_time_picker">
                         <input class="span12 " name="departure_date" data-format="dd/MM/yyyy hh:mm:ss"
                                type="text" autocomplete="off">
                        <span class="add-on" style="height: 14px">
                            <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                        </span>
                </span>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="par form-group">
                    <label class="span4 control-label" for="Driver">Exchange Rate</label>

                    <div class="span8">
                        <input class="form-control span12 " type="text" name="exchange_rate" autocomplete="off"
                               required>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">

            <div class="clearfix"></div>
            <div class="clearfix"></div>
            <h4 class="widgettitle">Cargo Detail</h4>

            <div class="row-fluid">
                <div class="span12">
                    <div id="containers"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <div class="row">
            <div class="form-group">
                <a class="btn btn-default hide" data-dismiss="modal" onclick="modelShow('viewPermits')"
                   id="view-permits">VIEW VEHICLE PERMITS</a>
                <button class="btn btn-primary" type="submit" id="create_trip">CREATE TRIP</button>
                <button type="reset" class="btn" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
    </form>
</div>


<div id="form1" class="fade hide">
    <table class="table table-condensed container_detail_table" style="width: 100%;">
        <thead>
        <tr>
            <th style="width: 8%">Cargo Type</th>
            <th class="container_label" style="width: 20%">Cont. No.</th>
            <th style="width: 20%">Order No.</th>
            <th style="width: 15%">Loading Date</th>
            <th class="quantity_label" style="width: 10%">Quantity</th>
            <th style="width: 10%">Rate</th>
            <th style="width: 17%">Cargo Description</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>
                <select data-placeholder="Choose a Cargo Type..." name="cargo_type[]" style="width: 100%" required>
                    <option value="20Ft">20Ft</option>
                    <option value="40Ft">40Ft</option>
                    <option value="fuel">Fuel</option>
                    <option value="Loose Cargo">Loose Cargo</option>
                </select>
            </td>
            <td><input type="text" class="span12 container_number" name="container[]" autocomplete="off"/></td>
            <td><input type="text" name="file_number[]" class="span12" autocomplete="off"/></td>
            <td><input type="text" class="span12" name="loading_date[]" required autocomplete="off"/></td>
            <td><input type="text" name="quantity[]" class="span12" required autocomplete="off"/></td>
            <td><input type="text" name="rate[]" class="span12" autocomplete="off"/></td>
            <td><textarea name="cargo[]" class="span12" rows="1"></textarea></td>
        </tr>
        </tbody>
        <thead>
        <tr>
            <th style="width: 8%">Route Nature</th>
            <th style="width: 20%">Client</th>
            <th style="width: 20%">Consignee</th>
            <th style="width: 15%">Destination</th>
            <th style="width: 10%" class="delivery_number_label">Delivery No.</th>
            <th style="width: 10%">Charges</th>
            <th style="width: 17%">Currency</th>
        </tr>
        </thead>
        <tbody id="containers_more">
        <tr>
            <td>
                <select name="route_type[]" style="width: 100%" required>
                    <option value="go">GO</option>
                    <option value="return">RETURN</option>
                </select>
            </td>
            <td>
                <select data-placeholder="Choose a Client..." name="client_id[]" style="width: 100%" required>
                    <option value=""></option>
                    @foreach($clients as $client)
                        <option value="{{$client->id}}">{{$client->name}}</option>
                    @endforeach
                </select>
            </td>
            <td><input type="text" name="consignee[]" class="span12" autocomplete="off"/></td>
            <td>
                <select data-placeholder="Choose a Destination..." name="destination_id[]" style="width: 100%" required>
                    <option value=""></option>
                    @foreach($cities as $city)
                        <option value="{{$city->id}}">{{$city->name}}</option>
                    @endforeach
                </select>
            </td>
            <td><input type="text" name="delivery_number[]" class="span12 delivery_number" autocomplete="off"/></td>
            <td><input type="text" name="amount[]" class="span12" required autocomplete="off"/></td>
            <td>
                <select name="currency[]" style="width: 100%" required>
                    <option value="USD">USD</option>
                    <option value="TSH">TSH</option>
                </select>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="divider15"></div>
</div>
<div class="hide" id="own_construct">
    <div class="row-fluid">
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Truck</label>

                <div class="span8">
                    <select class="rout_assignment_single" name="vehicle_id" id="vehicle_id" style="width: 100%"
                            required>
                        <option value=""></option>
                        @foreach($trucks as $truck)
                            <option value="{{$truck->id}}">{{$truck->registration_number}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Trailer">Trailer</label>

                <div class="span8">
                    {{--<input type="text" name="trailer_id" class="span12 route_assignment_trailer_name" id="route_assignment_trailer_name">--}}

                    <select class="rout_assignment_single route_assignment_trailer_name" name="trailer_id"
                            id="route_assignment_trailer_name" style="width: 100%" required>
                        <option value=""></option>
                        @foreach($trailers as $trailer)
                            <option value="{{$trailer->id}}">{{$trailer->registration_number}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Driver">Driver</label>

                <div class="span8">
                    {{--<input type="text" name="driver" class="span12 route_assignment_driver_name" id="route_assignment_driver_name">--}}

                    <select class="rout_assignment_single route_assignment_driver_name" name="driver_id"
                            id="route_assignment_driver_name" style="width: 100%" required>
                        <option value=""></option>
                        @foreach($employees as $employee)
                            <option value="{{$employee->employee_id}}">{{$employee->full_name}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid ">
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Passport NO.</label>

                <div class="span8">
                    <input class="span12 route_assignment_driver_passport_number" type="text" name="passport_number"
                           id="route_assignment_driver_passport_number">
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Trailer">Passport Name</label>

                <div class="span8">
                    <input class="span12 route_assignment_driver_passport_name" type="text" name="passport_name"
                           id="route_assignment_driver_passport_name">
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Driver">Fuel</label>

                <div class="span8">
                    <input class="span12 " type="text" name="fuel_required">
                </div>
            </div>
        </div>
    </div>
</div>

<div class="hide" id="loading">
    <div class="row-fluid">
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Truck</label>

                <div class="span8">
                    <select class="rout_assignment_single" name="vehicle_id" id="vehicle_id" style="width: 100%"
                            required>
                        <option value=""></option>
                        @foreach($loading_trucks as $truck)
                            <option value="{{$truck->loading_order_item_id}}-{{$truck->id}}">{{$truck->registration_number}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Trailer">Trailer</label>

                <div class="span8">
                    {{--<input type="text" name="trailer_id" class="span12 route_assignment_trailer_name" id="route_assignment_trailer_name">--}}

                    <select class="rout_assignment_single route_assignment_trailer_name" name="trailer_id"
                            id="route_assignment_trailer_name" style="width: 100%" required>
                        <option value=""></option>
                        @foreach($trailers as $trailer)
                            <option value="{{$trailer->id}}">{{$trailer->registration_number}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Driver">Driver</label>

                <div class="span8">
                    {{--<input type="text" name="driver" class="span12 route_assignment_driver_name" id="route_assignment_driver_name">--}}

                    <select class="rout_assignment_single route_assignment_driver_name" name="driver_id"
                            id="route_assignment_driver_name" style="width: 100%" required>
                        <option value=""></option>
                        @foreach($employees as $employee)
                            <option value="{{$employee->employee_id}}">{{$employee->full_name}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid ">
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Passport NO.</label>

                <div class="span8">
                    <input class="span12 route_assignment_driver_passport_number" type="text" name="passport_number"
                           id="route_assignment_driver_passport_number">
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Trailer">Passport Name</label>

                <div class="span8">
                    <input class="span12 route_assignment_driver_passport_name" type="text" name="passport_name"
                           id="route_assignment_driver_passport_name">
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Driver">Fuel</label>

                <div class="span8">
                    <input class="span12 " type="text" name="fuel_required">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="hide" id="sub_construct">
    <div class="row-fluid">
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Sub-Constructor</label>

                <div class="span8">
                    <select name="vendor_id[]" style="width: 100%" required>
                        <option value=""></option>
                        @foreach($vendors as $vendor)
                            <option value="{{$vendor->id}}">{{$vendor->name}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Rate</label>

                <div class="span8"><input type="text" name="sub_constructor_rate"></div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Payable Amount</label>

                <div class="span8"><input type="text" name="sub_constructor_amount"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Truck</label>

                <div class="span8">
                    <input class="form-control span12 " type="text" name="truck_registration_number">
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Trailer">Trailer</label>

                <div class="span8">
                    <input class="form-control span12 " type="text" name="trailer_registration_number"
                           id="trailer_registration_number">
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Driver">Driver</label>

                <div class="span8">
                    <input class="form-control span12 " type="text" name="driver_name">
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid ">
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Truck">Passport NO.</label>

                <div class="span8">
                    <input class="form-control span12 " type="text" name="passport_number">
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Driver">Driver Phone</label>

                <div class="span8">
                    <input class="form-control span12 " type="text" name="driver_phone_number">
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="par form-group">
                <label class="span4 control-label" for="Fuel">FUEL</label>

                <div class="span8">
                    <input class="form-control span12 " type="text" name="fuel_required">
                </div>
            </div>
        </div>
    </div>
</div>