@extends('layouts.main')
@section('title')
    Fuel Purchase Orders
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Fuels Managements</a> <span class="divider">/</span></li>
        <li class="active">Fuels Purchase Orders</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        {{--<button class="btn" onclick="openAdvancedSearch()" style="margin-right: 4px">--}}
        {{--<span class="icon-search"></span> &nbsp; FILTER & PRINT--}}
        {{--</button>--}}
        <button class="btn msgtrash btn-danger" style="margin-right: 4px" id="delete_fuels_gin"><span
                    class="iconsweets-trashcan"></span>
        </button>
        <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('fuel_orders_form_modal_multipurpose')">
            <span class="icon-filter"></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="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>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->

    @include('fuel.includes.fuel_assignments_models')
    <script>
        jQuery('#multiple_fuel_order').each(function () {
            if (jQuery(this).attr('initialized') != 'true') {
                jQuery(this).click(function () {
                    generateFuelOrders();
                });
                jQuery(this).attr('initialized', 'true');
            }
        });

        jQuery(document).jkey('alt+g', function () {
            generateFuelOrders();
        });

        var oTable = jQuery('#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_ fuel Orders to show (_START_ to _END_)",
                        "sInfoFiltered": " - filtering from _MAX_ records"
                    },
                    ajax: {
                        url: '{{route('fuels.purchase_orders.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'}
                    ],
                    "bStateSave": true
                });

        jQuery('#fuel_purchase_orders').on('submit', function (e) {
            e.preventDefault();
            var this_form = jQuery(this);
            jQuery.ajax({
                url: this_form.attr('action'),
                type: 'post',
                data: this_form.serialize(),
                success: function (data) {
                    if(data=='FAIL'){
                        alert('FAIL TO CREATE PURCHASE ORDERS');
                    }else {
                        jQuery.jGrowl('PURCHASE ORDERS CREATED <a class="btn btn-mini" href="'+data+'" target="_blank">PRINT HERE</a>', {
                            theme: 'contrastBorder',
                            sticky: true
                        });

                        jQuery('#purchase_orders').dataTable().fnFilter(this.value);
                        this_form.find('input:text, input:password, input:file, select, textarea').val('');
                        this_form.find('input:radio, input:checkbox')
                                .removeAttr('checked').removeAttr('selected');
                        this_form.closest('.modal').modal('hide');
                    }

                }
            });
        });

        jQuery('#fuel_purchase_order_good_received_notes').on('submit', function (e) {
            e.preventDefault();
            var this_form = jQuery(this);
            jQuery.ajax({
                url: this_form.attr('action'),
                type: 'post',
                data: this_form.serialize(),
                success: function (data) {

                }
            });
        });

        jQuery('.delete_fuel_order').on('click', function () {
            var conf = confirm('Are you sure?');
            if (conf)
                var fuel_order_id = jQuery(this).parent().find('.fuel_order_id').val();

            jQuery.ajax({
                url: '{{route('fuels.purchase-orders.destroy')}}',
                type: 'post',
                data: {
                    fuel_order_id: fuel_order_id
                },
                success: function (data) {
                    if (data == 'DONE') {
                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} ORDER DELETED SUCCESSFUL', {
                            theme: 'contrastBorder',
                            sticky: true
                        });
                        location.reload();
                    } else if (data == 'FAIL') {
                        alert("FAIL TO DELETE FUEL ORDER.");
                    } else if (data == 'CANT') {
                        alert("YOU CANNOT DELETE THIS ORDER");
                    }
                }
            });
        });

        jQuery('#delete_fuels_gin').click(function () {
            var checked_orders = checkedRoutes();

            if (checked_orders.length == 0) {
                jAlert("PLEASE CHECK AT LEAST SINGLE PO TO CONTINUE", 'SELECTION DIALOG');
                return false;
            }
            var conf = confirm('Are you sure?');
            if (conf) {
                jQuery.ajax({
                    type: "post",
                    cache: false,
                    url: "{{route('fuels.purchase-orders.destroy')}}",
                    data: {
                        purchase_order_id: checked_orders
                    },
                    success: function (data) {
                        if (data == 'DONE') {
                            jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} PURCHASE ORDER(s) DELETED SUCCESSFUL!', {
                                theme: 'contrastBorder',
                                sticky: true
                            });
                            jQuery('#purchase_orders').dataTable().fnFilter(this.value);
                        } else if (data == 'FAIL') {
                            alert("FAIL TO DELETE PURCHASE ORDER(s).");
                        }
                    },
                    error: function (data) {

                    }
                });
            }
            return false;
        });

        jQuery('#receive_goods').click(function () {
            var checked_orders = checkedRoutes();

            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('fuels.purchase-orders.goods-received-notes.create')}}",
                data: {
                    purchase_order_id: checked_orders
                },
                success: function (data) {
                    jQuery('#fuel_order_goods_received_note_modal').appendTo("body").modal('toggle');
                    jQuery('#fuel_order_goods_received_notes').empty().append(data);
                    jQuery('.searchable_select_fuel_source').select2();
                    jQuery('.date_picker').datepicker();
                },
                error: function (data) {

                }
            });
            return false;
        });



        jQuery('#close_purchase_order').click(function () {
            var checked_orders = checkedRoutes();

            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;

        });


        jQuery('#fill_fuel_to_vehicles').on('submit', function (e) {
            e.preventDefault();
            jQuery.ajax({
                url: '{{route('fuels.purchase-order.grn.store')}}',
                type: 'post',
                data: jQuery(this).serialize(),
                success: function (html) {

                }
            });
        });

        function openPurchaseOrder(purchase_order_id) {
            jQuery.ajax({
                type: "get",
                cache: false,
                url: "{{route('fuels.purchase-orders.edit')}}",
                data: {
                    purchase_order_id: purchase_order_id
                },
                success: function (data) {
                    jQuery('#purchase_order_modal_edit').appendTo("body").modal('toggle');
                    jQuery('#purchase_order_modal_edit_body').empty().append(data);
                    jQuery(".remove_fuel_order").on('click', function () {
                        jQuery(this).parents('tr').remove();
                    });
                },
                error: function (data) {

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

        function generateFuelOrders() {
            var ids = 0;

            jQuery.ajax({
                type: "GET",
                cache: false,
                url: "{{route('fuel-orders.create')}}",
                data: {
                    ids: ids
                },
                success: function (data) {
                    jQuery('#fuel_orders_form_modal').appendTo("body").modal('toggle');
                    jQuery('#fuel_orders_form_body').empty().append(data);
                    jQuery('.searchable_select_fuel_source').select2();
                    getNumber();
                    jQuery(".remove_sub_contract").on('click', function () {
                        jQuery(this).parents('tr').remove();
                    });
                },
                error: function (data) {

                }
            });

            return false;
        }





    </script>
@stop