@extends('layouts.publicador.default')

@section('content')
<div class="container mt-5">
    <h1>Agenda Backup</h1>

    <!-- Formulário de busca -->
    <form method="GET" action="{{ route('publicador.agenda-backup.index') }}" class="mb-4">
        <div class="input-group">
            <input type="text" name="search" class="form-control" placeholder="Pesquisar por palavra-chave" value="{{ $search }}">
            <button type="submit" class="btn btn-primary">Pesquisar</button>
        </div>
    </form>

    <!-- Tabela de resultados -->
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Assunto</th>
                <th>Local</th>
                <th>Início</th>
                <th>Fim</th>
                <th>Legenda</th>
                <th>Observação</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($records as $record)
                <tr>
                    <td>{{ $record->assunto }}</td>
                    <td>{{ $record->local }}</td>
                    <td>{{ $record->inicio }}</td>
                    <td>{{ $record->fim }}</td>
                    <td>{{ $record->legenda }}</td>
                    <td>{{ $record->observacao }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <!-- Paginação -->
    <div class="d-flex justify-content-center">
        {{ $records->appends(['search' => $search])->links() }}
    </div>
</div>
@endsection