@extends('templates.prefeitura1.layout')

@section('content')
<div style="background-color: var(--backgroud-header) ">
<div class="container" style="background-color: var(--backgroud-header) ">
    <div class="row" >
        <div class="col-md-12">

            <h1 style="padding-top: 20px; padding-bottom: 20px; color: var(--text-header); "> Pauta das Reuniões</h1>

        </div>

    </div>

 </div>
 </div>
<div class="container">

    <div class="row" >
        <div class="col-md-8 ">

            <div style=" padding: 10px;">
                {!! Form::open(['url'=>routeTenant('site.pautas.buscar')]) !!}
                    <div class="row" style="padding: 30px; height: auto; border: solid 1px #c6c8ca; margin-top: 10px;">
                    <div class="form-group col-md-8">
                        <label for="exampleInputEmail1">Faça uma busca</label>
                        <input type="text" name="buscar" class="form-control" id="exampleInputEmail1"  placeholder="Digite sua Busca">

                    </div>
                    <div class="form-group col-md-4">
                        <label for="exampleInputEmail1"></label>
                    <button type="submit" class="btn btn-primary" style="margin-top: 30px; background-color: var(--backgroud-header); border: 0;">Buscar</button>
                    </div>
                    </div>
                {!! Form::close() !!}

                <div class="list-group listapauta striped" style="margin-top: 50px;">
                    <h4> Lista de Pautas/Reuniões</h4>
                    @foreach($pautas as $pauta)
                    <a style="border-left: solid 4px var(--backgroud-header);" href="{{url('pauta/'.$pauta->slug)}}" class="list-group-item list-group-item-action ">
                       <h5>{{$pauta->data->format('d/m/Y')}} - {{$pauta->titulo}}</h5>
                    </a>

                    @endforeach
                    <div class="paginationsite" style="height: 30px;"></div>
                    {!! $pautas->links('vendor.pagination.bootstrap-4') !!}
                </div>
            </div>




        </div>