@extends('layouts.main')
@section('title')
    Inspection Sheets
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Workshops</a> <span class="divider">/</span></li>
        <li class="active">Inspection Sheets</li>
    </ul>
@stop
@section('msghead_menu')
    <style>
    /*#logistics_modal {*/
    /*width: 95%;*/
    /*margin-left: -32%;*/
    /*}*/
    </style>
    <li class="right btn-group">
        <div class="btn-group">
{{--            @if(\Illuminate\Support\Facades\Auth::user()->id == 19)--}}
{{--                <a  class="btn"  style="margin-right: 2px" href="{{route('workshops.inspections.create')}}">--}}
{{--                   </i> &nbsp;NEW INSPECTION </a>--}}
{{--            @endif--}}
                <button class="btn" style="margin-right: 2px" onclick="create('{!! route('workshops.inspections.create') !!}')"><span>NEW INSPECTION</span>
                </button>

        </div>
    </li>

@stop
@section('contentinner')
    <style>
        table tbody td .number {
            text-align: right;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed" id="vehicle_inspection_sheets">
                <thead>
                <tr>
                    <th class="nosort" style="width: 2%"><input type="checkbox" class="checkall"/></th>
                    <th style="width: 5%"> Insp#.</th>
                    <th style="width: 8%"> Date</th>
                    <th style="width: 8%">Vehicle</th>
                    <th style="width: 8%">Trailer</th>
                    <th style="width: 20%">Driver</th>
                    <th style="width: 15%">Inspected By</th>
                    <th style="width: 13%">Created By</th>
                    <th style="width: 5%">Odometer</th>
                    <th style="width: 25%">Action</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->


    <form method="post" id="attachment_form" enctype="multipart/form-data" style="display:none">
        <input type="file" name="file">
    </form>
    <script>

        if(((window.screen.width * window.devicePixelRatio) >= 1440) && ((window.screen.height * window.devicePixelRatio) >= 900)){
            jQuery('#larger_screen_button').attr('style', 'display: none').trigger('change');
        }else{
            jQuery('#small_screen_button').attr('style', 'display: none').trigger('change');
        }



        var attachment_form = $('#attachment_form');
        var file_field = attachment_form.find('input:file');
        function uploadInspectionPrintout(url) {
            attachment_form.attr('action', url);
            file_field.trigger('click');
            file_field.change(function () {
                if (file_field.val()) {
                    $.ajax({
                        url: attachment_form.attr('action'),
                        data: new FormData($("#attachment_form")[0]),
                        dataType: 'json',
                        async: false,
                        type: 'post',
                        processData: false,
                        contentType: false,
                        beforeSend: function () {
                            startSpinner()
                        },
                        success: function (data) {
                            onAjaxSuccess(data);
                            if (data.state == 'Done') mainDataTable.draw();
                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error)
                        },
                        complete: function () {
                            stopSpinner();
                            file_field.val(null)
                        }
                    });
                }
            });
        }

        var mainDataTable = jQuery('#vehicle_inspection_sheets').DataTable({
            "oLanguage": {
                "sLoadingRecords": startSpinner(),
                "sZeroRecords": "No vehicle Inspections records to display.",
                "sProcessing": "Please wait - loading records...",
                "sInfoEmpty": "No entries to display."
            },
            "initComplete": function (settings, json) {
                stopSpinner();
            },
            ajax: {
                url: '{{route('workshops.vehicle_inspections.datatable')}}',
                data: function (d) {
                    d.client_id = jQuery('#name').val();
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "order": [[1, "desc"]],
            "columns": [
                {data: 'checkbox'},
                {"class": "link", data: 'id'},
                {"class": "link", data: 'date'},
                {"class": "link", data: 'truck'},
                {"class": "link", data: 'trailer'},
                {"class": "link", data: 'driver'},
                {"class": "link", data: 'inspector'},
                {"class": "link", data: 'created_by'},
                {"class": "link", data: 'odometer'},
                // {"class": "link", data: 'remarks'},
                // {"class": "link", data: 'status'},
                    {{--@if($show_action_column)--}}
                {
                    "class": "link", data: 'action'
                }
                {{--@endif--}}
            ],
            "bStateSave": true
        });


        jQuery('#create_service_from_inspection').on('click', function (e) {
            e.preventDefault();
            var inspection_id = jQuery(this).data('value');
            jQuery.ajax({
                type: "get",
                url: "{{route('inspections.services.create')}}",
                data: {inspection_id: inspection_id},
                success: function (data) {
                    openServiceModel1(data)
                }
            })
        });

        function createServiceFromInspection(inspection_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('inspections.services.create')}}",
                data: {inspection_id: inspection_id},
                success: function (data) {
                    jQuery('#create_service_from_inspection_body').empty().append(data);
                    jQuery('#create_service_from_inspection_modal').appendTo("body").modal('toggle');
                }
            })
        }
    </script>
    <script>
        jQuery('#driver_id').select2();
        jQuery('.datepicker').datepicker();

        jQuery('.remove_sub_service').on('click', function () {
            jQuery(this).parent().parent().remove();
        });
        jQuery('#add_sub_service').on('click', function () {

            var addRow = jQuery('#non_schedule_sub_service_details').html();
            jQuery('#non_schedule_sub_service_body').prepend(addRow);

            jQuery('.remove_sub_service').on('click', function () {
                jQuery(this).parent().parent().remove();
            });
        });

        function openServiceModel1(service_id) {
            jQuery('#openServiceModel').appendTo("body").modal('toggle');
        }

    </script>
@stop