@extends('layouts.main')
@section('contentinner')
    <div class="maincontent">
        <div class="contentinner" id="contentinner">

            <h4 class="widgettitle form-inline">Inspection Sheet </h4>

            <div class="row-fluid">
                <form class="form">
                    <table class="table">
                        <tr>
                            <td>&nbsp;</td>
                            <td>
                        <span class="formwrapper">
                            <select data-placeholder="Select Vehicle.." style="width:350px" class="chzn-select"
                                    name="vehicle_id" id="vehicle_id"
                                    tabindex="2">
                                <option value="" id="vehicle_id_default"></option>
                                @foreach($vehicles as $vehicle)
                                    <option value="{{$vehicle->id}}">{{$vehicle->registration_number}}</option>
                                @endforeach
                            </select>
                            </span>
                            </td>
                            <td>
                           <span class="formwrapper">
                            <select data-placeholder="Select Driver Name..." style="width:350px" class="chzn-select"
                                    name="employee_id" id="employee_id"
                                    tabindex="2">
                                <option value="" id="employee_id_default"></option>
                                @foreach($employees as $employee)
                                    <option value="{{$employee->employee_id}}">{{$employee->fullName}}</option>
                                @endforeach
                            </select>
                            </span>
                            </td>
                            <td>
                                <input type="text" id="assigned_date" name="assigned_date"
                                       class="filekeyword datepicker"
                                       placeholder="Search file here" required/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <input type="submit" class="btn" value="GENERATE INSPECTION SHEET" style="width: 100%">
                            </td>
                        </tr>
                    </table>
                </form>
            </div>

        </div>
    </div>


<!--<style>-->
<!--    .sortlist > li.ui-sortable-helper { opacity: 0.5; }-->
<!--    .sortlist > li span { opacity: 0.3; margin: -1px 5px 0 0; }-->
<!--    /*.sortlist > li div.label { display: block; padding: 10px; border: 1px solid #bbb; text-shadow: none; color: #666; position: relative; }*/-->
<!--    /*.sortlist > li div.label .showcnt {*/-->
<!--    /*position: absolute; display: block; top: 12px; right: 5px; opacity: 0.3; }*/-->
<!--    /*.sortlist > li div.label .showcnt:hover { opacity: 0.6; cursor: pointer; }*/-->
<!---->
<!--    .sortlist > li div.details { border: 1px solid #bbb; border-top: 0;  background: #fcfcfc; display: none; }-->
<!--    .sortlist > li div.details p { margin: 2px 0; }-->
<!---->
<!--    .sortlist{-->
<!--        color: #999;-->
<!--        text-transform: uppercase;-->
<!--        text-shadow: 1px 1px rgba(255,255,255,0.3);-->
<!--    }-->
<!--    .sortlist ul{-->
<!--        color: #999;-->
<!--        text-transform: uppercase;-->
<!--        text-shadow: 1px 1px rgba(255,255,255,0.3);-->
<!--    }-->
<!--    div.sortlist { font-size: 12px; font-weight: bold; }-->
<!--</style>-->
<!--<div  class="widgetcontent">-->
<!---->
<!--    <ul id="sortable2" class="sortlist">-->
<!--        <li>-->
<!--            <div class="label">-->
<!--                <span class="icon-arrow-down showcnt"></span>-->
<!--                Inspection Sheet-->
<!--            </div><!--label-->-->
<!---->
<!--            <div class="details">-->
<!--                <p>-->
<!--                <table class="table table-1">-->
<!--                    <tr>-->
<!--                        <th>&nbsp;</th>-->
<!--                        <th> Vehicle</th>-->
<!--                        <th> Inspector</th>-->
<!--                        <th> Date</th>-->
<!--                        <th> Odometer</th>-->
<!--                    </tr>-->
<!--                    <tr>-->
<!--                        <td>&nbsp;</td>-->
<!--                        <td>-->
<!--                                    <span class="formwrapper">-->
<!--                                        <select data-placeholder="Select Vehicle.." style="width:250px"-->
<!--                                                class="chzn-select"-->
<!--                                                name="vehicle_id" id="vehicle_id"-->
<!--                                                tabindex="2">-->
<!--                                            <option value="" id="vehicle_id_default"></option>-->
<!--                                            @foreach($vehicles as $vehicle)-->
<!--                                            <option value="{{$vehicle->id}}">{{$vehicle->registration_number}}</option>-->
<!--                                            @endforeach-->
<!--                                        </select>-->
<!--                                        </span>-->
<!--                        </td>-->
<!--                        <td>-->
<!--                                       <span class="formwrapper">-->
<!--                                        <select data-placeholder="Select Inspector Name..." style="width:250px"-->
<!--                                                class="chzn-select"-->
<!--                                                name="inspector" id="employee_id"-->
<!--                                                tabindex="2">-->
<!--                                            <option value="" id="employee_id_default"></option>-->
<!--                                            @foreach($employees as $employee)-->
<!--                                            <option value="{{$employee->employee_id}}">{{$employee->fullName}}</option>-->
<!--                                            @endforeach-->
<!--                                        </select>-->
<!--                                        </span>-->
<!--                        </td>-->
<!--                        <td>-->
<!--                            <input type="text" id="assigned_date" name="date"-->
<!--                                   class="filekeyword datepicker"-->
<!--                                   placeholder="Date" required/>-->
<!--                        </td>-->
<!--                        <td>-->
<!--                            <input type="text" id="current_kilometer_run" class="filekeyword" name="mileage"-->
<!--                                   required-->
<!--                                   {{ (!empty($lastInspection)) ? "value=".$lastInspection->kilometer_run : "value='0'" }} />-->
<!--                            <input type="hidden" id="last_kilometer_run" name="kilometer_run"-->
<!--                                   {{ (!empty($lastInspection)) ? "value=".$lastInspection->kilometer_run : "value='0'" }}/>-->
<!--                        </td>-->
<!--                    </tr>-->
<!--                    <tr>-->
<!--                        <td colspan="5">-->
<!--                            <input type="button" class="btn" value="GENERATE INSPECTION SHEET" id="generate_inspection_sheet" style="width: 100%">-->
<!--                        </td>-->
<!--                    </tr>-->
<!--                </table>-->
<!--                </p>-->
<!--            </div><!--details-->-->
<!---->
<!--        </li>-->
<!--    </ul>-->
<!--</div>-->
@stop