@extends('layouts.master')

@section('content')

<style>
    .error {
        color: #FF0000;
    }

    .form-col-1.ratio {
        position: relative;
    }
    .rejected,#descReason-error,#ipCriteria-error,.error {
        color: red;
    }
</style>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{ trans('defaultSettings.Withdrawal Criteria Settings') }}</h1>
                </div>
    <!-- /.col -->
    <div class="col-sm-3"></div>
                <div class="col-sm-3">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">{{ Breadcrumbs::render('Withdrawal Settings') }}</li>
                    </ol>
                </div>
    <!-- /.col -->
    </div> 
    <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
    </div>

    <section class="content">
        <div class="card" id="filterDiv">
            <div class="card-header">
                <form id="withdraw-form" >
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                           @csrf
                            <div class="form-col-1">
                            {{ Form::label('withdrawalSettings',  trans('defaultSettings.withdrawalSettings'), ['class' => 'required'])}}<br>
                            <label class="radio"><input type="radio" name="withdrawalSettings" value="1" @if($withdrawsettings=='1' ) checked @endif><span class="radio-label">ON</span></label>
                            <label class="radio"><input type="radio" name="withdrawalSettings" value="2" @if($withdrawsettings !='1' ) checked @endif><span class="radio-label">OFF</span></label><br>
                            <span id="withdrawalSettings-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>
                    </form>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <div class="button_sec" id="form-buttons">
                                <button class="btn btn-primary" id="withdraw-form-submit">{{ trans('layout.Submit') }}</button>
                                <button class="btn btn-default" id="withdraw-form-clear">{{ trans('layout.Clear') }}</button>
                            </div>
                            <div class="button_sec" id="form-loader" style="display:none">
                                <img style="height: 65px;width: 65px;" src="{{ asset('img/lg.double-ring-spinner.gif') }}">
                            </div>
                        </div>
                    </div>
               
            </div>

            <div class="card" id="filterDiv">
            <div class="card-header">
                <form id="withdraw-criteria-form" >
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                           @csrf
                           <div class="form-col-1">
                            {{ Form::label('bonusCodes', trans('defaultSettings.bonusCodes'), ['class' => 'required']) }}
                            {{Form::select('bonusCodes[]',$bonusCodes,'', ['id' => 'bonusCodes', 'class' => 'form-control select2','multiple' => 'multiple']) }}
                            <span id="bonusCodes-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1 withdrawal">
                            {{ Form::label('', trans('defaultSettings.withdrawalCriteria'), ['class' => 'required']) }}
                            {{ Form::text('withdrawal','', ['class' => 'form-control number', 'id' => 'withdrawal', 'maxlength' => '3']) }}
                                <span id="withdrawal-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>
                    </form>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <div class="button_sec" id="form-buttons">
                                <button class="btn btn-primary" id="withdraw-criteria-form-submit">{{ trans('layout.Submit') }}</button>
                                <button class="btn btn-default" id="withdraw-criteria-form-clear">{{ trans('layout.Clear') }}</button>
                            </div>
                            <div class="button_sec" id="form-loader" style="display:none">
                                <img style="height: 65px;width: 65px;" src="{{ asset('img/lg.double-ring-spinner.gif') }}">
                            </div>
                        </div>
                    </div>
               
            </div>

            <div class="card">
            <div class="card-body">
                <table id="table" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                        <th class="text-center">{{ trans('defaultSettings.bonusCodes') }}</th>
                        <th class="text-center">{{ trans('defaultSettings.withdrawalCriteria') }}</th>
                        <th class="text-center">{{ trans('defaultSettings.Action') }}</th>
                    </tr>
                    </thead>
                </table>
            </div>
        <!-- card-body -->
        </div>
           
        <!-- /.content-header -->
    </section>
    <div class="modal fade" id="msg_detail" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Update Withdrawal Criteria %</h4>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="PROMOCAMPAIGNID" />
                    <div class="form-col-4">
                            {{ Form::label('editbonusCodes', trans('defaultSettings.bonusCode')) }}
                            <input type="text" class="form-control" id="editbonusCodes" disabled>
                            </div>
                            
                            <div class="form-col-4 withdrawal">
                                {{ Form::label('editwithdrawal', trans('defaultSettings.withdrawalCriteria'), ['class' => 'required']) }}
                                <input type="text" class="form-control number" id="editwithdrawal" maxlength="3">
                                <span id="ipCriteria-error"></span>
                            </div>
                            <br>
           
                    
                    <div id="popup-button">
                        <button class="btn btn-primary" id="statusSubmit">{{ trans('layout.Submit') }}</button>
                        <button class="btn btn-default" data-dismiss="modal">{{ trans('layout.Close') }}</button>
                    </div>
                    <div id="form-loader" style="display:none"><img style="height:100px; width: 100px" src="{{ asset('img/lg.double-ring-spinner.gif') }}"></div>
                </div>
            </div>
        </div>
    </div> 
