@extends('layouts.main')
@section('customcss')
<link href="{{ url('assets/plugins/datatables/jquery.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('assets/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('assets/plugins/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('assets/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css"/>
<style>
    .select2-container .select2-selection--single{
        height: 30px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow{
        top: 2px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        font-weight: normal;
        font-size: 13px;
        line-height: 30px !important;
    }
    .select2-container .select2-selection--single, #custom_search{
        height: 30px !important;
    }     
    button.disabled{
        cursor: not-allowed !important;
        pointer-events: none;
    }
</style>
@endsection
@section('pagecontent')
<div class="container-fluid">
	<div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">@lang('sistema.client.new_accounts')</h4>
                <ol class="breadcrumb p-0 m-0">
                    <li>
                        <a class="text-uppercase" href="javascript:void(0)">{{ \App\Util\HelperUtil::get_admin_broker() }}</a>
                    </li> 
                    <li class="active">
                        @lang('sistema.client.new_accounts')
                    </li>
                </ol>
                <div class="clearfix"></div>
             </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <a href="{{ url('clients/create') }}" class="btn btn-success waves-effect waves-light pull-right m-b-10"><span class="glyphicon glyphicon-check"></span> @lang('sistema.client.new_account')</a>
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div style="display: inline-block;float: right;">
                                <label class="custom_search_title">@lang('sistema.search'): &nbsp;<input name="custom_search" id="custom_search" type="text"/></label>
                            </div>                            
                        </div>
                    </div>                        
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="table-responsive123">
                            <table class="table table-striped table-bordered" id="questions-table" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>@lang('sistema.client.acc_number')</th>
                                        <th>@lang('sistema.equity_report.customer')</th>
                                        <th>@lang('sistema.client.type_of_acc')</th>
                                        <th>@lang('sistema.client.opening_amount')</th>
                                        <th>@lang('sistema.client.date_of_transfer')</th>
                                        <th>@lang('sistema.created')</th>
                                        <th class="text-center">@lang('sistema.action')</th>
                                    </tr>
                                </thead>
                            </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><!-- container -->                
<footer class="footer">
        © {{ date('Y') }}
</footer>
<div class="modal fade" id="resetPasswordModal" tabindex="-1" role="dialog" aria-labelledby="resetPasswordModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="resetPasswordLabel">@lang('sistema.change_password')</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="frmResetPassword" method="post" onsubmit="return validateFrm();">
                    {{ csrf_field() }}
                    <div class="form-group">
                        <input type="hidden" id="uid_reset_password" value=""/>
                        <input type="hidden" id="cid_reset_password" name="client_id" value=""/>
                        <label for="new_password">@lang('sistema.new_password')</label>
                        <input class="form-control" type="password" value="" id="new_password" name="password"/>
                    </div>
                    <div class="form-group">
                        <label for="confirm_password">@lang('sistema.confirm_password')</label>
                        <input class="form-control" type="password" value="" id="confirm_password" name="confirm_password"/>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('sistema.btn_close')</button>
                <button type="button" class="btn btn-primary" id="btn_update_password">@lang('sistema.btn_save')</button>
            </div>
        </div>
    </div>
</div>
@endsection
@section('customjs')
<script type="text/javascript" src="{{ url('assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ url('assets/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
<script type="text/javascript" src="{{ url('assets/plugins/datatables/dataTables.keyTable.min.js') }}"></script>
<script type="text/javascript" src="{{ url('assets/plugins/datatables/dataTables.responsive.min.js') }}"></script>
<script type="text/javascript" src="{{ url('assets/plugins/datatables/responsive.bootstrap4.min.js') }}"></script>

@if (session('msg'))            
<script>
    @if(session('type')=='success')
      swal({
        title:'Aviso!!',
        text:'{{session("msg")}}',
        type:'success',
        timer: 3500,
        confirmButtonColor:'green',
        confirmButtonText:'OK'
      });
    @endif

    @if(session('type')=='error')
      swal({
        title:'Aviso!!',
        html:'{!! session("msg") !!}',
        type:'error',
        timer: 5000,
        confirmButtonColor:'red',
        confirmButtonText:'OK'
      });
    @endif
</script>
@endif

<script type="text/javascript">
    	
    function verPerfil(perfil)
    {
        $('#nombreperfil').text('');

        $('#nombreperfil').text(perfil);

        $('#mostrarModal').modal('show');
    }

    function confirmaDel(id,text)
    {
        swal({
            title: "{{ __('sistema.confirm') }}",
            text: "{{ __('sistema.client.delete_msg') }}\""+text+'\"?',
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: '#DD6B55',
            confirmButtonText: "{{ __('sistema.btn_delete') }}",
            cancelButtonText: "{{ __('sistema.btn_cancel') }}"
        }).then(function () {
            var formulario = $('#borra_Frm'+id);
            formulario.submit();
        }, function (dismiss) {
            //Code for cancel
        })

    }
    
    function confirmaEmailActivation(id,text)
    {
        swal({
            title: "{{ __('sistema.confirm') }}",
            text: "{{ __('sistema.client.resend_email_msg') }}\""+text+'\"?',
            type: "info",
            showCancelButton: true,
            confirmButtonColor: '#78c350',
            confirmButtonText: "{{ __('sistema.btn_send') }}",
            cancelButtonText: "{{ __('sistema.btn_cancel') }}"
        }).then(function () {
            var formulario = $('#resend_Frm'+id);
            formulario.submit();
        }, function (dismiss) {
            //Code for cancel
        })

    }

    function confirmaPrint(id,text)
    {
        var formulario = $('#print_Frm'+id);
        formulario.submit();
    }

    var question_tbl;
    //Aqui deben de ir las secciones adicionales
    $(function() {
      	question_tbl = $('#questions-table').DataTable({
            processing: true,
            serverSide: true,
            scrollX: true,
            ajax: {
                url: '{!! url("datatable/clients") !!}',
                data: function (d) {
                    let search_keyword = $('body').find('input[name=custom_search]');
                    if (!search_keyword.length)
                    {
                        d.search = {
                            'value': ''
                        };
                    }
                    else
                    {
                        d.search = {
                            'value': search_keyword.val()
                        };                        
                    }
                }
            },
            "dom": 'l<>rtip',
            language:{
            @if(\Lang::locale() == 'es')
                url: '{{url("assets/plugins/datatables/json/Spanish.json")}}'
            @endif
            },
            "bStateSave": true,
            "fnStateSave": function (oSettings, oData) {
                localStorage.setItem( 'DataTables', JSON.stringify(oData) );
            },
            "fnStateLoad": function (oSettings) {
                return JSON.parse( localStorage.getItem('DataTables') );
            },
            columns: [
              	{ data: 'id', name: 'id' },
              	{ data: 'account_number', name: 'account_number' },
              	{ data: 'client_name', name: 'client_name' },
              	{ data: 'account_type', name: 'account_type' },
              	{ data: 'opening_amount', name: 'opening_amount', class: 'text-right', render: function(data){
                    return '$' + data;
                }},
                { data: 'date_of_transfer', name: 'date_of_transfer' },
              	{ data: 'created_at', name: 'created_at' },
              	{ data: 'action', name: 'action', class: 'text-center', width: '28%', orderable:false, searchable:false },
          	]
            });
    });
    
    $('input[name=custom_search]').change(function(){
        question_tbl.draw();
    });
    
    $('body').on('click', '.btnToggleAccess', function(){
        let this_uid = $(this).data('uid');
        let new_status = $(this).hasClass('active') ? 0 : 1;
        
        if(this_uid != '')
        {
            show_loader(true);
            $.ajax({
                type: 'PATCH',
                dataType: 'json',
                data: {'_token':'{{csrf_token()}}', 'new_status': new_status },
                url: "{{ url('clients') }}/" + this_uid + '/access',
                beforeSend: function() {
                    
                },
                success: function(response) {
                    if (response.flag == 1){
                        swal("@lang('frontsistema.users_alert')", response.message, 'success');
                        question_tbl.ajax.reload(null, false);
                    }
                    else{
                        swal("@lang('frontsistema.users_alert')", response.message, 'error');
                    }
                },
                error: function(response) {
                    //console.error(response);
                    swal("@lang('frontsistema.users_alert')", "@lang('frontsistema.control_de_acceso.went_wrong_msg')", 'error');
                },
                complete: function() {
                    show_loader(false);
                }
            });
        }
        return false;
    });
    
    $('body').on('click', '.btnResetPassword', function(){
        let this_uid = $(this).data('uid');
        let this_cid = $(this).data('cid');
        if(this_uid != '')
        {
            $("#uid_reset_password").val(this_uid);
            $("#cid_reset_password").val(this_cid);
            $("#resetPasswordModal").modal('show');
        }
    });
    
    $('body').on('click', '#btn_update_password', function(){
        $('#frmResetPassword').submit();
    });
    
    function validateFrm()
    {
        var listv = 0;
        var msg = '';
        
        $('#frmResetPassword').find(':input').each(function() {            
            if($(this).attr('id') == 'new_password')
            {
                if($(this).val() != '')
                {
                    let new_password = $("#new_password").val();
                    let confirm_password = $("#confirm_password").val();

                    if(new_password != confirm_password)
                    {
                        $(this).closest(".form-group").addClass("has-error");
                        msg += 'Password does not match' + '\n';
                        listv = 1;
                    }
                    else
                    {
                        $(this).closest(".form-group").removeClass("has-error");
                    }
                }
                else
                {
                    $(this).closest(".form-group").addClass("has-error");
                    msg += 'Please Enter password' + '\n';
                    listv = 1;
                }
            }
        });
        
        if (listv == 1)
        {
            swal({
                title:'@lang("sistema.users_alert")',
                text:msg,
                type:'error',
                timer: 4000,
                confirmButtonColor:'red',
                confirmButtonText:'OK'
            });
            return false;
        } else{            
            $('#btn_update_password').prop('disabled', true);
            let this_uid = $("#uid_reset_password").val();
            let this_cid = $("#cid_reset_password").val();
            show_loader(true);
            $.ajax({
                type: 'PATCH',
                dataType: 'json',
                data: $('#frmResetPassword').serialize(),
                url: "{{ url('clients') }}/" + this_uid + '/reset-password',
                success: function(response) {
                    if (response.flag == 1){
                        swal("@lang('frontsistema.users_alert')", response.message, 'success');   
                        $("#resetPasswordModal").modal('hide');                     
                    }
                    else{
                        swal("@lang('frontsistema.users_alert')", response.message, 'error');
                    }
                },
                error: function(response) {                    
                    //console.error(response);
                    swal("@lang('frontsistema.users_alert')", "@lang('frontsistema.control_de_acceso.went_wrong_msg')", 'error');
                },
                complete: function() {
                    $('#btn_update_password').prop('disabled', false);
                    show_loader(false);
                }
            });            
            return false;
        }
    }    

    $('#resetPasswordModal').on('hide.bs.modal', function (event) {
        $("#frmResetPassword").trigger('reset');
    });
</script>
@endsection