@extends('ATCore::atcore_layout')

@section('content')
    <!-- general form elements -->
    <div class="card card-secondary">
      <div class="card-header">
        <h3 class="card-title">{{ $showName }}</h3>
      </div>
      <!-- /.card-header -->
      <!-- form start -->

        <div class="card-body" id="app">
            <div class=table-responsive> 
                <table class="table"> 
                    <colgroup> 
                        <col class=col-xs-3> 
                        <col class=col-xs-9> 
                    </colgroup>
                    <tbody>
                        @foreach ($columns as $key=>$col)
                        <tr>
                            <td scope=row>{{$col}}</td><th>{{$result->$key}}</th>
                        </tr>
                        @endforeach
                        <tr>
                            <td>Roles</td>
                            <td>
          
                                {{ $result->roles->count() == 0 ? 'Este Usuario no tiene Roles asignados.' : '' }}
                                @foreach ($result->roles as $role)
                                    <li>{{ $role->display_name }} ({{ $role->name }})</li>
                                @endforeach
          
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>         
          
        </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <a href="#" onclick="extraAction('¿Estás seguro de cambiar de Usuario?','Para volver a tu sesión deberas volver a Ingresar','Aceptar')" class="btn btn-default"><i class="fas fa-user-secret"></i> Acceder como este Usuario</a>
            <a href="{{ route($routeName.'.edit', $result->id) }}" class="btn btn-info">Editar {{ $singularName }} </a>
            <a href="{{ route($routeName.'.index') }}" class="btn btn-secondary">Volver </a>
        </div>
    </div>


    <form id="_change_user" action="/settings/change_user" method="POST">
        @csrf
        <input type="hidden" name="user_id" value="{{$result->id}}">
    </form>
@stop

@section('js')
<script>

@if (session()->has('message'))
    toastr['{!! session('message_type') !!}']('{!! session('message') !!}')
@endif

@if (session()->has('message_alert'))
    toastr['error']('{!! session('message_alert') !!}')
@endif

async function extraAction(title, text, buttonText){
    Swal.fire({
        title: title,
        text: text,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#28a745',
        cancelButtonColor: '#d33',
        confirmButtonText: buttonText,
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.value) {
            document.getElementById('_change_user').submit();           
        }
    });
    return false;
}
</script>
@stop