</div>


@endsection
@section('javascript')
@include('datatablejs')
<script type="text/javascript">
    var table;
    $(document).on('change', '.form-control', function() {
        $(this).closest('div').find('.error-help-block').html('');
    });

    function showErrorMessage(message) {
        $.each(message, function(k, v) {
            $("#" + k + "-error").html(v);
        });
        return;
    }

            table = $('#table').DataTable({
            "responsive": true,
            "pagingType": "numbers",
            "processing": true,
            "bDestroy": true,
            //"serverSide": true,
            "searching": false,
            "aaSorting": [],
            "lengthMenu": [
                [20, 50, 100, 200],
                [20, 50, 100, 200]
            ],
                "columnDefs": [
                    {
            "orderable": false,
            "targets": [0,1,2]
            },
                {
                    "className": 'text-center',
                    "targets": [0,2]
                },
                {
                    "className": 'text-right',
                    "targets": [1]
                }
                ],
                "ajax": {
                    "url": "{{ route('withdrawalCriteriaSettings.fetch') }}",
                    "type": "GET",
                    "data": function(d) {
                        d.filter_date = '';
                    },
                    "error": function(e) {
                        swal("{{ trans('layout.Something went wrong') }}", {
                            icon: "warning",
                        });
                    },
                },
                "drawCallback": function(response, settings) {
                    var api = this.api();
                    var rows = api.rows({
                        page: 'current'
                    }).nodes();
                    if (rows.length > 0) {
                        $('.dt-buttons').show();
                    } else {
                        $('.dt-buttons').hide();
                    }
                }
            });

    

      function deleteCriteriaCode(promoCampaignId){
        swal({
            title: " {{ trans('defaultSettings.Alert')  }} ",
            text: "{{ trans('defaultSettings.criteriaAlertmsg') }}",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
        .then((willdelete) => {
            if (willdelete) {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: "{{ route('withdrawalCriteriaSettings.delete') }}",
                    method: "POST",
                    dataType: 'json',
                    data: {
                        id: promoCampaignId,
                    },
                    success: function(response) {
                        if (response.success == true) {
                            $('#table').DataTable().ajax.reload();
                            swal("{{ trans('defaultSettings.criteriaStatusSuccess') }}", {
                                icon: "success",
                            });
                        } else {
                            swal("{{ trans('layout.Something went wrong') }}", {
                                icon: "warning",
                            });
                        }
                    },
                    error: function() {
                        swal("{{ trans('layout.Something went wrong') }}", {
                            icon: "warning",
                        });
                    },
                });
            } else {

            }
       });
    }

    $('#withdraw-form-submit').click(function() {
        var formData = new FormData($('#withdraw-form')[0]);

        $.ajax({
            type: 'POST',
            url: "{{ route('withdrawalCriteriaSettings.store') }}",
            data: formData,
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function() {
                $("#form-buttons").hide();
                $("#form-loader").show();
            },
            success: function(response) {
                var message = response.msg;
                var status = response.status;
                if (status == 422) {
                    showErrorMessage(message);
                    return true;
                }
                if (status == 200) {
                    swal(message, {
                        icon: "success",
                    });
                } else {
                    swal(message, {
                        icon: "warning",
                    });
                    return true;
                }
                $('.error-help-block').html('');
               window.location.replace(window.location.href);
                //$('#withdraw-form-clear').trigger('click');
            },
            error: function() {
                swal("{{ trans('layout.Something went wrong') }}", {
                    icon: "warning",
                });
            },
            complete: function() {
                $("#form-loader").hide();
                $("#form-buttons").show();
            }
        });
    });

    $(document).on('click', '#withdraw-form-clear', function(e) {
        e.preventDefault();
        window.location.replace(window.location.href);
    });




    $('#withdraw-criteria-form-submit').click(function() {

        var formData = new FormData($('#withdraw-criteria-form')[0]);

        $.ajax({
            type: 'POST',
            url: "{{ route('withdrawalCriteriaSettings.storeBonus') }}",
            data: formData,
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function() {
                $("#form-buttons1").hide();
                $("#form-loader1").show();
            },
            success: function(response) {
                var message = response.msg;
                var status = response.status;
                if (status == 422) {
                    showErrorMessage(message);
                    return true;
                }
                if (status == 200) {
                    swal(message, {
                        icon: "success",
                    });
                } else {
                    swal(message, {
                        icon: "warning",
                    });
                    return true;
                }
                $('.error-help-block').html('');
               window.location.replace(window.location.href);

            },
            error: function() {
                swal("{{ trans('layout.Something went wrong') }}", {
                    icon: "warning",
                });
            },
            complete: function() {
                $("#form-loader1").hide();
                $("#form-buttons1").show();
            }
        });
    });

    $(document).on('click', '#withdraw-criteria-form-clear', function(e) {
        e.preventDefault();
        window.location.replace(window.location.href);
    });

    function editCriteriaCode(promoCampaignId,promoCampaignCode,criteriaValue) {

        $("#ipCriteria-error").html("");

        $('#PROMOCAMPAIGNID').val(promoCampaignId);
        $('#editbonusCodes').val(promoCampaignCode);
        $('#editwithdrawal').val(criteriaValue);

        $("#msg_detail").modal({
            backdrop: 'static',
            keyboard: false
        });
    }

    $(document).on('click', '#statusSubmit', function(e) {
        $("#ipCriteria-error").html("");

        var promoCampaignId = $('#PROMOCAMPAIGNID').val();
        var promoCampaignCode = $("#editbonusCodes").val();
        var ipCriteria = $("#editwithdrawal").val();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: "{{ route('withdrawalCriteriaSettings.updateBonus') }}",
            method: "POST",
            dataType: 'json',
            data: {
                promoCampaignId: promoCampaignId,
                promoCampaignCode: promoCampaignCode,
                ipCriteria: ipCriteria
            },
            beforeSend: function() {
                $("#popup-button").hide();
                $("#form-loader").show();
            },
            success: function(response) {
                var message = response.msg;
                var status = response.status;
                if (status == 422) {
                    showErrorMessage(message);
                    return;
                }
                if (response.success == true) {
                    $('select[name=table_length]').trigger('change');
                    $("#msg_detail").modal("hide");
                    swal("{{ trans('defaultSettings.IP Criteria Update Success') }}", {
                        icon: "success",
                    });
                } else {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                }
                window.location.replace(window.location.href);

            },
            error: function() {
                $("#msg_detail").modal('hide');
                swal("{{ trans('layout.Something went wrong') }}", {
                    icon: "warning",
                });
            },
            complete: function() {
                $("#form-loader").hide();
                $("#popup-button").show();
            }
        });
    });
 

    $(document).on('keydown', '.number', function(event) {
        if (event.shiftKey == true) {
            event.preventDefault();
            return;
        }
        if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode == 46 || event.keyCode == 190 || event.keyCode == 110) {} else {
            event.preventDefault();
            return;
        }

        if (($(this).val().length == 0) && (event.keyCode == 190 || event.keyCode == 110)) {
            event.preventDefault();
            return;
        }

        if (($(this).val().indexOf('.') != -1) && (event.keyCode == 190 || event.keyCode == 110)) {
            event.preventDefault();
            return;
        }
    });
</script>
@stop