@extends('dashboardAdmin.plantilla')

@section('titulo')
    Administrar Usuarios
@endsection

@section('tituloDos')
    <a href="">Usuarios</a>
@endsection

@section('contenido')
    <div class="row ">
        <div class="col-sm-12 col-sm-12">
            <div class="card table-card border border-secondary">
                <div class="card-header border-bottom border-secondary">
                    <div class="row">
                        <div class="col-sm-7">
                            <h4>Usuarios</h4>
                        </div>

                        <div class="col-sm-4">
                            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                <a href="{{ route('dashboardAdmin.usuarios.create') }}"
                                    class="btn btn-primary rounded-pill">Nuevo Usuario
                                    +</a>
                            </div>
                        </div>

                        {{-- <div class="col-sm-2"> --}}
                        <div class="card-header-right">
                            <div class="btn-group card-option">
                                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="fas fa-ellipsis-v"></i>

                                </button>
                                <ul class="list-unstyled card-option dropdown-menu dropdown-menu-right">
                                    <li class="dropdown-item full-card"><a href="#!"><span><i
                                                    class="feather icon-maximize"></i> maximize</span><span
                                                style="display:none"><i class="feather icon-minimize"></i>
                                                Restore</span></a></li>
                                    <li class="dropdown-item minimize-card"><a href="#!"><span><i
                                                    class="feather icon-minus"></i> collapse</span><span
                                                style="display:none"><i class="feather icon-plus"></i>
                                                expand</span></a></li>
                                    <li class="dropdown-item reload-card"><a href="#!"><i
                                                class="feather icon-refresh-cw"></i> reload</a></li>
                                    <li class="dropdown-item close-card"><a href="#!"><i
                                                class="feather icon-trash"></i> remove</a></li>
                                </ul>
                            </div>
                        </div>
                        {{-- </div> --}}
                    </div>
                </div>
                <div class="card-body p-3">
                    <div class="table-responsive">
                        <table id="tabla-productos"
                            class="table table-striped table-hover table-bordered text-center border">
                            <thead>
                                <tr>
                                    <th scope="col">#ID</th>
                                    <th scope="col">Nombre</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">Rol</th>
                                    <th scope="col">Contraseña</th>

                                    {{-- <th scope="col">Password</th> --}}
                                    <th scope="col">Edición</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    {{-- <td>@mdo</td> --}}
                                    <td>jn</td>
                                    <td>@mdo</td>

                                    <td><a href="{{ route('dashboardAdmin.usuarios.edit') }}"
                                            class="btn btn-warning btn-sm "><i class="fas fa-edit"></i>
                                        </a>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    {{-- <td>@mdo</td> --}}
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    <td><button class="btn btn-warning btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>

                                </tr>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>@mdo</td>

                                    {{-- <td>@mdo</td> --}}
                                    <td><button class="btn btn-warning  btn-sm"><i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i>
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection