{{--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'=>'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" id="loading_cargo_body">
    </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 aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" class="modal hide fade in"
     id="route_assignment_close_model">
    <!-- Modal content-->
    <div class="modal-header" style="background: #50A6C6">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4>CLOSE ROUTE</h4>
    </div>
    <form class="form-horizontal stdform" id="neRoute"  method="post">
        <div class="modal-body" id="route_assignment_close_model_body">

        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <p class="stdformbutton pull-right">
                        <button class="btn btn-primary" type="submit">CLOSE ROUTE</button>
                        <button type="reset" class="btn  btn-primary" data-dismiss="modal">Close</button>
                    </p>
                </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 class="container_label" style="width: 20%">Cont. No.</th>
            <th style="width: 8%">Cont. Size</th>
            <th style="width: 20%">File No.(D.O.N)</th>
            <th style="width: 15%">Loading Date</th>
            <th class="quantity_label" style="width: 10%">Tonnage</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><input type="text" class="span12 container_number" name="container[]" autocomplete="off"/></td>
            <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>
                </select>
            </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>

        </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>