@extends('workshops.work_orders.profile.includes.profile_tab')
@section('work_order')
    <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">
                                <a class="btn btn-default"
                                   onclick="create('{{route('workshops.work_orders.parts.create',['id'=>$work_order->id])}}')"
                                   style="margin: 2px;color: #FFFFff">
                                    <i class="iconfa-plus-sign"></i> ADD PARTS
                                </a>
                            </li>
                        </ul>
                        <span class="clearall"></span>
                    </div><!--msghead-->
                    <br>
                    <table class="table table-1 table-bordered table-condensed" style="width: 100%"
                           id="maintenance_task_list">
                        <thead>
                        <tr>
                            <th style="width: 57%">Parts</th>
                            <th style="width: 10%">Quantity</th>
                            <th style="width: 10%">Rate</th>
                            <th style="width: 12%">Amount</th>
                            <th style="width: 3%">Amount</th>
                        </tr>
                        </thead>
                    </table>

                </div><!--widgetcontent-->
            </div><!--span6-->
        </div><!--row-fluid-->
    </div>
    <script>
        var mainDataTable = jQuery('#maintenance_task_list').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            jQuery.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No Goods Received Note to Display.",
                    "sInfoEmpty": "No entries to display."
                },
                ajax: {
                    url: '{{route('workshops.work_orders.parts.index.data_table',['id'=>$work_order->id])}}',
                    data: function (d) {
                    }
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "aoColumnDefs": [{
                    "aTargets": [2],
                    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                        jQuery(nTd).css('text-align', 'right');
                        if ((sData == 0.00)) {
                            jQuery(nTd).addClass('highlight-red')
                        }
                    }
                },{
                    "aTargets": [3],
                    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                        jQuery(nTd).css('text-align', 'right');
                        if ((sData == 0.00)) {
                            jQuery(nTd).addClass('highlight-red')
                        }
                    }
                }],
                "columns": [
                    {"class": "link", data: 'item'},
                    {"class": "link", data: 'quantity'},
                    {"class": "link", data: 'rate'},
                    {"class": "link", data: 'amount'},
                    {"class": "link", data: 'actions'}
                ],
                "bStateSave": true
            });

        jQuery('#maintenance_task_list').on('dblclick', 'tr', function () {
            var work_order_service_id = mainDataTable.row(this).data().work_order_service_id;
            var url = "{{route('workshops.work_orders.services.edit',[':id'])}}";
            url = url.replace(":id", work_order_service_id);
            edit(url)
        });

    </script>
@stop