@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" />
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Refund 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.Refund Orders')</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="clearfix form-blk">
        <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.Township Name')</label>
                <div class="input-group pad-rt-15">
                    <select class="select2 form-control" id="township_id_dropdown" multiple width="50%">
                        @if (!empty($townshipsList))
                            <option value="" disabled>@lang('messages.Select TownShip')</option>
                            @foreach ($townshipsList as $township)
                                <option value="{{ $township->id }}">{{ ucfirst($township->name_en) }}</option>
                            @endforeach
                        @else
                            <option value="">@lang('messages.No Township Found')</option>
                        @endif
                    </select>
                </div>
            </div> -->
            <div class="form-group filter-line" style="margin-top:20px;">
                <button type="reset" title="@lang('messages.Reset')" class="btn btn-default" onclick="window.location='{{ url('admin/returned-orders') }}'">@lang('messages.Reset')</button>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>

    <div class="col-md-12">
        <div class="card order-page">
        @if(IzoCommonHelper::hasPermission('generate_picklist_list'))
            <div role="tabpanel" class="tab-pane" id="refund_orders">
                <div class="design-process-content">
                    <div class="table-responsive">
                        <table id="refundOrders" class="table table-striped table-bordered responsive">
                            <thead>
                                <tr class="headings">
                                    <th>@lang('messages.Id')</td>
                                    <th>@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.Promocode')</th> -->
                                    <th>@lang('messages.Scheduled Date/Time')</th>
                                    <th>@lang('messages.Collected Amount')</th>
                                    <th>@lang('messages.Payment Mode')</th>
                                    <th>@lang('messages.Refund Status')</th>
                                    <th>@lang('messages.Order 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>
                    </div>
                </div>
            </div>
        @endif
        </div>
    </div>


    <script type="text/javascript">
        $(function() {
            $("#warehouse_id").select2();
            // $("#township_id_dropdown").select2({
            //     tags: true,
            // });
            //$("#picker_id").select2();
            /*$('#select_all_orders').click(function() {
                $(".pick_order").prop('checked', $(this).prop('checked'));
            });*/

            token = $('meta[name="csrf-token"]').attr('content');
            var oTable = $('#refundOrders').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/refund-orders/ajax-refund-orders') }}',
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    data: function(d) {
                        d.warehouse_id = $('#warehouse_id').val();
                        // d.township_id = $('#township_id').val();
                    }
                },
                "order": [
                    [0, "desc"]
                ],
                columns: [{
                        data: 'id',
                        name: 'id',
                        searchable: true,
                        orderable: false
                    },
                    {
                        data: 'order_id',
                        name: 'order_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: '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: 'refund_status',
                        name: 'refund_status',
                        orderable: true,
                        searchable: true
                    },
                    {
                        data: 'order_status',
                        name: 'order_status',
                        orderable: true,
                        searchable: true
                    },
                    {
                        data: 'view',
                        name: 'view',
                        orderable: true
                    }
                ]
            });




            $('#warehouse_id').on('change', function(e) {
                var warehouse_name = $(this).find('option:selected').text();
                var warehouse_id = $(this).find('option:selected').val();
                $("#warehouse_name").val(warehouse_name);
                $("#warehouse_value_id").val(warehouse_id);
                //$('#generate_to_pick_list').attr("disabled", true);
                //$('#generate_to_pick_list').button('loading');
                oTable.draw();
                e.preventDefault();
            });
        });
    </script>
    <style>
        @media print {
            body {
                font-size: 12pt;
                font-family: verdana;
            }
        }

    </style>
@endsection