@extends('layout')

@section('content')
    <div class="observability-page internal-logs-page">
        <div class="page-head page-head--rich">
            @include('partials.context-back')
            <div class="t">
                <div class="eyebrow"><i class="ic sm">manage_history</i> Atividade operacional</div>
                <h1>Histórico de movimentações</h1>
                <p class="lead">Ações registradas na operação, nas tarefas e na auditoria do sistema.</p>
            </div>
            <div class="actions"><a class="btn btn--subtle" href="{{ url('operacao') }}"><i class="ic">terminal</i><span class="lbl">Voltar aos LOGs técnicos</span></a></div>
        </div>

        <section class="card observability-card observability-card--logs" id="internal-logs-card">
            <div class="card-head observability-logs-head">
                <div>
                    <h2><i class="ic sm">manage_history</i> Histórico de movimentações</h2>
                    <p>Eventos operacionais e de tarefas. A listagem usa paginação, sem rolagem interna.</p>
                </div>
            </div>
            <div class="card-body flush" id="internal-logs" data-logs-container aria-live="polite">
                @include('observability._activities', ['activities' => $activities, 'filters' => $filters])
            </div>
        </section>
    </div>
@endsection