@extends('layouts.app')

@section('content')
    <div class="bgc-white p-20 bd">
        <h3>Contactos Factura</h3>

        <div class="row mb-3">
            <div class="col-12">
                @if(auth()->user()->tieneRoles('SUPERADMIN', 'USUARIO_CONTABILIDAD'))
                    <div class="mb-3">
                        <a href="{{ route('facturas-factorizadas.correos.create') }}" class="btn btn-primary">
                            Agregar Correo
                        </a>
                    </div>
                @endif

                <form>
                    @component('components.form-group', ['nombre' => 'buscar', 'titulo' => 'Buscar'])
                        <input type="text" class="form-control" id="buscar" name="buscar">
                    @endcomponent
                </form>
            </div>
        </div>

        {{ $correos->links() }}

        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>Nombre</th>
                    <th>Correo</th>
                    <th>Area</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tbody>
                @foreach($correos as $correo)
                    <tr>
                        <td>{{ $correo->user->full_name }}</td>
                        <td>{{ $correo->user->email }}</td>
                        <td>
                            <ul>
                                @foreach($correo->nombreAreas() as $area)
                                    <li>{{ $area }}</li>
                                @endforeach
                            </ul>
                        </td>
                        <td>
                            @if(currentUser()->tieneRoles('SUPERADMIN', 'USUARIO_CONTABILIDAD'))
                                <a href="{{ route('facturas-factorizadas.correos.edit', ['id' => $correo->id]) }}"
                                   class="btn btn-primary btn-block btn-sm">
                                    Editar
                                </a>

                                <form action="{{ route('facturas-factorizadas.correos.destroy', ['id' => $correo]) }}"
                                      onsubmit="return confirm('¿Borrar Correo?')" method="post">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-danger btn-block btn-sm">Borrar</button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        {{ $correos->links() }}
    </div>
@endsection

@push('pre-scripts')
    <script>

    </script>
@endpush