@extends('layouts.main_without_top_button')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('workshops.inspections.index')}}">Inspections</a> <span class="divider">/</span></li>
        <li class="active">Manage </li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        @include('workshops.inspections.profile.includes.tabs')
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active">

                <div class="msghead" style="margin-bottom: 4px;margin-top: -20px;">
                    <ul class="msghead_menu">
                        @if(!empty($vehicle_inspection_service[0]))
                        <li class="right btn-group">
                            <a class="btn " target="_blank" href="{{ route('workshops.inspection_sheets.results-print', array('id' => $vehicle_inspection_sheet->id))  }} " style="margin-left: 2px"><i class="iconsweets-printer"></i> Print</a>
                        </li>
                        @else
                        <li class="right btn-group">
                            <button onclick="modelShow('addDeffect')" class="btn pull-right">
                                <span class="iconsweets-create"></span> Add Result(s)
                            </button>
                        </li>
                          @endif
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->

                <div id="advanced_search" class="sidenav">
                    <a href="javascript:void(0)" class="closebtn" onclick="closeAdvancedSearch()">&times;
                    </a>

                    <div style="margin-bottom: 8px">

                    </div>
                </div>
                  <br/>
                 @if(!empty($vehicle_inspection_sheet_results[0]))
                <table class="table  table-condensed logistics_table"  style="border: 0"
                       id="inspection_sheet_results_list_table">
                    <thead>
                    <tr>
                        {{--<th style="width: 30%">Parameters</th>--}}
                        {{--<th style="width: 25%">Results</th>--}}
                        {{--<th style="width: 25%">Services</th>--}}
                        {{--<th style="width: 20%">Remarks</th>--}}

                    </tr>
                    </thead>
                    <tbody>
                    @foreach($vehicle_inspection_sheet_results as $result)
                    <tr>
                        <td>{{ $result->truckMaintenanceParameter->name }}</td>

                    </tr>
                      <tr>
                        <td style="padding-left: 100px">
                            <table style="border: 0">
                                <tr>
                                    <td> Result : {{ $result->possible_results }}</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-left: 100px">
                            <table style="border: 0">
                                    <tr>
                                        <td> Remarks : {{ $result->remarks }}</td>
                                    </tr>
                            </table>
                        </td>
                    </tr>
                        <tr>
                            <td style="padding-left: 100px">
                                <table style="border: 0">
                                    @foreach($result->vehicleInspectionResultServices as $service)
                                        <tr>
                                            <td>{{ $service->getServiceNameAttribute() }}</td>
                                        </tr>
                                    @endforeach
                                </table>
                            </td>
                        </tr>

                    @endforeach
                    </tbody>
                </table>
                @else
                    <div class="alert-info" style="text-align: center;">
                        <h3><i> No any result to display</i></h3>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in modal-1"
         id="addDeffect">
        <!-- Modal content-->
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>MANAGE INSPECTION FORM</h4>
        </div>

        <form method="POST" action="{{ route('workshops.inspection_sheets.results-store') }}" accept-charset="UTF-8" autocomplete="off">
            {{ csrf_field() }}
            <div class="modal-body">
                <div class="row-fluid">
                    <div class="span12">

                            <table  class="table table-bordered table-condensed" style="line-height: 20px;margin-top: 10px">
                                <thead>
                                <th>Categories</th>
                                <th></th>
                                <th>Paramters</th>
                                <th>Results</th>
                                <th>Services</th>
                                <th>Remarks</th>
                                </thead>

                                <tbody>

                                @foreach($vehicle_inspection_driver_complains as $inspection)

                                    <tr>
                                        <td width="100%" colspan="5"><b>{{ strtoupper($inspection->category->name) }}</b></td>
                                    </tr>
                                    @foreach($inspection->vehicleInspectionSheetParameters as $index=> $service)
                                        <tr>
                                            <td width="3%" style="vertical-align: top">&nbsp;</td>
                                            <td width="3%" style="vertical-align: top">{{++$index}}</td>
                                            @if($service->parameter->question_type == 'YES/NO')
                                                <td width="44%"><input type="hidden" name="vehicle_inspection_sheet_parameter_id[]" value="{{ $service->parameter->id }}">{{$service->parameter->name}}</td>
                                                <td width="15%">
                                                    <select class="select2" name="results[]">
                                                        <option value="YES">YES</option>
                                                        <option value="NO">NO</option>
                                                    </select>
                                                </td>
                                                <td width="35%">
                                                    <select {{ $service->parameter->question_type == 'YES/NO' ? 'required' : '' }} multiple name="service_id[{{$service->parameter->id}}][]" class="select2" id="service_id" style="width: 100%">
                                                        <option  id="service_id"></option>
                                                        @foreach($services as $service1)
                                                            <option value="{{$service1->id}}">{{$service1->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td width="35%">
                                                    <textarea {{ $service->parameter->question_type == 'YES/NO' ? 'required' : '' }} name="remarks[]"></textarea>
                                                </td>

                                            @elseif($service->parameter->question_type == 'EXPLANATION')
                                                <td><input type="hidden" name="vehicle_inspection_sheet_parameter_id[]" value="{{ $service->parameter->id }}">{{$service->parameter->name}}</td>
                                                <td colspan="1">
                                         <textarea name="results[]">
                                        </textarea></td>
                                                <td width="35%">
                                                    <select {{ $service->parameter->question_type == 'EXPLANATION' ? 'required' : '' }} multiple name="service_id[{{$service->parameter->id}}][]" class="select2" id="service_id" style="width: 100%">
                                                        <option value="" id="service_id"></option>
                                                        @foreach($services as $service1)
                                                            <option value="{{$service1->id}}">{{$service1->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td width="35%">
                                                    <textarea {{ $service->parameter->question_type == 'EXPLANATION' ? 'required' : '' }} name="remarks[]" value="" style="display: none;"></textarea>
                                                </td>
                                                {{--<td colspan="8">--}}
                                                    {{--<button type="button" class="btn btn-xs defects_row_adder pull-right"> Add </button>--}}
                                                    {{--<span class="pull-right">&nbsp;</span>--}}
                                                {{--</td>--}}

                                            @elseif($service->parameter->question_type == 'MULTIPLE CHOICE')

                                            @else

                                            @endif
                                            <input type="hidden" value="{{ $vehicle_inspection_sheet->id }}" name="vehicle_inspection_sheet_id"/>
                                        </tr>
                                    @endforeach
                                    <tr>
                                        <td width="100%" colspan="5">&nbsp;</td>
                                    </tr>

                                @endforeach
                                </tbody>
                            </table>

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Save</button>
                <button type="button" class="btn " data-dismiss="modal">Close</button>
            </div>
        </form>
    </div>


    <script>
        jQuery('.select2').select2();


    </script>

@stop