@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            @include('layouts.sidebar')

            <div class="col-md-10">
                <div class="card">
                    <div class="panel panel-default">
                    <div class="card-header p-4">

                        Usuário
                        <a class="btn btn-sm btn-primary float-right" href="{{url('/usuario/criar')}}"><i class="fas fa-plus-circle"></i> Criar</a>

                    </div>

                    <div class="card-body">

                        @if(Session::has('mensagem_sucesso'))
                            <div class="alert alert-success">
                                <strong>Alerta!</strong> {{Session::get('mensagem_sucesso')}}
                            </div>
                        @endif

                        @if(Session::has('mensagem_danger'))
                            <div class="alert alert-danger">
                                <strong>Error!</strong> {{Session::get('mensagem_danger')}}
                            </div>
                        @endif

                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <td>Id</td>
                                <td>Cliente</td>
                                <td>Nome</td>
                                <td>E-mail</td>
                                <td>Status</td>
                                <td>Tipo</td>

                                <td>Ações</td>
                            </tr>
                            </thead>
                            <tbody>
                                @foreach($usuarios as $usuario)
                                    <tr>
                                        <td>{{$usuario->id}}</td>
                                        <td>{{$usuario->nome_cliente}}</td>
                                        <td>{{$usuario->name}}</td>
                                        <td>{{$usuario->email}}</td>
                                        <td>{{$usuario->status}}</td>
                                        <td>{{$usuario->tipo}}</td>

                                        <td class="text-center">
                                            <a href="{{ url('/usuario/visualizar') }}/{{$usuario->id}}" class="btn btn-sm btn-primary"><i class="fas fa-eye"></i> Visualizar</a>
                                            <a href="{{ url('/usuario/editar') }}/{{$usuario->id}}" class="btn btn-sm btn-primary"><i class="far fa-edit"></i> Editar</a>
                                            <a class="btn btn-sm btn-danger" href="#" data-toggle="modal" data-original-title="Deletar" data-target="#excluirModal{{$usuario->id}}"><i class="fas fa-times"></i> Excluir</a>

                                            <!-- modal excluir location -->
                                            <div class="modal fade" id="excluirModal{{$usuario->id}}" tabindex="-1" role="dialog" aria-labelledby="excluirModal{{$usuario->id}}" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="ModalLabel">Deseja realmente excluir?</h5>
                                                            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body"><p>Confirme para excluir do sistema.</p></div>
                                                        <div class="modal-footer">

                                                            <form id="delete-form" method="POST" class="float-left" action="{{ url('/usuario/excluir/') }}">
                                                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                                <input type="hidden" name="id" value="{{$usuario->id}}">
                                                                <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancelar</button>
                                                                <button type="submit" class="btn btn-primary">Sim, desejo excluir</button>
                                                            </form>

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

                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                        {{ $usuarios->links() }}

                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
@endsection