@extends('layouts.master')

@section('content')
<style>
   
</style>

<!-- 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.Edit User Account') }}</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('Edit User Account') }}</li>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <section class="content">
        <div class="card" id="filterDiv">
            <div class="card-header">
                <form id="userAccount-form">
                    <h3 class="card-title">{{ trans('player.Account Details') }}</h3>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            @csrf
                            {{ Form::hidden('id', $hidden) }}
                            <div class="form-col-1">
                                {{ Form::label('username', trans('player.Player Name'), ['class' => 'required']) }}
                                {{ Form::text('username', $username, ['id' => 'username', 'class' => 'form-control', 'placeholder' => trans('player.Player Name') ,'maxlength' => 25,'readonly'=>'true']) }}
                                <span id="username-error" class="error-help-block"></span>
                            </div>
                                <div class="form-col-1">
                                    {{ Form::label('ACCOUNT_HOLDER_NAME', trans('player.ACCOUNT_HOLDER_NAME'),['class' => 'required']) }}
                                    {{ Form::text('ACCOUNT_HOLDER_NAME', $acc_holder_name_value, ['id' => 'ACCOUNT_HOLDER_NAME', 'class' => 'form-control', 'placeholder' => trans('player.ACCOUNT_HOLDER_NAME')]) }}
                                    <span id="ACCOUNT_HOLDER_NAME-error" class="error-help-block"></span>
                                </div>
                                <div class="form-col-1">
                                    {{ Form::label('ACCOUNT_TYPE',  trans('player.ACCOUNT_TYPE'),['class' => 'required'])}}
                                    {{ Form::select('ACCOUNT_TYPE', $acc_type, $acc_type_value, ['class' => 'form-control select2', 'id' => 'ACCOUNT_TYPE', 'placeholder' => 'Select']) }}
                                    <span id="ACCOUNT_TYPE-error" class="error-help-block"></span>
                                </div>
                                <div class="form-col-1">
                                    {{ Form::label('ACCOUNT_NUMBER', trans('player.ACCOUNT_NUMBER'),['class' => 'required']) }}
                                    {{ Form::text('ACCOUNT_NUMBER', $acc_no_value, ['id' => 'ACCOUNT_NUMBER', 'class' => 'form-control', 'placeholder' => trans('player.ACCOUNT_NUMBER')]) }}
                                    <span id="ACCOUNT_NUMBER-error" class="error-help-block"></span>
                                </div>
                                <div class="form-col-1">
                                    {{ Form::label('IFSC_CODE', trans('player.IFSC_CODE'),['class' => 'required']) }}
                                    {{ Form::text('IFSC_CODE', $ifsc_value, ['id' => 'IFSC_CODE', 'class' => 'form-control', 'placeholder' => trans('player.IFSC_CODE')]) }}
                                    <span id="IFSC_CODE-error" class="error-help-block"></span>
                                </div>
                                <div class="form-col-1">
                                    {{ Form::label('BANK_NAME', trans('player.BANK_NAME'),['class' => 'required']) }}
                                    {{ Form::text('BANK_NAME', $bankname_value, ['id' => 'BANK_NAME', 'class' => 'form-control', 'placeholder' => trans('player.BANK_NAME')]) }}
                                    <span id="BANK_NAME-error" class="error-help-block"></span>
                                </div>
                                <div class="form-col-1">
                                    {{ Form::label('BRANCH_NAME', trans('player.BRANCH_NAME'),['class' => 'required']) }}
                                    {{ Form::text('BRANCH_NAME', $branchname_value, ['id' => 'BRANCH_NAME', 'class' => 'form-control', 'placeholder' => trans('player.BRANCH_NAME')]) }}
                                    <span id="BRANCH_NAME-error" class="error-help-block"></span>
                                </div>

                            </div>
                        </div>

                        <div class="card-primary card-form-1">
                            <div class="card-body">
                                <div class="button_sec" id="form-buttons">
                                    <button class="btn btn-primary" id="userAccount-form-submit">{{ trans('layout.Update') }}</button>
                                    <button class="btn btn-default" id="userAccount-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>
                </form>
            </div>
            <!-- /.card-body -->
        </div>
    </section>


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

    function showErrorMessage(message) {
        $('.error-help-block').html('');
        var i = 1;
        var element = '';
        $.each(message, function(k, v) {
            $("#" + k + "-error").html(v);
            if (i == 1) {
                element = "#" + k;
            }
            i++;
        });

        var topOffset = $(element).parent().offset();
        if (topOffset != undefined) {
            $([document.documentElement, document.body]).animate({
                scrollTop: topOffset.top
            }, 1000);
        }

        return;
    }

    $(document).on('click', '#userAccount-form-submit', function(e) {

        e.preventDefault();

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

        $.ajax({
            type: 'POST',
            url: "{{ route('helpdesk.updateAccount') }}",
            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;
                }
                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();
                $("#form-buttons").show();
            }
        });
    });

    $(document).on('click', '#userAccount-form-clear', function(e) {
        e.preventDefault();
        window.location.replace(window.location.href);
    });
</script>
@stop