@extends('layouts.admin')
@section('content')
<link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{{ URL::asset('css/bootstrap-datetimepicker.min.css') }}" media="all" type="text/css"/>

<script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/moment-with-locales.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/bootstrap-datetimepicker.min.js') }}"></script>

<div class="pageheader">
    <div class="media">
        <div class="media-body">
            <h4>@lang('messages.Packed Orders')</h4>
            <ul class="breadcrumb">
                <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                <li>@lang('messages.Packed Orders')</li>
            </ul>
        </div>
    </div>
</div>

<div class="clearfix form-blk top-group">
    <div class="form-inline pull-left">
        <div class="form-group filter-line">
            <label class="control-label pad-rt-15" style="display:block;">@lang('messages.Store')</label>
            <div class="input-group pad-rt-15">
                <select class="select2 form-control" id="warehouse_id">
                    @if (!empty($warehouseList))
                    <option value="">@lang('messages.Select Store')</option>
                        @foreach ($warehouseList as $id => $warehouse)
                            <option value="{{$id}}">{{$warehouse}}</option>
                        @endforeach
                    @else
                        <option value="">@lang('messages.No Store Found')</option>
                    @endif
                </select>
            </div>
        </div>
        <div class="form-group filter-line">
            <label class="control-label pad-rt-15" style="display:block;">@lang('messages.Partner')</label>
            <div class="input-group pad-rt-15">
                <select class="select2 form-control" id="partner_id">
                    <option value="">@lang('messages.Select Partner')</option>
                    <option value="1">DMS</option>
                </select>
            </div>
        </div>
    </div>
    <div class="pull-right mt-4 form-pack-btn pt-1 mr-2">
        <span class="" id="generate_to_pick_list_div">
            @if(IzoCommonHelper::hasPermission('generate_awaiting_dispatch_processing'))
                <div class="btn-group mr5">
                    <button class="btn btn-primary mr5" type="submit" name="submit" id="generate_to_pick_list" title="@lang('messages.Generate Awaiting Dispatch')">@lang('messages.Generate Awaiting Dispatch')</button>
                </div>
            @endif
        </span>
    </div>
</div>

<div class="clearfix"></div>
<div class="clearfix mt-3 mb-3 mr-4" id="confirmed_order_report">
    <div class="panel panel-primary col-lg-5 mb-0 pull-right">
        <div class="panel-body">
            <p class="text-on-pannel text-primary">@lang('messages.Order Report')</p>
            <div class="form-inline pull-left mt-4">
                <div class="form-group filter-line">
                    <div class="input-group pad-rt-15">
                        <div class="form-group filter-line">
                            <label class="control-label pad-rt-15" style="display:block;">@lang('messages.Order Delivery From Date')</label>
                            <div class="input-group pad-rt-15">
                                <input type="text" placeholder="@lang('messages.Order Delivery From Date')" name="from_date" id="from_date" class="form-control">
                            </div>
                            <label class="control-label pad-rt-15" style="display:block;">@lang('messages.Order Delivery To Date')</label>
                            <div class="input-group pad-rt-15">
                                <input type="text" placeholder="@lang('messages.Order Delivery To Date')" name="to_date" id="to_date" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group filter-line" style="margin-top:00px;">
                    <button class="btn btn-primary mr5" type="button" id="get_order_report" title="@lang('messages.Order Report')">@lang('messages.Order Report')</button>
                </div>
            </div>
        </div>
    </div>
    <div class="form-inline pull-left"></div>
</div>
<div class="clearfix"></div>

