@extends('includes.navbarclient')
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Profile</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <label>Nombre</label>
                            <input type="text" class="form-control" readonly value="{{ $datos['nombre'] }}">
                            <input type="hidden" id="hiIdCliente" value="{{ $datos['idCliente'] }}">
                            <input type="hidden" id="hiIdUsuario" value="{{ $datos['idUsuario'] }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <label>Direccion</label>
                            <input type="text" class="form-control" readonly value="{{ $datos['direccion'] }}">
                        </div>
                         <div class="col-6">
                            <label>Telefono</label>
                            <input type="text" class="form-control" readonly value="{{ $datos['telefono'] }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <label>Email</label>
                            <input type="text" class="form-control" readonly value="{{ $datos['email'] }}">
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-4">
                            <a class="btn btn-primary" href='{{ url('change-password') }}'>Change Password</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<div class="modal fade" id="changePassModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Change Password</h4>
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12">
                        <label>Old Password</label>
                        <input type="password" class="form-control" id="modalOldPassword">
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <label>New Password</label>
                        <input type="password" class="form-control" id="modalNewPassword">
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <label>Confirm New Password</label>
                        <input type="password" class="form-control" id="modalConfirmPassword">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" onclick="cambiaPass()">Change</button>
            </div>
        </div>
    </div>
</div>
<script>
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
function cambiaPass(){
    var oldPass = $('#modalOldPassword').val();
    var newPass = $('#modalNewPassword').val();
    var confimPass = $('#modalConfirmPassword').val();

    if(newPass!=confimPass){
        alert('Las contraseñas nueva y de confirmacion no coinciden');
        return false;
    }

    $.ajax({
        url: 'cambia_password',
        type: 'POST',
        dataType: 'json',
        data: {
            idUsuario: $('#hiIdUsuario').val(),
            idCliente: $('#hiIdCliente').val(),
            oldPass: oldPass,
            newPass: newPass
        },
    })
    .done(function() {
        console.log("success");
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
</script>
@endsection