@extends('metronic.base')
@section('title')
Editar Usuario
@endsection

@section('content')

<div class="col-md-12">
    @include('sessions')
</div>
<div class="container">

    <div class="row justify-content-center mt-5">
        <div class="col-md-8">
            <div class="card">

                <div class="card-body">
                    <form action="{{ route('user.update', $userActualizar->id) }}" method="POST">
                        @csrf

                        <div class="form-group row mt-2">
                            <label for="name1" class="col-md-4 col-form-label text-md-right">{{ __('Nombre') }}</label>

                            <div class="col-md-6">
                                <input id="name1" type="text" class="form-control" name="name"
                                    value="{{ $userActualizar->name }}">
                            </div>
                        </div>

                        <div class="form-group row mt-5">
                            <label for="user1" class="col-md-4 col-form-label text-md-right">{{ __('Usuario') }}</label>

                            <div class="col-md-6">
                                <input id="user1" type="text" class="form-control" name="username"
                                    value="{{ $userActualizar->username }}">
                            </div>
                        </div>

                        <div class="form-group row mt-5">
                            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('Email') }}</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control" name="email"
                                    value="{{ $userActualizar->email }}">
                            </div>
                        </div>
                        <div class="form-group row mt-5">
                            <label for="cargo" class="col-md-4 col-form-label text-md-right">{{ __('Cargo') }}</label>

                            <div class="col-md-6">
                                <input id="cargo" type="text" class="form-control" name="cargo"
                                    value="{{ $userActualizar->cargo }}">
                            </div>
                        </div>
                        <div class="form-group row mt-5">
                            <label for="telefono" class="col-md-4 col-form-label text-md-right">{{ __('Telefono') }}</label>

                            <div class="col-md-6">
                                <input id="telefono" type="text" class="form-control" name="telefono"
                                    value="{{ $userActualizar->telefono }}">
                            </div>
                        </div>


                                <input id="id" type="hidden" class="form-control" name="id"
                                    value="{{ $userActualizar->id }}">


                        <div class="form-group row mt-5">
                            <label for="rol" class="col-md-4 col-form-label text-md-right">{{ __('Roles asignados') }}</label>
                            @if($userRol)
                            <div class="col-md-6">
                                <select name="rol_id" id="rol_id" class="form-control" required>
                                    @foreach ($userRol as $rol)
                                    <option >{{ $rol }}</option>
                                    @endforeach
                                 </select>
                                 <button type="button"  class="btn btn-secondary mt-3 mb-3"  data-bs-toggle="modal" data-bs-target="#kt_modal_1" title="Asignar Rol">Asignar</button>


                                <button type="button" class="btn border border-danger border-hover" data-bs-toggle="modal" data-bs-target="#kt_modal_delete" title="Eliminar Rol">
                                    <i class="ki-outline ki-trash fs-2 text-danger"></i>
                                </button>
                            </div>
                            @else
                            <div class="col-md-6 mt-5">
                                <input id="user1" type="text" class="form-control"
                                    value="Sin roles asignados" disabled>
                                    <button type="button"  class="btn btn-secondary mt-3 mb-3"  data-bs-toggle="modal" data-bs-target="#kt_modal_1">Asignar</button>
                            </div>
                            @endif

                        </div>


                        <input type="hidden" name="user" value="{{auth()->user()->name}}">
                        <div class="form-group row mb-0">
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-success" title="Confirmar edición de usuario">
                                    <i class='ki-outline ki-double-check fs-2'></i>
                                    {{ __('Editar Usuario') }}
                                </button>

                            </div>
                        </div>


                    </form>
                </div>
            </div>
        </div>
    </div>

</div>




<!-- Eliminar Modal -->
<div class="modal fade" tabindex="-1" id="kt_modal_delete">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light">
                    <h3 class="modal-title">Eliminación del rol</h3>

                    <!--begin::Close-->
                    <button type="button" class="btn btn-icon btn-sm btn-active-light-danger ms-2" data-bs-dismiss="modal" aria-label="Close">
                        <i class="ki-outline ki-cross fs-1"></i>
                    </button>
                    <!--end::Close-->
                </div>

                <div class="modal-body">
                    <form action="{{route('user.deleteRoles')}}" method="POST">
                        @csrf
                        {{ method_field('DELETE') }}
                        <div style="text-align: center">
                            <br>
                            <i class='fas fa-exclamation-circle' style='font-size:80px;color: gray;'></i>
                            <br>
                            <br>
                            <strong>
                                <h3>¿Estás seguro que deseas eliminar el rol seleccionado?</h3>
                            </strong>
                            <strong>Recuerda que NO podrás revertir esta acción</strong>
                            <input type="hidden" name="user" value="{{auth()->user()->name}}">
                            <input type="hidden" id="delete_id" name="delete_id">
                            <input type="hidden" id="usr_id" name="usr_id" value="{{$userActualizar->id}}">
                        </div>
                        <div class="modal-footer d-flex justify-content-center">
                            <button type="submit" class="btn btn-danger">
                                <i class='ki-outline ki-trash fs-2'></i>
                                Eliminar
                            </button>
                            <a href="" class="btn btn-secondary" data-dismiss="modal">
                                <i class='ki-outline ki-cross-circle fs-2'></i>
                                Cancelar
                            </a>
                        </div>
                    </form>
                </div>


            </div>
        </div>
</div>



<div class="modal fade" tabindex="-1" id="kt_modal_1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h3 class="modal-title">Asignación de rol</h3>

                <!--begin::Close-->
                <button type="button" class="btn btn-icon btn-sm btn-active-light-danger ms-2" data-bs-dismiss="modal" aria-label="Close">
                    <i class="ki-outline ki-cross fs-1"></i>
                </button>
                <!--end::Close-->
            </div>

            <div class="modal-body">
                <form action="{{route('user.setRoles')}}" method="post">
                    @csrf

                       <select name="rol_id2" id="rol_id2" class="form-control" required>
                          <option value="" selected disabled>Selecciona la Rol...</option>
                          @foreach ($rolesQuery as $rol2)
                          <option value="{{ $rol2->id }}">{{ $rol2->name }}</option>
                          @endforeach
                       </select>

                       <input type="hidden" name="user" value="{{auth()->user()->name}}">
                    <div class="modal-footer d-flex justify-content-center">
                       <button type="submit" class="btn btn-primary">
                          <i class='ki-outline ki-check-circle fs-2'></i>
                          Asignar
                       </button>
                       <input id="user_id" type="hidden" class="form-control" name="user_id"
                       value="{{ $userActualizar->id }}">
                       <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="ki-outline ki-cross-circle fs-2"></i> Cancelar</button>
                    </div>
                 </form>
            </div>


        </div>
    </div>
</div>


@endsection