{{--
    Porte de views/meetings/index.php do aurios-ops original.
    @var \Illuminate\Support\Collection $meetings
    @var string $q
    @var string $status
    @var string $scope
--}}
@extends('layout')

@section('content')
    <div class="page-head">
        <div class="t"><h1>Reuniões</h1></div>
        <div class="actions">
            <a href="{{ url('reunioes/calendario') }}" class="btn btn--ghost"><i class="ic">calendar_month</i><span class="lbl">Calendário</span></a>
            <a href="{{ url('reunioes/nova') }}" class="btn btn--primary"><i class="ic">add</i><span class="lbl">Nova reunião</span></a>
        </div>
    </div>

    <div class="toolbar">
        <div class="segmented">
            <a href="{{ url('reunioes') }}" class="active">Lista</a>
            <a href="{{ url('reunioes/calendario') }}">Calendário</a>
        </div>
        <div class="segmented">
            <a class="{{ $scope === 'upcoming' ? 'active' : '' }}" href="{{ url('reunioes?scope=upcoming') }}">Próximas</a>
            <a class="{{ $scope === 'past' ? 'active' : '' }}" href="{{ url('reunioes?scope=past') }}">Anteriores</a>
            <a class="{{ $scope === 'all' ? 'active' : '' }}" href="{{ url('reunioes?scope=all') }}">Todas</a>
        </div>
        <div class="search">
            <i class="ic">search</i>
            <input type="search" placeholder="Buscar reunião…" value="{{ $q }}"
                   data-search="#meeting-results" data-endpoint="reunioes">
            <input type="hidden" data-search-scope value="{{ $scope }}">
        </div>
    </div>

    <div id="meeting-results" data-table-pagination>
        @include('meetings._list', ['meetings' => $meetings, 'pagination' => $pagination, 'paginationPath' => 'reunioes'])
    </div>

    <a href="{{ url('reunioes/nova') }}" class="fab" title="Nova reunião"><i class="ic">add</i></a>
@endsection