@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('hse.incidents.index')}}">Incidents</a> <span class="divider">/</span></li>
        <li class="active">Defects</li>
    </ul>
@stop
@section('contentinner')

    <div class="tabbable">
        @include('workshops.incidents.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">
                        <li class="right btn-group">
                            <button class="btn" style="margin-right: 2px" onclick="create('{!! route('hse.incidents-jobscards.create',array('id'=>$vehicle_incident->id)) !!}')"><span
                                        class="iconsweets-create"></span>OPEN JOBCARD
                            </button>
                        </li>

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

                <table class="table table-bordered table-condensed logistics_table"
                       id="symptoms_problems_list">
                    <thead>
                    <tr>
                        <th class=" nosort" style="width: 05%"><input type="checkbox" class="checkall"/></th>
                        <th style="width: 70%">Defects</th>
                        <th style="width: 25%">Description</th>
                    </tr>
                    </thead>
                </table>
            </div><!--tab-pane-->
        </div>
    </div>

    <script>

        jQuery('#symptom_job_card').on('click', function () {
            var checked = jQuery('.maintenance_symptom_id:checked').length > 0;
            if (!checked) {
                var sound = document.getElementById("audio");
                sound.play();
                jQuery.jGrowl(' Please check at least one symptom ', {
                    theme: 'contrastBorder',
                    sticky: true
                });
                return false;
            }
            var maintenance_symptom_id = [];
            jQuery('.maintenance_symptom_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    maintenance_symptom_id.push(jQuery(this).val());
                }
            });
            jQuery.ajax({
                url: "{{route('invoices.create')}}",
                type: 'GET',
                data: {
                    maintenance_symptom_id: maintenance_symptom_id,
                    vehicle_incident: '{{$vehicle_incident->id}}}',
                    type: 'SYMPTOM'
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    stopSpinner();
                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');
                    onModalShown();

                    var form = modal.find('form');

                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        });

        var oTable = jQuery('#symptoms_problems_list').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No any somptom records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{route('hse.incidents.symptoms-datatable',array('id'=>$vehicle_incident->id))}}',
                    data: function (d) {}
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order":[[0,'asc']],
                "columns": [

                    {data: 'checkbox'},
                    {"class": "link", data: 'symptoms'},
                    {"class": "link", data: 'description'}
                ],
                "bStateSave": true
            });



    </script>
@stop