@extends('workshops.work_orders.includes.work_order_tab')
@section('services')
    <div class="tab-pane active">
        <div class="row-fluid">
            <div class="span12">

                <div class="widgetcontent">
                    <div class="msghead">
                        <ul class="msghead_menu">
                            <li class="right btn-group">
                                <button onclick="create('{{route('workshops.work_orders.create')}}')" class="btn"><span
                                            class="iconsweets-create"></span> CREATE SERVICE
                                </button>
                            </li>
                        </ul>
                        <span class="clearall"></span>
                    </div><!--msghead-->
                    <br>
                    <table class="table table-bordered" id="vehicle_service_list">
                        <thead>
                        <tr>
                            <th>Vehicle</th>
                            <th>Driver</th>
                            <th>Date</th>
                            <th>Km run</th>
                            <th>Trips</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                    </table>
                </div><!--widgetcontent-->
            </div><!--span6-->
        </div><!--row-fluid-->
    </div>
    <script>
        var mainDataTable = jQuery('#vehicle_service_list').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading records...",
                "sZeroRecords": "No records to display.",
                "sProcessing": "Please wait - loading records...",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{{route('workshops.work_orders.index.data_tables')}}',
//                    data: function (d) {
//                        d.starting_date = jQuery('#starting_date').val();
//                        d.expire_date = jQuery('#expire_date').val();
//                        d.permit_type = jQuery('#select').val();
//                        d.search = jQuery('div.dataTables_filter input').val();
//                    }
            },
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                {data: 'vehicle'},
                {data: 'driver'},
                {data: 'date'},
                {data: 'odometer'},
                {data: 'trips'},
                {data: 'status'},
                {data: 'action'}
            ],
            "bStateSave": true,
        });


        function openServiceModel1(service_id) {
            serviceGeneralTab(service_id);
            serviceLabours(service_id);
            serviceMaterial(service_id);
            serviceOtherCost(service_id);
            jQuery('#openServiceModel').appendTo("body").modal('toggle');
        }
        function serviceGeneralTab(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.show')}}",
                data: {service_id: service_id},
                success: function (data) {
                    jQuery('#all_details').empty().append(data);
                }
            })
        }
        function serviceLabours(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.labour.index')}}",
                data: {service_id: service_id},
                success: function (data) {
                    if (data == 'NOTHING') {
                        jQuery('#item_tab').addClass('disable');
                    } else {
                        jQuery('#service_labour_cost_body').empty().append(data);
                    }

                }
            })
        }
        function serviceMaterial(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.material.index')}}",
                data: {service_id: service_id},
                success: function (data) {
                    if (data == 'NOTHING') {
                        jQuery('#item_tab').addClass('disable');
                    } else {
                        jQuery('#service_material_cost_body').empty().append(data);
                    }

                }
            })
        }
        function serviceOtherCost(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.other-cost.index')}}",
                data: {service_id: service_id},
                success: function (data) {
                    if (data == 'NOTHING') {
//                        jQuery('#item_tab').addClass('disable');
                    } else {
                        jQuery('#service_other_cost_body').empty().append(data);
                    }

                }
            })
        }
        function closeService(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('vehicle.service.close')}}",
                data: {service_id: service_id},
                success: function (data) {
                    location.reload();

                }
            })
        }
    </script>
@stop