@extends('layouts.master')
<style>
    .pointer,
    .minus {
        cursor: pointer;
        color: white;
        font-size: 36px;
    }
</style>

@section('content')

<!-- Content Wrapper. Contains page content -->
<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('breadcrumbs.Player Detail') }}</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('Player Detail') }}</li> -->
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    @php
    $i=1;
    @endphp
    <section class="content">
        <div id="owl-demo" class="owl-carousel owl-theme">
            @foreach($bankDetails as $pdata)
            <div class="item">
                <div class="card">
                    <div class="card-header">
                        <div class="pull-right">
                        </div>
                        <h3 class="card-title"> {{$pdata->USERNAME}} {{ trans('helpdesk.Profile Information') }}</h3>
                        <div class="card-primary card-form-1">
                            <div class="card-body">
                                <div class="form-col-1">

                                    <label class="card-title-lable">{{ trans('helpdesk.Username') }}:</label> {{$pdata->USERNAME }}

                                    <br>
                                    <label class="card-title-lable">{{ trans('helpdesk.Gender') }}:</label> {{$pdata->GENDER }}

                                    <br>
                                    <label class="card-title-lable">{{ trans('helpdesk.DateOfBirth') }}:</label> {{$pdata->DATE_OF_BIRTH}}

                                    <br>
                                    <label class="card-title-lable">{{ trans('helpdesk.State') }}:</label> {{$pdata->STATUS}}
                                    <br>
                                    <label class="card-title-lable">{{ trans('helpdesk.Address') }}:</label> {{$pdata->ADDRESS}}

                                </div>
                                <br>
                                <form id="bankDetailsForm{{$i}}">
                                    @csrf
                                    @php
                                    $hidden = idEncrypt($pdata->USER_ACCOUNT_ID);
                                    $userId = $pdata->USER_ID;
                                    $contactNo = $pdata->CONTACT;
                                    @endphp
                                    {{ Form::hidden('id', $hidden) }}
                                    {{ Form::hidden('userid',$userId) }}
                                    {{ Form::hidden('contactNo',$contactNo)}}
                                    <div class="card-primary card-form-1">
                                        <h3 class="card-title">{{ trans('helpdesk.ID Proof') }}</h3>
                                        <div class="card-body">
                                            <div class="form-col-1">
                                                {{ Form::label('USERNAME', trans('helpdesk.Username'), ['class' => 'required'])}}
                                                {{ Form::text('USERNAME', $pdata->USERNAME, ['id' => 'USERNAME', 'class' => 'form-control', 'placeholder' => trans('helpdesk.Username'),'readonly']) }}
                                                <span id="USERNAME-error" class="error-help-block"></span>
                                            </div>
                                            <div class="form-col-1">
                                                {{ Form::label('ACCOUNTNO',  trans('helpdesk.Account No'), ['class' => 'required'])}}
                                                {{ Form::text('ACCOUNTNO', $pdata->ACCOUNT_NUMBER, ['class' => 'form-control', 'id' => 'ACCOUNTNO']) }}
                                                <span id="ACCOUNTNO-error" class="error-help-block"></span>
                                            </div>
                                            <div class="form-col-1">
                                                {{ Form::label('IFSCCODE',  trans('helpdesk.IFSC code'), ['class' => 'required'])}}
                                                {{ Form::text('IFSCCODE',$pdata->IFSC_CODE,['class' => 'form-control', 'id' => 'IFSCCODE','minlength' => '11','maxlength' => '11']) }}
                                                <span id="IFSCCODE-error" class="error-help-block"></span>
                                            </div>
                                            <div class="form-col-1">
                                                {{ Form::label('BANKNAME', trans('helpdesk.Bank Name'), ['class' => 'required']) }}
                                                {{ Form::text('BANKNAME',$pdata->BANK_NAME, ['id' => 'BANKNAME', 'class' => 'form-control', 'placeholder' => trans('helpdesk.Address')]) }}
                                                <span id="BANKNAME-error" class="error-help-block"></span>
                                            </div>
                                            <div class="form-col-1">
                                                {{ Form::label('BRANCHNAME', trans('helpdesk.Branch Name'), ['class' => 'required']) }}
                                                {{ Form::text('BRANCHNAME', $pdata->BRANCH_NAME, ['id' => 'BRANCHNAME', 'class' => 'form-control', 'placeholder' => trans('helpdesk.Branch Name')]) }}
                                                <span id="BRANCHNAME-error" class="error-help-block"></span>
                                            </div>

                                            <div class="button_sec" id="form-buttons">
                                                <button class="btn btn-primary" id="accept" data="{{$i}}">{{ trans('helpdesk.Accept') }}</button>
                                                <button class="btn btn-primary" id="reject" data="{{$i}}">{{ trans('helpdesk.Reject') }}</button>
                                                <button class="btn btn-default" id="saveAndClose" data="{{$i}}">{{ trans('helpdesk.Save & Close') }}</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>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            @php
            $i++;
            @endphp
            @endforeach
        </div>
    </section>

    <div class="modal fade" id="reject-popup" 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">Reason for Rejection </h4>
                </div>
                <div class="modal-body">
                    <!-- <input type="hidden" id="VERIFICATION" /> -->
                    <div class="form-col-1">
                        {{ Form::label('REASON',  trans('helpdesk.Reason'), ['class' => 'required'])}}
                        {{ Form::select('REASON',$rejectionReasons ,'',['class' => 'form-control select2', 'id' => 'REASON', 'placeholder' => 'Select']) }}
                    </div>
                    <span id="reason-error" class="error-help-block"></span>
                    <br>
                    <div id="popup-button">
                        <button class="btn btn-primary" id="reasonSubmit">{{ 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')

<script type="text/javascript">
    $('#DOB').daterangepicker({
        singleDatePicker: true,
        maxDate: moment().add(1, 'years'),
        showDropdowns: true,
        locale: {
            format: 'YYYY-MM-DD'
        }
    });

    function showErrorMessage(message) {
        $('.error-help-block').html('');

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

        });
    }

    $(document).on('click', '#accept', function(e) {

        e.preventDefault();
        var formid = $(this).attr('data');
        var formData = new FormData($('#bankDetailsForm' + formid)[0]);

        $.ajax({
            type: 'POST',
            url: "{{ route('bankVerification.update') }}",
            data: formData,
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function() {
                $("#accept").hide();
                $("#form-loader").show();
            },
            success: function(response) {

                var message = response.msg;
                var status = response.status;

                if (status == 422) {
                    showErrorMessage(message);
                    return;
                }
                if (status == false) {
                    swal(message, {
                        icon: "warning",
                    });
                }
                if (status == 200) {
                    swal(message, {
                        icon: "success",
                    });
                } else {
                    swal(message, {
                        icon: "warning",
                    });
                    return;
                }
                $('.error-help-block').html('');
            },
            error: function() {
                swal("{{ trans('layout.Something went wrong') }}", {
                    icon: "warning",
                });
            },
            complete: function() {
                $("#form-loader").hide();
                $("#accept").show();
            }
        });
    });


    $(document).on('click', '#reject', function(e) {
        e.preventDefault();
        swal({
                title: " {{ trans('helpdesk.Alert')  }} ",
                text: "{{ trans('helpdesk.Rejectalert') }}",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((reject) => {
                if (reject) {
                    $("#reject-popup").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                }
            });
    });

    $(document).on('click', '#reasonSubmit', function(e) {
        e.preventDefault();
        var verificationId = $('[name="id"]').val();
        var reason = $('#REASON').val();

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: "{{ route('bankVerification.reject') }}",
            method: "POST",
            dataType: 'json',
            data: {
                id: verificationId,
                reason: reason,
            },
            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) {

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

    $(document).on('change', '#IFSCCODE', function(e) {
        var codeLength = $("#IFSCCODE").val().length;
        var val = $("#IFSCCODE").val();
        if (codeLength == 11) {

            $.ajax({
                url: "{{ route('bankVerification.verifyIfsc') }}",
                method: "GET",
                dataType: 'json',
                data: {
                    ifscCode: val,
                },
                success: function(response) {

                    if (response.status == true) {
                        var branchData = response.data;
                        $('#BANKNAME').val(branchData.Bankname);
                        $('#BRANCHNAME').val(branchData.Branchname);
                    } else {
                        swal(response.data, {
                            icon: "warning",
                        });
                    }
                },
            })
        }

    });

    $(document).on('click', '#saveAndClose', function(e) {
        e.preventDefault();
        win = window.close();

    });
</script>

<script>
    $(document).ready(function() {

        $("#owl-demo").on('initialized.owl.carousel resized.owl.carousel', function(e) {
            $(e.target).toggleClass('hide-nav', e.item.count <= e.page.size);
        });

        $("#owl-demo").owlCarousel({
            items: 1,
            autoplay: false,
            nav: true,
            singleItem: true,
            dots: false,
        });
    });
</script>

@stop