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

            <div class="tabbable">
                <ul class="nav nav-tabs">
                    <li><a href="{{ route('vehicles.show',array('id'=>$vehicle->id)) }}"> General </a></li>
                    <li class=""><a href="{{ route('vehicles.images',array('id'=>$vehicle->id)) }}"> Images </a></li>
                    <li class=""><a href="{{ route('vehicles.documents',array('id'=>$vehicle->id)) }}"> Documents </a>
                    </li>
                    <li class=""><a href="{{ route('vehicles.routes',array('id'=>$vehicle->id)) }}"> Routes </a></li>
                    <li class=""><a href="{{ route('vehicles.fuel',array('id'=>$vehicle->id)) }}"> Fuel </a></li>
                    <li class=""><a href="{{ route('vehicles.drives-history',array('id'=>$vehicle->id)) }}"> Drivers
                            History </a></li>
                    <li class=""><a href="{{ route('vehicles.driver-performances',array('id'=>$vehicle->id)) }}"> Driver
                            Performances </a></li>
                    <li class="active"><a href="{{ route('vehicles.inspection',array('id'=>$vehicle->id)) }}">
                            Inspection </a></li>
                    <li class=""><a href="{{ route('vehicles.maintenance',array('id'=>$vehicle->id)) }}">
                            Maintenance </a></li>
                    <li class=""><a href="{{ route('vehicles.permits',array('id'=>$vehicle->id)) }}"> Permits </a></li>
                </ul>



                <div class="tab-content">
                    <div class="tab-pane active">
                        <form method="POST"
                              action="{{ route('vehicles.inspecting',array('id'=>$vehicle->id)) }}">
                            {!! Form::token() !!}
                            <div class="mediamgr_head">
                                <ul class="mediamgr_menu">
                                    <li><label for="inspector">Inspector: </label></li>
                                    <li>
                                        <select id="filekeyword" name="inspector" class="filekeyword" required>\
                                            <option></option>
                                            @foreach($employees as $employee)
                                                <option value="{{$employee->employee_id}}">{{$employee->fullName}}</option>
                                            @endforeach
                                        </select>
                                    </li>
                                    <li class="marginleft15">
                                        <label for="data">Date:</label>
                                    </li>
                                    <li class="marginleft15 newfoldbtn">
                                        <input class="datepicker filekeyword" name="date" required>
                                    </li>
                                    <li class="marginleft5 trashbtn">
                                        <label for="milage">Mileage</label>
                                    </li>
                                    <li class="marginleft15 filesearch">
                                        <input type="text" id="current_kilometer_run" class="filekeyword" name="mileage"
                                               required
                                               @if(!empty($lastInspection))
                                               value="{{$lastInspection->kilometer_run}}"
                                               @else
                                               value="0"
                                                @endif
                                        />
                                        <input type="hidden" id="last_kilometer_run" name="kilometer_run"
                                               @if(!empty($lastInspection))
                                               value="{{$lastInspection->kilometer_run}}"
                                               @else
                                               value="0"
                                                @endif
                                        />
                                    </li>
                                </ul>
                                <span class="clearall"></span>
                            </div><!--mediamgr_head-->
                            <div class="row-fluid">
                                <div class="span12">
                                    @foreach($inspections as $inspection)
                                        <h4 class="widgettitle">{{$inspection->name}}</h4>
                                        <table class="table table-bordered  table-invoice"
                                               style="margin-top: -18px;margin-bottom: 10px;">
                                            <tbody>
                                            @foreach($inspection->parameters as $parameter)
                                                <tr>
                                                    <td class="width30">
                                                        <input type="hidden" name="parameters[]"
                                                               value="{{$parameter->id}}">
                                                        {{$parameter->name}}</td>
                                                    <td>
                                                        <input type="hidden" value="{{$parameter->status}}"
                                                               class="status_check"
                                                               name="status_check">
                                                        <select name="parameters_status[]" class="parameters_status">
                                                            <option></option>
                                                            <option value="Good"
                                                                    @if(($parameter->status) == 'Good')
                                                                    selected
                                                                    @endif
                                                            >Good
                                                            </option>
                                                            <option value="Bad"
                                                                    @if(($parameter->status) == 'Bad')
                                                                    selected
                                                                    @endif
                                                            >Bad
                                                            </option>
                                                            <option value="Worse"
                                                                    @if(($parameter->status) == 'Worse')
                                                                    selected
                                                                    @endif
                                                            >Worse
                                                            </option>
                                                        </select>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    @endforeach
                                </div>
                            </div>
                            <input type="submit" value="Submit Inspection" class="btn btn-default">
                        </form>
                    </div><!--tab-pane-->
                </div><!--tabcontent-->
            </div><!--tabbable-->

        </div><!--contentinner-->
    </div><!--maincontent-->
    <script>
        jQuery('#current_kilometer_run').on('change', function () {
            var changed_km = jQuery(this).val();
            var last_km = jQuery('#last_kilometer_run').val();

            if (last_km > changed_km) {
                alert("Last Invalid Mileage");
                jQuery(this).val('');
            }
        });
        jQuery('.parameters_status').on('change', function () {
            var td = jQuery(this).parent();
            var currentValue = jQuery(this).val();
            var lastValue = td.find('.status_check').val();

            if ((lastValue == 'Bad' & currentValue == 'Good')
                    || (lastValue == 'Worse' & currentValue == 'Good')
                    || (lastValue == 'Worse' & currentValue == 'Bad')) {

                alert('Did you change it');
            }
        });
    </script>
@stop