@extends('layouts.app')
@section('titulo', (!$model->exists ? 'Creando' : 'Editando') . ' Usuario')
@section('titulo_card', 'Formulario')

@section('content')
    <div class="row">
        <div class="col">
            {{ html()->modelForm($model, !$model->exists ? 'POST' : 'PATCH', !$model->exists ? route('usuario.store') : route('usuario.update', $model->id))->open() }}
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="name">Nombre</label>
                        {{ html()->text('nombre')->class('form-control') }}
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <label for="name">Usuario</label>
                        {{ html()->text('usuario')->class('form-control') }}
                    </div>
                </div>
                @if ($model->exists)
                    <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>
                @endif
                <div class="col-12">
                    <div class="form-group">
                        {{ html()->label('Contraseña', 'password') }}
                        {{ html()->password('password')->class('form-control')->disabled($model->exists) }}
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        {{ html()->label('Confirmar Contraseña', 'confirm-password') }}
                        {{ html()->password('confirm-password')->class('form-control')->disabled($model->exists) }}
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <label for="">Asignar Roles</label>
                    </div>
                    <div class="form-group">
                        @foreach ($roles as $r)
                            <div class="custom-control custom-checkbox custom-control-inline">
                                {{ html()->checkbox('roles[]')->class('custom-control-input')->id('r' . $r->id)->value($r->id)->checked($r->existe == 1) }}
                                {{ html()->label($r->name, 'r' . $r->id)->class('custom-control-label') }}
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-12">
                    {{ html()->submit('<i class="far fa-save"></i> ' . (!$model->exists ? 'Guardar' : 'Editar'))->class('btn btn-primary') }}
                </div>
            </div>
            {{ html()->closeModelForm() }}
        </div>
    </div>
@endsection
@if ($model->exists)
    @section('js')
        <script>
            $(document).ready(function () {
                $('input[name="EditPass"]').on('change', function () {
                    if ($(this).val() == 'S') {
                        $('input[name="password"]').prop('disabled', false);
                        $('input[name="confirm-password"]').prop('disabled', false);
                    } else {
                        $('input[name="password"]').prop('disabled', true);
                        $('input[name="confirm-password"]').prop('disabled', true);
                    }
                });
            });
        </script>
    @endsection
@endif