@extends('layouts.app')
@section('titulo', $model->nombre)
@section('titulo_card', 'Mi Perfil')
@section('content')
    <div class="row">
        <div class="col">
            <table class="table table-bordered table-striped table-hover">
                <tbody>
                    <tr>
                        <th scope="row">Nombre</th>
                        <td>
                            {{ $model->nombre }}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Usuario</th>
                        <td>{{ $model->usuario }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Correo</th>
                        <td>{{ $model->email }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Estado</th>
                        <td>
                            @if ($model->estado == 'A')
                                <span class="badge badge-success">Activo</span>
                            @else
                                <span class="badge badge-danger">Inactivo</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Roles</th>
                        <td>
                            @foreach ($model->roles as $rol)
                                <span class="badge badge-primary">{{ $rol->name }}</span>
                            @endforeach
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Fecha Creación</th>
                        <td>{{ $model->FechaCreacion }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Fecha Modificación</th>
                        <td>{{ $model->FechaModificacion }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row">
        <div class="col">
            {{ html()->modelForm($model, !$model->exists ? 'POST' : 'PATCH', !$model->exists ? route('usuario.store') : route('usuario.update', $model->id))->open() }}
            {{ html()->hidden('perfil', 'S') }}
            <div class="col-12">
                <div class="form-group">
                    <label for="mod-con">¿Desea modificar la contraseña?</label>
                    <div class="form-check form-check-inline">
                        {{ html()->radio('EditPass')->class('form-check-input')->id('rs')->value('S') }}
                        {{ html()->label('Si', 'rs')->class('form-check-label') }}
                    </div>
                    <div class="form-check form-check-inline">
                        {{ html()->radio('EditPass')->class('form-check-input')->id('rn')->value('N')->checked() }}
                        {{ html()->label('No', 'rn')->class('form-check-label') }}
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="form-group">
                    <label for="password">Contraseña</label>
                    {{ html()->label('Contraseña', 'password') }}
                    {{ html()->text('password')->class('form-control')->value('')->disabled() }}
                </div>
            </div>
            <div class="col-12">
                <div class="form-group">
                    {{ html()->label('Confirmar Contraseña', 'confirm-password') }}
                    {{ html()->text('confirm-password')->class('form-control')->value('')->disabled() }}
                </div>
            </div>
            <div class="col-12">
                <div class="form-group">
                    {{ html()->label('Tema', 'tema') }}
                    {{ html()->select('tema', ['claro' => 'Claro', 'oscuro' => 'Oscuro'], $model->tema)->class('form-control') }}
                </div>
            </div>
            <div class="col-12">
                {{ html()->submit('<i class="far fa-save"></i> ' . (!$model->exists ? 'Guardar' : 'Editar'))->class('btn btn-primary') }}
            </div>
            {{ html()->closeModelForm() }}
        </div>
    </div>
@endsection
@section('js')
    <script>
        $("input[name*='EditPass']").change(function() {
            editPass = $("input[name*='EditPass']:checked").val() == 'S';
            $('#password').prop('disabled', !editPass);
            $('#confirm-password').prop('disabled', !editPass);
            $('#password').val('');
            $('#confirm-password').val('');
        });
    </script>
@endsection