@extends('adminlte::page')

@section('title', 'Freecia')

@section('content_header')
    <h1>{{ $module_name }}</h1>
@stop

@section('content')
    <div class="box">
        <div class="box-header">
            @if($permissions['can_add'])
                <a href="{{ route('promocode.create') }}" class="btn btn-primary">Create</a>
            @endif
        </div>
        <div class="box-body">

            <!--Search Filters Start-->
{{--            <div class="panel-group">--}}
{{--                <div class="panel panel-danger panel-advance-filters">--}}
{{--                    <div class="panel-heading" data-toggle="collapse" data-target="#advance-filters"--}}
{{--                         aria-expanded="false">--}}
{{--                        <h4 class="panel-title">--}}
{{--                            <i class="fa fa-filter"></i> Advance Filters--}}
{{--                        </h4>--}}
{{--                    </div>--}}
{{--                    <form id="gridFilterForm">--}}
{{--                        <div id="advance-filters" class="panel-collapse collapse">--}}
{{--                            <div class="panel-body">--}}
{{--                                <div class="row form-group">--}}

{{--                                    --}}{{-- Order ID--}}
{{--                                    <div class="col-md-2">--}}
{{--                                        <label>Voucher Discount ID</label>--}}
{{--                                        <input type="text" id="voucherDiscountId" pattern="[0-9]" class="form-control">--}}
{{--                                    </div>--}}

{{--                                    --}}{{-- Category Status--}}
{{--                                    <div class="col-md-2">--}}
{{--                                        <label>Status</label>--}}
{{--                                        <select id="activefilter" data-placeholder="Select status"--}}
{{--                                                class="form-control select2Filter filter-field">--}}
{{--                                            <option value=""></option>--}}
{{--                                            <option value="1">Yes</option>--}}
{{--                                            <option value="0">No</option>--}}
{{--                                        </select>--}}
{{--                                    </div>--}}

{{--                                    --}}{{--Created At--}}
{{--                                    <div class="col-md-2">--}}
{{--                                        <label>From - Create At</label>--}}
{{--                                        <input autocomplete="off" id="created_at_start" class="form-control datePicker">--}}
{{--                                    </div>--}}

{{--                                    <div class="col-md-2">--}}
{{--                                        <label>To - Create At</label>--}}
{{--                                        <input autocomplete="off" id="created_at_end" class="form-control datePicker">--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="panel-footer">--}}
{{--                                <button type="button" class="btn btn-default pull-right margin-r-5  clearFilterDataTable"><i--}}
{{--                                        class="fa fa-times-circle"></i> Clear--}}
{{--                                </button>--}}
{{--                                <button type="button" class="btn btn-primary pull-right margin-r-5  submitFilterDataTable"><i--}}
{{--                                        class="fa fa-filter"></i> Filter--}}
{{--                                </button>--}}
{{--                                <div class="clearfix"></div>--}}
{{--                            </div>--}}

{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--            </div>--}}
            <!-- Search Filter End -->

            <div id="order-list">
                @include('admin.promocode.partials.promo-code-list',[ 'permissions' => $permissions,
                'isSupperAdmin' => $isSupperAdmin,'isVendorAdmin' => $isVendorAdmin, 'isVenueAdmin' => $isVenueAdmin])
            </div>
        </div>
    </div>

    @include('admin.detailmodel')

@stop
 @section('javascript')
{{--    <script>--}}
{{--        var table;--}}
{{--        $(function () {--}}

{{--            table = initDataTable();--}}

{{--            $('.clearFilterDataTable').click(function () {--}}
{{--                var gridFilterForm = document.getElementById('gridFilterForm');--}}
{{--                gridFilterForm.reset();--}}

{{--                if ($(gridFilterForm).find('select').length > 0) {--}}
{{--                    $(gridFilterForm).find('select').val('');--}}
{{--                    $(gridFilterForm).find('select').change();--}}
{{--                }--}}
{{--                table = initDataTable();--}}
{{--            });--}}

{{--            $('.submitFilterDataTable').click(function () {--}}

{{--                table = initDataTable();--}}
{{--            });--}}


{{--            $(document).off('click','.venues-details').on('click','.venues-details',function(event){--}}
{{--                event.preventDefault();--}}
{{--                var url = $(this).attr('href');--}}
{{--                $.ajax({--}}
{{--                    type:'GET',--}}
{{--                    url:url,--}}
{{--                    success: function(response){--}}
{{--                        $('#detail-placeholder').html(response.venues_list)--}}
{{--                        $('#detail-modal').modal('show');--}}
{{--                    }--}}
{{--                });--}}
{{--            });--}}

{{--        });--}}


{{--        function initDataTable() {--}}
{{--            if (table) {--}}
{{--                table.destroy();--}}
{{--            }--}}

{{--            var voucherDiscountIdFilter = document.getElementById('voucherDiscountId').value,--}}
{{--                activefilter = document.getElementById('activefilter').value,--}}
{{--                createdAtStart = document.getElementById('created_at_start').value,--}}
{{--                createdAtEnd = document.getElementById('created_at_end').value;--}}

{{--            var requestData = {--}}
{{--                _token: "{{csrf_token()}}",--}}
{{--                voucher_discount_id: voucherDiscountIdFilter,--}}
{{--                is_active: activefilter,--}}
{{--                created_at_start: createdAtStart,--}}
{{--                created_at_end: createdAtEnd--}}
{{--            };--}}

            {{--var datatable = $('.voucherDiscountsDataTable').DataTable({--}}
            {{--    "processing": true,--}}
            {{--    "serverSide": true,--}}
            {{--    "ajax": {--}}
            {{--        "url": "{{ route('voucherdiscount.data') }}",--}}
            {{--        "dataType": "json",--}}
            {{--        "type": "POST",--}}
            {{--        "data": requestData--}}
            {{--    },--}}
            {{--    "columns": [--}}
            {{--        {"data": "id"},--}}
            {{--        {"data": "voucher_discount_code"},--}}
            {{--        {"data":"discount_type"},--}}
            {{--        {"data":"discount"},--}}
            {{--        {"data":"venues","render":function(data,type,full,meta){--}}
            {{--                return '<a class="venues-details" href="'+data.venues_list+'">view details</a>';--}}
            {{--            }},--}}
            {{--        {"data":"start_datetime"},--}}
            {{--        {"data":"end_datetime"},--}}
            {{--        {"data": "is_active"},--}}
            {{--        {"data": "created_at"}--}}
            {{--        @if ($permissions['can_view'] || $permissions['can_edit'] || $permissions['can_delete'])  ,--}}
            {{--        {--}}
            {{--            "data": "action", "render": function (data, type, full, meta) {--}}
            {{--                var $columnData = '';--}}

            {{--                @if ($permissions['can_edit'])--}}
            {{--                    $columnData += '<a href = "' + data.edit + '" style="margin-right: 5px;" class="btn btn-primary btn-sm" ><i class="fa fa-edit" ></i > </a >';--}}
            {{--                @endif--}}
            {{--                    @if ($permissions['can_delete'])--}}
            {{--                    $columnData += '<a href = "' + data.delete + '" style="margin-right: 5px;" class="btn btn-danger btn-sm remove-size" ><i class="fa fa-trash" ></i ></a >';--}}
            {{--                @endif--}}

            {{--                    return $columnData;--}}
            {{--            }--}}
            {{--        }--}}
            {{--        @endif--}}
            {{--    ]--}}

            {{--});--}}

            {{--return datatable;--}}
        // }

    <script>
        $('.promoCodeDataTable').dataTable();
    </script>


@stop