@extends('layouts.dashboard')

@section('dashboard')

    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Páginas</strong></li>
    </ul>
    <div class="row">
        <div class="col-auto">
            <h1 class="titulo-h1 mb-3">Páginas</h1>
        </div>
        <div class="col-auto">
            <a href="{{ route('crear-pagina') }}" class="btn btn-sm btn-info">Crear Página</a>
        </div>
    </div>

    <div class="card rounded-0">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover table-centered mb-0">
                    <thead>
                        <tr>
                            <th>Titulo</th>
                            <th>URL</th>
                            <th>Opciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(count($paginas) > 0)
                            @foreach($paginas as $p)
                                <tr id="pagina-{{ $p->pagina_id }}">
                                    <td>{{ $p->pagina_titulo }}</td>
                                    <td>
                                        <a href="https://{{ $p->dominio_url.$p->url }}" target="_blank" rel="noopener noreferrer">{{ $p->url }}</a>
                                    </td>
                                    <td>
                                        <a href="{{ route('editar-pagina', ['id' => $p->pagina_id]) }}" class="btn btn-primary btn-rounded btn-mini" target="_blank" rel="noopener noreferrer" title="Editar Página"><i class="fa fa-pencil align-bottom"></i></a>
                                    </td>
                                </tr>

                            @endforeach
                        @else
                            <tr>
                                <td colspan="2">No hay entradas publicadas</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
				@if(count($paginas) > 0)
	    			<div class="d-flex justify-content-center mt-4">
	    				{{ $paginas->links() }}
	    			</div>
				@endif
            </div>
        </div>
    </div>

@endsection