@extends("theme.$theme.layout")

@section('title')
   Roles
@endsection

@section('scripts')
   <script src="{{asset("assets/pages/scripts/admin/index.js")}}" type="text/javascript"></script>
@endsection

@section('content')
<div class="row">
    <div class="col-sm-12">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">Roles</h3>
                <div class="card-tools">
                    <a href="{{route('create_role')}}" class="btn btn-outline-secondary btn-sm">
                        <i class="fa fa-fw fa-plus-circle"></i> Nuevo registro
                    </a>
                </div>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table table-striped table-bordered table-hover" id="table-data">
                    <thead>
                        <tr>
                            <th class="width20">ID</th>
                            <th>Nombre</th>
                            <th>Email</th>
                            <th>Estatus</th>
                            <th>Roles</th>
                            <th class="width80"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($datas as $data)
                        <tr>
                            <td>{{$data->id}}</td>
                            <td>{{$data->name}}</td>
                            <td>{{$data->email}}</td>
                            <td>{{$data->statusDescription()}}</td>
                            <td>
                                @foreach ($data->roles as $rol)
                                    {{$loop->last ? $rol->name : $rol->name . ', '}}
                                @endforeach
                            </td>
                            <td>
                                <a href="#" onclick="document.getElementById('form_edit_{{$data->id}}').submit()" class="btn btn-info btn-sm tooltipsC" title="Editar este registro">
                                    <i class="fa fa-edit"></i>
                                    Editar
                                </a>
                                <a href="#" data="#form_delete_{{$data->id}}" class="btn btn-danger btn-sm tooltipsC link-delete" title="Eliminar este registro">
                                    <i class="fas fa-trash">
                                    </i>
                                    Eliminar
                                </a>
                            <form id="form_edit_{{$data->id}}" action="{{route('edit_user', ['id' => $data->id])}}" style="display:none" method="GET">

                                </form>
                            <form id="form_delete_{{$data->id}}" action="{{route('delete_user', ['id' => $data->id])}}" class="form-eliminar" style="display:none" method="POST">
                                    @csrf @method("delete")
                                </form>
                            </td>
                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection