@extends('layout.mainlayout')
@section('content')

@component('components.breadcrumb')
@slot('title1') Usuários @endslot
@slot('title2') Cadastro @endslot
@endcomponent

<div class="row">
    <div class="col-lg-12">
        <div class="e-panel card">
            <div class="card-header">
                <h2 class="card-title" style="text-transform: none;">{{ $returnData->list->count() }} Usuário(s)</h2>
            </div>
            <div class="card-body">
                @component('components.addbutton',
                [
                'title' => 'Usuário',
                'route' => 'usuarios.cadastro.create'
                ]
                )
                @endcomponent
                <div class="e-table">
                    <div class="table-responsive table-lg">
                        <table class="table table-bordered text-dark" id="responsive-datatable1">
                            <thead>
                                <tr>
                                    <!-- <th class="text-center text-dark fw-semibold">
                                            All
                                        </th> -->
                                    <th class="text-dark fw-semibold w-25">Usuário</th>
                                    <th class="text-dark fw-semibold">Email</th>
                                    <th class="text-center fw-semibold">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($returnData->list as $user)
                                <tr>
                                    <td>
                                    <a title="Mostrar" href="{{ route('usuarios.cadastro.show', $user->id) }}">{{ $user->name }} </a> 
                                    </td>
                                    <td class="text-nowrap align-middle">
                                        {{ $user->email }}
                                    </td>
                                    <td class="text-center align-middle">
                                        <div class="btn-group align-top br-7">
                                            <form role="form" id="destroy-{{$user->id}}" class="form-horizontal" action="{{ route('usuarios.cadastro.destroy',$user->id) }}" method="POST">
                                                @csrf
                                                @method('DELETE')
                                                <a href="{{ route('usuarios.cadastro.edit', $user->id) }}" class="btn btn-app btn-primary badge js-edit" title="Editar">
                                                    <i class="fa fa-pencil"></i>
                                                </a>
                                                <button class="btn btn-app btn-primary badge" onclick="if(confirm('Remover este registro?')){document.getElementById('destroy-{{$user->id}}').submit();}else{return false;}" type="button"><i class="fa fa-trash"></i></button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@include('layout.partials.footer-datatable-scripts')
<script>
		
    $('#responsive-datatable1').dataTable({
        language: {
            url: "{{ URL::asset('assets/libs/datatable/pt-br.json') }}",
            searchPlaceholder: 'Pesquisar...',
            scrollX: "100%",
            sSearch: '',
        }
    });
</script>
@endsection