@extends('layouts.admin')
@section('content')
    <link rel="stylesheet" href="{{ URL::asset('css/dataTables.min.css') }}" media="all" 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/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.Manage Promo List')</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.Manage Promocode')</li>
                </ul>
            </div>
        </div>
    </div>

    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    <div class="clearfix form-blk">
        <div class="col-lg-8">
            {!!Form::open(array( 'method' =>'post','class'=>'tab-form attribute_form','id'=>'promo_code_search_form')) !!}
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group" style="margin-bottom: 0px;">
                        <label class="control-label">@lang('messages.Created Date')</label>
                        <div class="input-group">
                            <input type="text" placeholder="@lang('messages.Created Date')" name="created_at" id="created_at" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group" style="margin-bottom: 0px;">
                        <label class="control-label">@lang('messages.Available From')</label>
                        <div class="input-group">
                            <input type="text" placeholder="@lang('messages.Available From')" name="available_from" id="available_from" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group" style="margin-bottom: 0px;">
                        <label class="control-label">@lang('messages.Available To')</label>
                        <div class="input-group">
                            <input type="text" placeholder="@lang('messages.Available To')" name="available_to" id="available_to" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-md-3" style="padding-top:25px;">
                    <button class="btn btn-primary mr5" type="submit" name="submit" title="@lang('messages.Search')">@lang('messages.Search')</button>
                    <button type="reset" title="@lang('messages.Reset')" class="btn btn-default mr5" onclick="window.location='{{ url('admin/promocode') }}'">@lang('messages.Reset')</button>
                </div>
            </div>
            {!!Form::close() !!}
        </div>
        <div class="col-lg-4">
            <div class="buttons_block" style="padding-top:13px">
                <div class="btn-group mr5">
                    <a href="javascript:void(0)" id="change_promo_code_active_status" class="btn btn-success" onclick="change_promo_code_status(1)" style="display: none"><span class="glyphicon glyphicon-thumbs-up" style="color:#fff;"></span></a>
                    <a href="javascript:void(0)" id="change_promo_code_inactive_status" class="btn btn-danger" onclick="change_promo_code_status(0)" style="display: none"><span class="glyphicon glyphicon-thumbs-down" style="color:#fff;"></span></a>
                    @if(IzoCommonHelper::hasPermission('promocode_add'))
                        <a class="btn btn-primary tip" href="{{ URL::to('admin/promocode/create') }}" title="@lang('messages.Add New')">@lang('messages.Add New')</a>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="table-responsive">
            @if(IzoCommonHelper::hasPermission('promocode_list'))
                <table id="couponslist" class="table table-striped table-bordered responsive">
                    <thead>
                    <tr class="headings">
                        <th>@lang('messages.Id')</th>
                        <th>@lang('messages.Promo Code')</th>
                        <th>@lang('messages.Amount Type')</th>
                        <th>@lang('messages.Discount Amount')</th>
                        <th>@lang('messages.Discount Percentage')</th>
                        <th>@lang('messages.Maximum Use')</th>
                        <th>@lang('messages.Available From')</th>
                        <th>@lang('messages.Available To')</th>
                        <th>@lang('messages.Usage Count')</th>
                        <th>@lang('messages.Status')</th>
                        <th>@lang('messages.Action')</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>
            @endif
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            token = $('meta[name="csrf-token"]').attr('content');
            var oTable = $('#couponslist').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                },
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('ajaxpromocode.data') }}',
                    type: 'GET',
                    data: function (d) {
                        d.created_at = $('#created_at').val();
                        d.available_from = $('#available_from').val();
                        d.available_to = $('#available_to').val();
                    },
                    headers: {
                        'X-CSRF-TOKEN': token
                    }
                },
                "order": [],
                "columnDefs": [{
                    "targets": 'no-sort',
                    "orderable": false,
                    "width": "93px", "targets": 10
                }],
                columns: [
                    {data: 'PromoId', name: 'PromoId'},
                    {data: 'promo_code', name: 'promo_code', searchable: true},
                    {data: 'discount_type', name: 'discount_type', searchable: true},
                    {data: 'discount_amount', name: 'discount_amount', searchable: true},
                    {data: 'discount_percent', name: 'discount_percent', searchable: true},
                    {data: 'maximum_use', name: 'maximum_use', searchable: true},
                    {data: 'AvailableFrom', name: 'AvailableFrom', searchable: false},
                    {data: 'AvailableTo', name: 'AvailableTo', searchable: false},
                    {data: 'usage_count', name: 'usage_count', searchable: false},
                    {data: 'status', name: 'status', searchable: false, orderable: false},
                    {data: 'action', name: 'action', searchable: false, orderable: false},
                ],
            });
            $('#promo_code_search_form').on('submit', function (e) {
                created_at = $('#created_at').val();
                available_from = $('#available_from').val();
                available_to = $('#available_to').val();
                if (available_from != '' && available_to == '') {
                    toastr.error('You need to choose the Available To date');
                    return false;
                } else if (available_from == '' && available_to != '') {
                    toastr.error('You need to choose the Available From date');
                    return false;
                } else if (created_at != '' || available_from != '' || available_to != '') {
                    $('#change_promo_code_active_status').show();
                    $('#change_promo_code_inactive_status').show();
                } else {
                    $('#change_promo_code_active_status').hide();
                    $('#change_promo_code_inactive_status').hide();
                }
                oTable.draw();
                e.preventDefault();
            });
        });
        $(document).ready(function () {
            $('#created_at').datetimepicker({
                format: 'DD-MM-YYYY',
            });
            $('#available_from').datetimepicker({
                format: 'DD-MM-YYYY',
            });

            $('#available_to').datetimepicker({
                format: 'DD-MM-YYYY',
            });
            $("#available_from").on("dp.change", function (e) {
                $('#available_to').data("DateTimePicker").minDate(e.date);
            });
            $("#available_to").on("dp.change", function (e) {
                if ($("#available_from").val() == '') {
                    $('#available_from').val(e.date.format('DD-MM-YYYY'));
                }
                //$('#available_from').data("DateTimePicker").maxDate(e.date);
            });
        });
        function change_promo_code_status(p_status) {
            var created_at = $('#created_at').val();
            var available_from = $('#available_from').val();
            var available_to = $('#available_to').val();
            /*if (created_at != '' && available_from != '' && available_to != '') {
                toastr.error('You need to use the filter option. EG: Created At, Available from and Available to');
                return false;
            } else */
            if (available_from != '' && available_to == '') {
                toastr.error('You need to choose the Available To date');
                return false;
            } else if (available_from == '' && available_to != '') {
                toastr.error('You need to choose the Available From date');
                return false;
            }
            if (p_status == 0) {
                var conf = confirm('Would you like to inactive this PromoCode?');
            } else {
                var conf = confirm('Would you like to active this PromoCode?');
            }
            if (conf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/promocode/change-bulk-status') }}';

                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: {
                        'status': p_status,
                        'created_at': created_at,
                        'available_from': available_from,
                        'available_to': available_to
                    },
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        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);
                            $("#promo_code_search_form").submit();
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    }
                });
            }
        }
        function changeStatus(promo_id)
        {
            var status = $('body #coupon-' + promo_id).data("status");
            if (status == 0) {
                var conf = confirm('Would you like to un approve this PromoCode?');
            } else {
                var conf = confirm('Would you like to  approve this PromoCode?');
            }
            if (conf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/promocode/changeStatus') }}';
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: {'status': status, 'promocode_id': promo_id},
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        if (resp.http_code == 400) {
                            err_msg = resp.message.replace(/, \\n /g, '<br>');
                            toastr.error(err_msg);
                        } else if (resp.http_code == 200) {
                            if (status == 0) {
                                $('#coupon-' + promo_id).data('status', 1);
                                $('#coupon-' + promo_id).attr('class', '');
                                $('#coupon-' + promo_id).attr('class', 'glyphicon glyphicon-thumbs-down');
                            } else if (status == 1) {
                                $('#coupon-' + promo_id).data('status', 0);
                                $('#coupon-' + promo_id).attr('class', '');
                                $('#coupon-' + promo_id).attr('class', 'glyphicon glyphicon-thumbs-up');
                            }
                            toastr.success(resp.message);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    }
                });
            }
        }
    </script>
    <style>
        .status {
            cursor: pointer;
        }
    </style>
@endsection