@extends('layouts.main')
@section('title')
    Tyre Purchase Orders
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Tyre Managements</a> <span class="divider">/</span></li>
        <li class="active">Tyre Purchase Orders</li>
    </ul>
@stop

@section('msghead_menu')
    <li class="right btn-group">
        <button class="btn" style="margin-right: 2px" id="receive_goods"> RECEIVE GOODS</button>
        <button class="btn" style="margin-right: 2px" id="close_purchase_order"> CLOSE ORDER</button>
        <button class="btn" style="margin-right: 2px"> SEND PO</button>
        <button class="btn" style="margin-right: 2px" onclick="modelShow('purchase_order_modal')">
            <span class="icon icon-list"></span>
            CREATE PURCHASE ORDER
        </button>
    </li>
@stop

@section('contentinner')
    <style>
        .highlight-red {
            background-color: #db504b !important;
            color: #ffffff !important;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">

            <table class="table table-bordered table-condensed" width="100%" id="tire_purchase_orders">
                <thead>
                <tr>
                    <th class="nosort" style="width: 10px;"><input type="checkbox" class="checkall"/></th>
                    <th style="width: 80px;">ORDER NO.</th>
                    <th style="width: 150px;">Date</th>
                    <th>Created By</th>
                    <th>Vendors</th>
                    <th>Description</th>
                    <th>Quantity</th>
                    <th>Received</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->

    @include('tyres.includes.purchase_order_modals')


    <script>
        var oTable = jQuery('#tire_purchase_orders').
        on('error.dt', function (e, settings, techNote, message) {
            console.log(message);
            notify('Error Loading goods Issued Note List');
        })
            .DataTable({
                lengthMenu: [
                    [10, 50, 100],
                    ['10 Orders', '50 Orders', '100 Orders']
                ],
                "oLanguage": {
                    "sLoadingRecords": "Please wait - loading Purchase Orders Records...",
                    "sZeroRecords": "No Purchase Orders records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display.",
                    "sInfo": "Got a total of _TOTAL_ tire Orders to show (_START_ to _END_)",
                    "sInfoFiltered": " - filtering from _MAX_ records"
                },
                ajax: {
                    url: '{{route('tire-purchase-order-datatable.index')}}',
                    data: function (d) {
//                            d.route_number = jQuery('#route_number').val();
                    },
                    error: function (xhr, textStatus, error) {
//                            alert(textStatus);
                        oTable.fnProcessingIndicator(false);
                    }
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "aoColumnDefs": [{
                    "aTargets": [6],
                    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                        jQuery(nTd).css('text-align', 'right');
                        if (sData == 0) {
                            jQuery(nTd).addClass('highlight-red')
                        }
                    }
                }],
                "columns": [
                    {data: 'checkbox'},
                    {"class": "link", data: 'order_number'},
                    {"class": "link", data: 'date'},
                    {"class": "link", data: 'created_by'},
                    {"class": "link", data: 'vendors'},
                    {"class": "link", data: 'description'},
                    {"class": "link", data: 'quantity'},
                    {"class": "link", data: 'received'},
                    {"class": "link", data: 'status'},
                    {"class": "link", data: 'action'}
                ],
                "fnDrawCallback":function () {

                    jQuery('.edit_tire_order').on('click',function () {
                        var order_pr = jQuery(this).parents('tr');
                        var purchase_order_id = order_pr.find('.purchase_order_id').val();
                        var edit_url = "{{ route('tires.purchase-orders.edit', [":id"]) }}";
                        var edit_url_ = edit_url.replace(':id',purchase_order_id);
                        jQuery.ajax({
                            url: edit_url_,
                            type: 'get',
                            data: {
                                purchase_order_id:purchase_order_id
                            },
                            success: function (data) {
                                jQuery('#edit_tire_order_modal_body').empty().append(data);
                                jQuery('#edit_tire_order_modal').appendTo("body").modal('toggle');
                            },
                            error: function (data) {
                                console.log('Error: ');
                                console.log(data);
                                jQuery.jGrowl('Error: Something went wrong');
                            }
                        });
                    });


                    jQuery('.delete_tire_order').on('click',function (e) {
                    e.preventDefault();
                        var order_pr = jQuery(this).parents('tr');
                        var purchase_order_id = order_pr.find('.purchase_order_id').val();
                        var delete_url = "{{ route('tires.purchase-orders.destroy', [":id"]) }}";
                        var delete_url_ = delete_url.replace(':id',purchase_order_id);
                        jConfirm('ARE YOU SURE, YOU WANT TO DELETE ' + name, 'DELETE', function (r) {
                            if (r == true) {
                                jQuery.ajax({
                                    url: delete_url_,
                                    type: 'delete',
                                    data: {
                                        purchase_order_id:purchase_order_id
                                    },
                                    cache: false,
                                    success: function (data) {
                                        if(data=="DONE"){
                                            oTable.draw();
                                            jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} TIRE PURCHASE ORDER IS DELETED SUCCESSFUL ', {
                                                theme: 'contrastBorder',
                                                sticky: true
                                            });}
                                        else{
                                            jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} FAILED TO DELETE PURCHASE ORDER! ', {
                                                theme: 'contrastBorder',
                                                sticky: true
                                            });
                                        }

                                    }
                                });
                            }
                        });

                    });
                },
                "bStateSave": true
            });


        jQuery('#tire_order_form').on('submit',function(e){
            e.preventDefault();
            var url="{{route('tire-purchase-order.store')}}";
            var formData=jQuery('#tire_order_form').serialize();
            jQuery.ajax({
                url:url,
                type: 'post',
                data: formData,
                cache: false,
                success: function (data) {
                    oTable.draw();
                    if(data=="ERROR"){
                        jQuery.jGrowl('FILL ALL REQUIRED FIELDS', {
                            theme: 'contrastBorder',
                            sticky: true

                        });
                    }else{
                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} TIRE RECEIVED ', {
                            theme: 'contrastBorder',
                            sticky: true
                        });

                        jQuery('#purchase_order_modal').modal('toggle');
                    }
                    console.log(data);
                }
            });
        });


        function checkedOrders() {
            var checked = [];
            jQuery('.purchase_order').each(function () {
                if (jQuery(this).is(':checked')) {
                    checked.push(jQuery(this).val());
                }
            });
            return checked;
        }


        jQuery('#receive_goods').click(function () {
            var checked_orders = checkedOrders();
            if (checked_orders.length != 1) {
                jAlert("PLEASE CHECK ON PURCHASE ORDER TO CONTINUE", 'SELECTION DIALOG');
                return false;
            }

            jQuery.ajax({
                type: "get",
                cache: false,
                url: "{{route('tires.purchase-orders.goods-received-notes.create')}}",
                data: {
                    purchase_order_id: checked_orders
                },
                success: function (data) {
                    jQuery('#tire_order_goods_received_note_modal').appendTo("body").modal('toggle');
                    jQuery('#tire_order_goods_received_notes').empty().append(data);

                },
                error: function (data) {

                }
            });
            return false;
        });




        {{--jQuery('#close_purchase_order').click(function () {--}}
            {{--var checked_orders = checkedOrders();--}}
            {{--if (checked_orders.length == 0) {--}}
                {{--jAlert("Please Check  atleast Single Order to Continue", 'SELECTION DIALOG');--}}
                {{--return false;--}}
            {{--}--}}
            {{--jQuery.ajax({--}}
                {{--url: '{{route('fuels.purchase-orders.close')}}',--}}
                {{--type: 'post',--}}
                {{--data: {--}}
                    {{--order_id: checked_orders--}}
                {{--},--}}
                {{--success: function (html) {--}}
                    {{--if (html == 'DONE') {--}}
                        {{--jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} ORDER(s) CLOSED', {--}}
                            {{--theme: 'contrastBorder',--}}
                            {{--sticky: true--}}
                        {{--});--}}
                        {{--jQuery('#fuel-orders-lists').dataTable().fnFilter(this.value);--}}
                    {{--} else if (html == 'FAIL') {--}}
                        {{--alert("FAIL TO CLOSE ORDER(s).");--}}
                    {{--}--}}
                {{--}--}}
            {{--});--}}
            {{--return false;--}}

        {{--});--}}
    </script>
@stop