@extends('admin.template.master')

@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}

    <style>
        /*Select2 style*/
        .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
            border: 1px solid #d2d6de;
            border-radius: 0;
            padding: 6px 12px;
            height: 34px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-right: 10px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
            padding-right: 0;
            height: auto;
            margin-top: -4px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 28px;
            right: 3px;
        }

        /*Select2 style*/

        .row.display-flex {
            display: flex;
            flex-wrap: wrap;
        }

        .row.display-flex > [class*='col-'] {
            display: flex;
            flex-direction: column;
        }

    </style>
@endsection

@section('title')
    <section class="content-header">
        <h1>
            FSP Delivery Report
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">FSP Delivery report</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content">
        @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{Session('message')}}
                    </div>
                </div>
            </div>
        @endif

        <div class="row" id="main_div_inner">
            <div class="col-xs-12">
                <div class="box box-warning order-filter-wrapper">
                    <div class="box-header with-border">
                        <h6 class="box-title">FSP Delivery Filter</h6>

                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                        </div>
                    </div>

                    <div class="box-body">
                        <div class="row">
                            <div class="form-group col-md-3">
                                {!! Form::label('from_date', 'From Order Date') !!}
                                {!! Form::date('from_date', \Carbon\Carbon::now(), ['class' => 'form-control date', 'id' => 'from_date']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('to_date', 'To Order Date') !!}
                                {!! Form::date('to_date', \Carbon\Carbon::now(), ['class' => 'form-control date', 'id' => 'to_date']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <input type="checkbox" class="chk" id="search_by_date">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                {!! Form::label('from_order', 'From Order') !!}
                                {!! Form::number('from_order', null, ['class' => 'form-control text', 'id' => 'from_order']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('to_order', 'To Order') !!}
                                {!! Form::number('to_order', null, ['class' => 'form-control text', 'id' => 'to_order']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <input type="checkbox" class="chk" id="search_by_order">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3 form-group">
                                {!! Form::label('FSP') !!}
                                {!! Form::select('fsp_id', $fsps, null, ['class' => 'form-control select-data', 'placeholder' => 'Select FSP (All FSP if Not Selected)', 'id' => 'fsp_id']) !!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-1">
                                {!! Form::label('Hidden Fields : ') !!}
                            </div>
                            <div class="col-md-11">
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="checkbox" id="hidden_chk_all">&nbsp;<span style="color: red;">All</span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.available,Sourcing">&nbsp;Available(Sourcing)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.available,Unavailable">&nbsp;Available(Unavailable)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.pre_confirmation,2">&nbsp;Customer-Confirmation(No Response)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.pre_confirmation,0">&nbsp;Customer-Confirmation(Terminate)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.customer_confirmation,Cancel">&nbsp;Payment-Confirmation(Cancel)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders.order_status,Canceled by customer">&nbsp;Canceled by customer
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.inter_received,0">&nbsp;Interchange Received(No)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.qc_passed,Not Passed">&nbsp;QC(Not Passed)
                                    </div>
                                    <div class="col-md-3">
                                        <input type="checkbox" class="hidden_chk" value="orders_deliveries.deal_status,0">&nbsp;Locked Order
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="margin-top: 30px;">
                            <div class="form-group col-md-6">
                                {!! Form::button('Search',['class' => 'btn btn-primary btn-order-delivery-search', 'id' => 'btn-order-delivery-search']) !!}
                                {!! Form::button('Clear',['class' => 'btn btn-danger btn-order-delivery-reset', 'id' => 'btn-order-delivery-reset']) !!}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="box">
                    <div class="box-header with-border">
                        <h6 class="box-title">FSP Delivery Summary</h6>
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="box-body table-responsive" id="order-delivery-list"></div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}

    <script type="text/javascript">
        var from_date_initial = '';
        var to_date_initial = '';

        $(document).ready(function () {
            $(".select-data").select2();

            from_date_initial = $.trim($("#from_date").val());
            to_date_initial = $.trim($("#to_date").val());

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $("#btn-order-delivery-search").click(function () {
                getOrderDeliveryData('search_data');
            });

            $("#hidden_chk_all").change(function(){
                $(".hidden_chk").prop("checked", $(this).is(":checked"));
            });

            // reset order delivery filter
            $("#btn-order-delivery-reset").click(function () {
                $(".text").val('');
                $(".date").val(from_date_initial);
                $(".chk").prop('checked', false);
                $('.select-data').val('').trigger('change');
                $("#hidden_chk_all").prop('checked', false);
                $(".hidden_chk").prop('checked', false);
            });
        });

        function getOrderDeliveryData(data_type) {

            // Generate Query Data
            var search_by_date = 'off';
            if ($("#search_by_date").is(":checked")) {
                search_by_date = 'on';
            }
            var from_date = $.trim($('#from_date').val());
            var to_date = $.trim($('#to_date').val());

            var search_by_order = 'off';
            if ($("#search_by_order").is(":checked")) {
                search_by_order = 'on';
            }
            var from_order = $.trim($('#from_order').val());
            var to_order = $.trim($('#to_order').val());

            if (search_by_order == 'on') {
                if (from_order == '' || to_order == '' || isNaN(from_order) || isNaN(to_order)) {
                    alert("From Order and To Order Fields are not valid");
                    return;
                }
            }

            var hidden_fields = '';
            $(".hidden_chk").each(function(){
                if($(this).is(":checked")){
                    hidden_fields += $(this).val() + 'hf_separator';
                }
            });

            var fsp_id = $("#fsp_id").val();

            var data = "search_by_date=" + search_by_date + "&from_date=" + from_date + "&to_date=" + to_date + "&search_by_order=" + search_by_order + "&from_order=" + from_order + "&to_order=" + to_order + "&fsp_id=" + fsp_id + "&hidden_fields=" + hidden_fields;
            // End Generate

            if (data_type == 'excel_data') {
                var url = '{{ route("orderDeliveryExcel", ":data") }}';
                url = url.replace(':data', data);
                window.open(url);
            } else if (data_type == 'search_data') {
                // add loader
                $('.order-filter-wrapper').append('<div class="overlay main_div_inner_overlay"><i class="fa fa-refresh fa-spin"></i></div>');
                $.ajax({
                    type: "POST",
                    url: "{{ route('fspDeliveryReportData') }}",
                    data: data,
                    cache: false,
                    success: function (result) {
                        var arr = result.split("dataseparator");
                        $('#order-delivery-list').html($.trim(arr[0]));
                    },
                    error: function (jqXHR, status, err) {
                        // alert(err);
                    },
                    complete: function () {
                        $(".main_div_inner_overlay").remove();
                        $('#order_delivery_list_table').DataTable({
                            "pageLength": 50
                        });
                    }
                });
            }
        }
    </script>
@endsection