@extends('main.template')

@section('content')

<div class="row">

    <div class="col-sm-12">
        <hr class="sidebar-divider d-none d-md-block">
        <h1 class="h3 mb-2 text-gray-800">Lista de Vendedores</h1>
        <div class="panel panel-primary">
            <div class="panel-body">
                <div class="table-responsive">
                    @if(!empty($sellers))
                    <table class="table table-bordered table-hover table-striped">
                        <thead>
                            <tr>
                                <th></th>
                                <th>ID Primavera</th>
                                <th>Nome</th>
                                <th>Email</th>
                                <th>Grupo PVP</th>
                                <th>Acesso</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($sellers as $seller)
                            <tr>
                                <td style="width:50px;">
                                    <a class="btn btn-sm btn-info left"
                                        href="{{ route('sellers.view', ['id' => $seller->id]) }}">
                                        <i class="fa fa-list"></i>
                                    </a>
                                </td>
                                <td>{{ $seller->external_id }}</td>
                                <td>{{ $seller->name }} {{ $seller->last_name }}</td>
                                <td>{{ $seller->email }}</td>
                                <td>{{ $seller->pvp_level }}</td>
                                <td>{{ $seller->getRoleName() }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{ $sellers->links('pagination::bootstrap-4') }}
                    @else
                    <div style="text-align:center">Sem resultados</div>
                    @endif
                </div>
            </div>
        </div>

    </div>
</div>

@endsection