@extends('layouts.main_without_top_button')
@section('title')
    INVENTORY REPORTS
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('operations.reports.reports')}}">Reports</a> <span class="divider">/</span></li>
        <li><a href="{{route('operations.reports.reports')}}">Inventory Reports</a> <span class="divider">/</span></li>
        {{--		<li class="active">{{trans('logistics.complete_routes')}}</li>--}}
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        <style>
            .td_left_border {
                border-top: 1px solid #dddddd;
                border-left: 1px solid #dddddd;
                border-bottom: 0;
            }

            .td_border_right {
                border-right: 1px solid #dddddd;
            }

            .widgettitle {
                color: #000000;
            }
        </style>
        <div class="tab-content">
            <div class="tab-pane active" style="margin-top: 12px;">
                <center>
                    <center style="margin-bottom: 8px">
                        <form id="report_form" accept-charset="UTF-8" style="text-align: center" method="POST" target="_blank" role="form" action="{{route('inventories.inventory_reports.print')}}" autocomplete="off">
                            <input type="hidden" name="_token" value="{{csrf_token()}}">

                            <select name="report_type" class="searchable" required>
                                @if(!isset($type))
                                    <option value="ASSETS">ASSET STOCKS</option>
                                    <option value="COST_CENTERS">COST CENTERS</option>
                                    <option value="GIN">GOODS ISSUED</option>
                                    <option value="GRN">GOODS RECEIVED</option>
                                    <option value="INVENTORY_POSITION">INVENTORY POSITION</option>
                                    <option value="ITEM_MOVEMENT">ITEM MOVEMENT</option>
                                    <option value="PURCHASE_ORDERS">PURCHASE ORDERS</option>
                                    <option value="STOCK_TAKING">STOCK TAKING</option>
                                @else
                                    @if($type == "INVENTORY_POSITION")<option value="INVENTORY_POSITION">INVENTORY POSITION</option> @endif
                                    @if($type == "ITEM_MOVEMENT")<option value="ITEM_MOVEMENT">ITEM MOVEMENT</option> @endif
                                    @if($type == "STOCK_TAKING")<option value="STOCK_TAKING">STOCK TAKING</option> @endif
                                    @if($type == "PURCHASE_ORDERS")<option value="PURCHASE_ORDERS">PURCHASE ORDERS</option> @endif
                                    @if($type == "PURCHASE_ORDER_SUMMARY")<option value="PURCHASE_ORDER_SUMMARY">PURCHASE ORDER MONTHLY SUMMARY</option> @endif
                                    @if($type == "GRN")<option value="GRN">GOODS RECEIVED</option> @endif
                                    @if($type == "GIN")<option value="GIN">GOODS ISSUED</option> @endif
                                    @if($type == "COST_CENTERS")<option value="COST_CENTERS">COST CENTERS</option> @endif
                                @endif
                            </select>

                            <select name="vendor_id"   style="display: none">

                                <option value="">All Suppliers</option>
                                @foreach($vendors as $vendor)
                                    <option value="{{$vendor->id}}">{{$vendor->name}}</option>
                                @endforeach
                            </select>

                            <select name="store_id" class="searchable" >
                                @if(auth()->user()->can('VIEW MAIN STORE') && auth()->user()->can('VIEW MA CARGO STORE'))
                                    <option value="">Select Warehouse</option>
                                @endif
                                @foreach($stores as $store)
                                    @if($store->id == 5 && auth()->user()->can('VIEW MAIN STORE'))
                                        <option value="{{$store->id}}">{{$store->name}}</option>
                                    @elseif($store->id == 6 && auth()->user()->can('VIEW MA CARGO STORE'))
                                        <option value="{{$store->id}}">{{$store->name}}</option>
                                    @endif
                                @endforeach
                            </select>


                            <select name="item_id"   style="display: none">
                                <option value="">Select Item</option>
                                @foreach($items as $item)
                                    <option value="{{$item->id}}">{{$item->name}}</option>
                                @endforeach
                            </select>

                            <select multiple name="asset_item_id[]"   style="display: none">
                                <option value="">Select Asset</option>
                                @foreach($items as $item)
                                    @if($item->is_asset && !$item->is_templated)
                                        <option value="{{$item->id}}">{{$item->name}}</option>
                                    @endif
                                @endforeach
                            </select>

                            <select name="dept_cost_center_id"   style="display: none">
                                <option value=""></option>
                                <optgroup label="Departments">
                                    @foreach($departments as $dept)
                                        <option value="D_{{$dept->dept_id}}">{{$dept->dept_name}}</option>
                                    @endforeach
                                </optgroup>
                                <optgroup label="Cost-Centers">
                                    @foreach($cost_centers as $cost_center)
                                        <option value="C_{{$cost_center->id}}">{{$cost_center->name}}</option>
                                    @endforeach
                                </optgroup>

                            </select>

                            <select name="cost_center_type"   style="display: none">
                                <option value="">All</option>
                                <option value="HORSE">Horse</option>
                                <option value="TRAILERS">Trailers</option>
                                <option value="TANKERS">Tankers</option>

                            </select>

                            <input type="text" name="from" class="datepickers" autocomplete="off" placeholder="From" style="width: 10%">
                            <input type="text" name="to" class="datepickers" autocomplete="off" placeholder="To" style="width: 10%">

                            <button type="button" id="generate_report" class="btn" style="margin-right: 2px"> GENERATE</button>
                            <button type="submit" id="pdf" class="btn" style="margin-right: 2px"><i  class="icon-print"></i> PDF</button>


                        </form>
                    </center>
                    <div id="report_holder">

                    </div>
                </center>
            </div>

        </div>

    </div>
    <form method="post" id="attachment_form" enctype="multipart/form-data" style="display:none">
        <input type="file" name="file">
    </form>

    <script>
        jQuery('.searchable').select2();
        jQuery('.datepickers').datepicker({format: 'yyyy-mm-dd'});



        var attachment_form = $('#attachment_form');
        var file_field = attachment_form.find('input:file');
        function uploadSignedStockTake(url) {
            attachment_form.attr('action', url);
            file_field.trigger('click');
            file_field.change(function () {

                if (file_field.val()) {
                    startSpinner();
                    $.ajax({
                        url: attachment_form.attr('action'),
                        data: new FormData($("#attachment_form")[0]),
                        dataType: 'json',
                        async: false,
                        type: 'post',
                        processData: false,
                        contentType: false,
                        beforeSend: function () {

                        },
                        success: function (data) {
                            onAjaxSuccess(data);
                            stopSpinner();
                            if (data.state == 'Done') generate_report();
                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error)
                        },
                        complete: function () {
                            stopSpinner();
                            file_field.val(null)
                        }
                    });
                }
            });
        }


        function generate_report(){
            var url = "{{route('inventories.inventory_reports.create')}}";
            var formData = jQuery('#report_form').serialize();
            jQuery.ajax({
                url: url,
                type: 'post',
                data: formData,
                cache: false,
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#report_holder').html(data).trigger('change');
                },
                complete: function () {
                    stopSpinner();
                }
            });
        }

        jQuery('#generate_report').on('click', function (e) {
            e.preventDefault();
            generate_report();
        });

        jQuery('.print_stock_take').each(function () {
            jQuery(this).on('click', function (e) {
                var stock_take = jQuery(this);
                e.preventDefault();
                var url = "{{route('inventories.inventory_reports.print')}}";
                var formData = jQuery('#report_form').serialize();
                jQuery.ajax({
                    url: url,
                    type: 'post',
                    data: formData,
                    cache: false,
                    beforeSend: function () {
                        startSpinner();
                    },
                    success: function (data) {
                        jQuery('#report_holder').html(data).trigger('change');
                    },
                    complete: function () {
                        stopSpinner();
                    }
                });

            });
        });




        jQuery('#print_report2').on('click', function (e) {
            e.preventDefault();
            var url = "{{route('inventories.inventory_reports.print')}}";
            var formData = jQuery('#report_form').serialize();
            jQuery.ajax({
                url: url,
                type: 'post',
                data: formData,
                cache: false,
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#report_holder').html(data).trigger('change');
                },
                complete: function () {
                    stopSpinner();
                }
            });

        });

        $(document).ready(function() {

            var report_type = jQuery('#report_form').find('select[name="report_type"]').val();

            if(report_type == "ASSETS"){
                resert_all();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();
                jQuery('#report_form').find('select[name="asset_item_id[]"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="asset_item_id[]"]').select2();
            }

            if(report_type == "INVENTORY_POSITION"){
                resert_all();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();

            }

            if(report_type == "ITEM_MOVEMENT"){
                resert_all();
                jQuery('#report_form').find('select[name="item_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="item_id"]').select2();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();
            }

            if(report_type == "STOCK_TAKING"){
                resert_all();
                jQuery('#pdf').attr('style', 'display: none').trigger('change');
                jQuery('#generate_report').html('View');
            }

            if(report_type == "PURCHASE_ORDERS"){
                resert_all();
                jQuery('#report_form').find('select[name="vendor_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="vendor_id"]').select2();
            }
            if(report_type == "PURCHASE_ORDER_SUMMARY"){
                resert_all();
                jQuery('#report_form').find('select[name="vendor_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="vendor_id"]').select2();
            }
            if(report_type == "GRN"){
                resert_all();
                jQuery('#report_form').find('select[name="vendor_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="vendor_id"]').select2();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();
            }
            if(report_type == "GIN"){
                resert_all();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();
                jQuery('#report_form').find('select[name="dept_cost_center_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="dept_cost_center_id"]').select2();

            }

            if(report_type == "COST_CENTERS"){
                resert_all();
                jQuery('#report_form').find('select[name="cost_center_type"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="cost_center_type"]').select2();
                jQuery('#generate_report').attr('style', 'display: none').trigger('change');

            }

        });


        jQuery('#report_form').find('select[name="report_type"]').change(function () {
            var report_type = jQuery(this).val();

            if(report_type == "ASSETS"){
                resert_all();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();
                jQuery('#report_form').find('select[name="asset_item_id[]"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="asset_item_id[]"]').select2();
            }

            if(report_type == "INVENTORY_POSITION"){
                resert_all();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();

            }

            if(report_type == "ITEM_MOVEMENT"){
                resert_all();
                jQuery('#report_form').find('select[name="item_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="item_id"]').select2();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();
            }

            if(report_type == "STOCK_TAKING"){
                resert_all();
                jQuery('#pdf').attr('style', 'display: none').trigger('change');
                jQuery('#generate_report').html('View');
            }

            if(report_type == "PURCHASE_ORDERS"){
                resert_all();
                jQuery('#report_form').find('select[name="vendor_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="vendor_id"]').select2();
            }
            if(report_type == "GRN"){
                resert_all();
                jQuery('#report_form').find('select[name="vendor_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="vendor_id"]').select2();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();
            }
            if(report_type == "GIN"){
                resert_all();
                jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').select2();
                jQuery('#report_form').find('select[name="dept_cost_center_id"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="dept_cost_center_id"]').select2();

            }

            if(report_type == "COST_CENTERS"){
                resert_all();
                jQuery('#report_form').find('select[name="cost_center_type"]').removeAttr('style').trigger('change');
                jQuery('#report_form').find('select[name="cost_center_type"]').select2();
                jQuery('#generate_report').attr('style', 'display: none').trigger('change');

            }
        })

        function resert_all() {
            if(jQuery('#report_form').find('select[name="asset_item_id[]"]').select2()){
                jQuery('#report_form').find('select[name="asset_item_id[]"]').select2('destroy').trigger('change');
                jQuery('#report_form').find('select[name="asset_item_id[]"]').attr('style', 'display: none').trigger('change');
            }

            if(jQuery('#report_form').find('select[name="vendor_id"]').select2()){
                jQuery('#report_form').find('select[name="vendor_id"]').select2('destroy').trigger('change');
                jQuery('#report_form').find('select[name="vendor_id"]').attr('style', 'display: none').trigger('change');
            }

            if(jQuery('#report_form').find('select[name="item_id"]').select2()){
                jQuery('#report_form').find('select[name="item_id"]').select2('destroy').trigger('change');
                jQuery('#report_form').find('select[name="item_id"]').attr('style', 'display: none').trigger('change');
            }

            if(jQuery('#report_form').find('select[name="store_id"]').select2()){
                jQuery('#report_form').find('select[name="store_id"]').select2('destroy').trigger('change');
                jQuery('#report_form').find('select[name="store_id"]').attr('style', 'display: none').trigger('change');
            }

            if(jQuery('#report_form').find('select[name="dept_cost_center_id"]').select2()){
                jQuery('#report_form').find('select[name="dept_cost_center_id"]').select2('destroy').trigger('change');
                jQuery('#report_form').find('select[name="dept_cost_center_id"]').attr('style', 'display: none').trigger('change');
            }

            if(jQuery('#report_form').find('select[name="cost_center_type"]').select2()){
                jQuery('#report_form').find('select[name="cost_center_type"]').select2('destroy').trigger('change');
                jQuery('#report_form').find('select[name="cost_center_type"]').attr('style', 'display: none').trigger('change');
            }
            jQuery('#pdf').attr('style', 'margin-right: 2px').trigger('change');
            jQuery('#generate_report').html('GENERATE').trigger('change');
            jQuery('#generate_report').attr('style', 'margin-right: 2px').trigger('change');


        }

    </script>
@stop