<div class="col-md-12">
    <div class="card order-page">
        <div role="tabpanel" class="tab-pane" id="orders_packed">
            <div class="design-process-content">
            @if(IzoCommonHelper::hasPermission('packed_order_list'))
                <div class="table-responsive">
                    {!!Form::open(array('class'=>'form-horizontal','id'=>'packedOrdersForm'))!!}
                    <input type="hidden" name="warehouse_name" id="warehouse_name" value="">
                    <input type="hidden" name="partner_name" id="partner_name" value="">
                    <table id="packedOrders" class="table table-striped table-bordered responsive">
                        <thead>
                            <tr class="headings">
                                <th>
                                    <div id="select_all_orders_div">
                                        <input type="checkbox" id="select_all_orders" value="1">
                                    </div>@lang('messages.Order Id')
                                </th>
                                <th>@lang('messages.Customer Name')</th>
                                <th>@lang('messages.Store Name')</th>
                                <th>@lang('messages.Order Date')</th>
                                <th>@lang('messages.Grand Total')</th>
                                <th>@lang('messages.Delivery Charge')</th>
                                <th>@lang('messages.Picker Name')</th>
                                <th>@lang('messages.Promocode')</th>
                                <th>@lang('messages.Scheduled Date/Time')</th>
                                <th>@lang('messages.Collected Amount')</th>
                                <th>@lang('messages.Payment Mode')</th>
                                <th>@lang('messages.Status')</th>
                                <th>@lang('messages.View')</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    {{ Form::close() }}
                </div>
            @endif
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Order Products</h4>
            </div>
            <div class="modal-body" id="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default generate">Generate</button>
                <button type="button" class="btn btn-default print">Print</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $('#from_date').datetimepicker({
            format: 'YYYY-MM-DD',
        });

        $('#to_date').datetimepicker({
            format: 'YYYY-MM-DD',
        });
        $("#from_date").on("dp.change", function (e) {
            $('#to_date').data("DateTimePicker").minDate(e.date);
        });
        $("#to_date").on("dp.change", function (e) {
            if ($("#from_date").val() == '') {
                $('#from_date').val(e.date.format('YYYY-MM-DD'));
            }
            $('#from_date').data("DateTimePicker").maxDate(e.date);
        });
        $("#warehouse_id").select2();
        $("#partner_id").select2();
        $('#select_all_orders').click(function(){
            $(".pick_order").prop('checked', $(this).prop('checked'));
        });

        token = $('meta[name="csrf-token"]').attr('content');
        var oTable = $('#packedOrders').DataTable({
            dom: 'lfrtip',
            search: {
                'caseInsensitive': true
            },
            "lengthMenu": [
                [25, 50, 100],
                [25, 50, 100]
            ],
            processing: true,
            serverSide: true,
            responsive: true,
            autoWidth: false,
            destroy: true,
            ajax: {
                url: '{{ URL::to('admin/orders/ajax-packed-orders') }}',
                headers: {
                    'X-CSRF-TOKEN': token
                },
                data: function (d) {
                    d.warehouse_id = $('#warehouse_id').val();
                },
                complete: function (data) {
                    $('#generate_to_pick_list').attr("disabled", false);
                    $('#generate_to_pick_list').button('reset');
                }
            },
            "order": [
                [0, "desc"]
            ],
            columns: [
                {data: 'id',name: 'id',searchable: true,orderable: false},
                {data: 'customer_name',name: 'customer_name',searchable: true,orderable: true},
                {data: 'warehouse_name_en',name: 'warehouse_name_en',searchable: true,orderable: true},
                {data: 'OrderDate',name: 'OrderDate',searchable: true,orderable: true},
                {data: 'grand_total',name: 'grand_total',searchable: true,orderable: true},
                {data: 'delivery_charge',name: 'delivery_charge',searchable: true,orderable: true},
                {data: 'picker_full_name',name: 'picker_full_name',searchable: true,orderable: true},
                {data: 'promo_code',name: 'promo_code',orderable: true,searchable: true},
                {data: 'date',name: 'date',orderable: true,searchable: false},
                {data: 'collected_amount',name: 'collected_amount',orderable: true,searchable: false},
                {data: 'payment_mode',name: 'payment_mode',orderable: true,searchable: false},
                {data: 'status',name: 'status',orderable: true,searchable: true},
                {data: 'view',name: 'view',orderable: true}
            ]
        });

        $('#generate_to_pick_list').click(function() {
            $('#packedOrdersForm').submit();
        });

        $('#packedOrdersForm').submit(function(e) {
            e.preventDefault();
            var count = $('input[type="checkbox"]:checked').length;
            if(count <= 0){
                toastr.error("You need to select atleast one order.");
                return false;
            }
            var warehouse = $("#warehouse_id").val();
            if(warehouse == ''){
                toastr.error("Select the warehouse.");
                return false;
            }
            var partner = $("#partner_id").val();
            if(partner == ''){
                toastr.error("Select the partner.");
                return false;
            }
            var r = confirm("Are you sure want to generate this order pick list?");
            if (r == true) {
                $('#loader-wrapper').removeClass('loader');
                $('#generate_to_pick_list').attr("disabled", true);
                $('#generate_to_pick_list').button('loading');
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/orders/packed-order-details') }}';
                data = new FormData(this);
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: data,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        $('#loader-wrapper').addClass('loader');
                        $('#generate_to_pick_list').attr("disabled", false);
                        $('#generate_to_pick_list').button('reset');
                        if (resp.http_code == 400) {
                            err_msg = resp.message.replace(/, \\n /g, '<br>');
                            toastr.error(err_msg);
                        } else if (resp.http_code == 200) {
                            $('.modal-body').html(resp.data);
                            $('#myModal').modal('show');
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        }
                    }
                });
            }
        });
        $(document).on('click', '#get_order_report', function (e) {
            e.preventDefault();
            var token, url, data;
            token = $('meta[name="csrf-token"]').attr('content');
            url = '{{url('admin/orders/reports')}}';
            from_date = $("#from_date").val();
            to_date = $("#to_date").val();
            if (from_date == '' || to_date == '') {
                toastr.error('Select the from and to date');
                return false;
            }
            $('#loader-wrapper').removeClass('loader');
            $("#get_order_report").attr("disabled", true);
            $('#get_order_report').button('loading');
            var formData = new FormData();
            formData.append('from_date', from_date);
            formData.append('to_date', to_date);
            formData.append('order_status', 4);
            $.ajax({
                url: url,
                headers: {'X-CSRF-TOKEN': token},
                data: formData,
                processData: false,
                contentType: false,
                type: 'POST',
                datatype: 'json',
                success: function (resp) {
                    $('#loader-wrapper').addClass('loader');
                    $("#get_order_report").attr("disabled", false);
                    $('#get_order_report').button('reset');
                    var downloadLink = document.createElement("a");
                    var fileData = ['\ufeff'+resp];

                    var blobObject = new Blob(fileData,{
                        type: "text/csv;charset=utf-8;"
                    });

                    var url = URL.createObjectURL(blobObject);
                    downloadLink.href = url;
                    downloadLink.download = "orderReports.csv";

                    document.body.appendChild(downloadLink);
                    downloadLink.click();
                    document.body.removeChild(downloadLink);
                },
                error: function (err) {alert(err);
                    $("#get_order_report").attr("disabled", false);
                    $('#get_order_report').button('reset');
                }
            });
        });
        $(document).on('click','.print',function(){
            var myWindow = window.open();
            var printContents = document.getElementById('modal-body').innerHTML;
            myWindow.document.write("<html><head><style>body{font-family:verdana;font-size:12px;}.show-top{display:block}table{width:100%;  border-collapse: collapse;border:1px solid #ccc;}td{padding:10px;text-align:left;border-top:1px solid #ccc;text-align:left;font-size:12px;}th{background:#f5f5f5 !important;text-align:left;padding:10px;border-right:1px solid #ccc;font-size:12px;}</style>");
            myWindow.document.write("</head><body><div>"+printContents+ "</div>");
            myWindow.document.write('</body></html>');
            myWindow.document.close();
            myWindow.focus();
            myWindow.print();
            //myWindow.close();
        });
        $(document).on('click','.generate',function(e){
            e.preventDefault();
            var count = $('input[type="checkbox"]:checked').length;
            if(count <= 0){
                toastr.error("You need to select atleast one order.");
                return false;
            }
            $('#loader-wrapper').removeClass('loader');
            $('#generate_to_pick_list').attr("disabled", true);
            $('#generate_to_pick_list').button('loading');
            var token, url;
            token = $('meta[name="csrf-token"]').attr('content');
            url = '{{ url('admin/orders/update-dispatch-orders') }}';
            data = new FormData($('#packedOrdersForm')[0]);
            $.ajax({
                url: url,
                headers: {'X-CSRF-TOKEN': token},
                data: data,
                processData: false,
                contentType: false,
                type: 'POST',
                datatype: 'json',
                success: function (resp) {
                    $('#loader-wrapper').addClass('loader');
                    $('#generate_to_pick_list').attr("disabled", false);
                    $('#generate_to_pick_list').button('reset');
                    if (resp.http_code == 400) {
                        err_msg = resp.message.replace(/, \\n /g, '<br>');
                        toastr.error(err_msg);
                    } else if (resp.http_code == 200) {
                        toastr.success(resp.message);
                        var orders = '{{ url('admin/orders/packed')}}';
                        $(location).attr('href', orders);
                    } else if (resp.http_code == 401) {
                        toastr.warning(resp.message);
                        var login = '{{ url('admin/login')}}';
                        $(location).attr('href', login);
                    }
                }
            });
        });
        $('#warehouse_id').on('change', function (e) {
            var name = $(this).find('option:selected').text();
            $("#warehouse_name").val(name);
            $('#generate_to_pick_list').attr("disabled", true);
            $('#generate_to_pick_list').button('loading');
            oTable.draw();
            e.preventDefault();
        });
        $('#partner_id').on('change', function (e) {
            var id = $(this).val();
            $("#partner_name").val(id);
        });
    });
</script>
<style>
    @media print {
        body  {
            font-size: 12pt;
            font-family: verdana;
        }
    }
</style>
@endsection