@extends('layout.backoffice')
@section('content')
<div class="row">
    <div class="col-md-6">
        <form id="form_usuario" enctype="multipart/form-data">
            <input type="hidden" name="id" value="{{$entidad['id'] ?? '' }}" />
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Gestionar Usuario</h3>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input value="{{$entidad['email'] ?? '' }}" name="email" type="text" class="form-control form-control-border border-width-2 system_validador_vacio system_validador_email" id="nombre">
                    </div>
                    <div class="form-group">
                        <label for="nombre">Nombre</label>
                        <input value="{{$entidad['nombre'] ?? '' }}"name="nombre" type="text" class="form-control form-control-border border-width-2 system_validador_vacio" id="nombre">
                    </div>
                    <div class="form-group">
                        <label for="clave">Contraseña</label>
                        <input name="clave" type="text" class="form-control form-control-border border-width-2 {{ isset($entidad['nombre']) ? : 'system_validador_vacio' }} " id="clave">
                    </div>
                </div>
                <div class="card-footer">
                    @if (isset($entidad["id"]))
                    <button type="button" class="btn btn-flat btn-sm btn-primary" id="btn_actualizar">Actualizar</button>
                    @if(session("app_usuario_email")!=$entidad["email"])
                        <button data-id="{{$entidad['id'] ?? '' }}" type="button" class="btn btn-flat btn-sm btn-danger" id="btn_eliminar">Eliminar</button>
                    @endif
                    @else
                    <button type="button" class="btn btn-flat btn-sm btn-primary" id="btn_crear">Guardar</button>
                    @endif
                    <a href="{{ URL::asset('backoffice/usuarios') }}">
                        <button type="button" class="btn btn-flat btn-sm btn-default">Volver</button>
                    </a>
                </div>
            </div>
        </form>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Lista de usuarios</h3>
            </div>
            <div class="card-body p-0">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Nombre</th>
                            <th>Email</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($lista as $usuario)
                        <tr>
                            <td>
                                <a href="{{ url('backoffice/usuarios/'.$usuario['id']) }}">
                                    <button type="button" class="btn btn-flat btn-sm btn-default">Editar</button>
                                </a>
                            </td>
                            <td>{{ $usuario["nombre"] }}</td>
                            <td>{{ $usuario["email"] }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script>
    jQuery(document).on('click', '#btn_crear', function () {
        if (system_validarcampos("form_usuario")) {
            axios.post('usuario', getDataJson("form_usuario")).then(function (resp) {
                if (resp.data.error === 0) {
                    Swal.fire('Usuario Creado', '', 'success').then(function () {
                        window.location.reload();
                    });
                } else {
                    notificarUsuario(resp.data.mensaje);
                }
            });
        }
    });

    jQuery(document).on('click', '#btn_actualizar', function () {
        if (system_validarcampos("form_usuario")) {
            axios.put('usuario', getDataJson("form_usuario")).then(function (resp) {
                if (resp.data.error === 0) {
                    Swal.fire('Usuario Actualizado', '', 'success').then(function () {
                        window.location = UrlGlobal + 'usuarios/';
                    });
                } else {
                    notificarUsuario(resp.data.mensaje);
                }
            });
        }
    });

    jQuery(document).on('click', '#btn_eliminar', function () {
        Swal.fire({
            title: '¿Está seguro de eliminar este usuario?',
            text: "Esta acción no se puede revertir.",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Si',
            cancelButtonText: 'No'
        }).then((result) => {
            if (result.value) {
                axios.delete('usuario/' + jQuery(this).data("id")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire('Usuario Eliminado', '', 'success').then(function () {
                            window.location = UrlGlobal + 'usuarios/';
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });
    });
</script>
@endsection