@extends('adminlte::page')

@section('title', 'Del Mercado')

@section('content_header')
    <h1>Usuarios</h1>
@stop

@section('content')
    <a href="users/new" class="btn btn-primary">Nuevo usuario</a>
    <hr>
    @if (count($users) > 0)
        <div class="panel panel-default">
            <div class="panel-heading">
            </div>
            <div class="panel-body">
                <table class="table table-striped task-table">
                    <thead>
                        <th>Nombre</th>
                        <th>Email</th>
                        <th>&nbsp;</th>
                    </thead>
                    <tbody>
                        @foreach ($users as $us)
                            <tr>
                                <td class="table-text">
                                    <div>{{ $us->name }}</div>
                                </td>
                                <td class="table-text">
                                    <div>{{ $us->email }}</div>
                                </td>
                                <td>
                                    <a href="/admin/users/edit/{{$us->id}}" class="btn btn-secondary"><i class="fa fa-pen"></i>&nbsp;Editar {{ $us->name }}</a>
                                    <button data-toggle="modal" data-target="#elim-{{$us->id}}" class="btn btn-tertiary"><i class="fa fa-trash"></i>&nbsp;Eliminar</button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
@stop

@foreach ($users as $us)     
    <div class="modal fade" id="elim-{{$us->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form  method="POST">
                {{ csrf_field() }}
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <h2>¿Eliminar Elemento?</h2>
                        <p>No podras recuperarlo una vez eliminado.</p>
                    </div>

                    <div class="modal-footer text-center">
                        <input type="hidden" name="id" id="id" value="{{$us->id}}">
                        <button type="submit" class="btn btn-primary">Eliminar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endforeach

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop