@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 da Reunião {{$pauta->data->format('d/m/Y')}}</h1>

        </div>

    </div>

 </div>
 </div>

<div class="container">

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

            <div style=" padding: 10px;">




                <div class="list-group listapauta striped" style="margin-top: 50px;">
                    <h4>{{$pauta->data->format('d/m/Y')}}- {{$pauta->titulo}}</h4>


                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingOne" style="background-color: var(--backgroud-header); color: var(--text-header);">
                                <h5 class="mb-0">
                                    <button style="color: var(--text-header);" class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    PAUTA
                                    </button>
                                </h5>
                            </div>

                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                                <div class="card-body">


{!! $pauta->descricao !!}

                                </div>
                            </div>
                        </div>

                        @if ($pauta->status == 1)
                        <div class="card">
                            <div class="card-header" id="headingTwo" style="background-color: var(--backgroud-header); color: var(--text-header);">
                                <h5 class="mb-0">
                                    <button style="color: var(--text-header);" class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        ATA
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                                <div class="card-body">

                                    {!! $pauta->ata !!}
                                </div>
                            </div>
                        </div>
@endif
                    </div>


            </div>
                @if ($pauta->status == 1)
                <h3 style="margin-top: 30px; ">Vereadores Presentes</h3>
                <div class="row">
                    @php

                           $arr = explode(',', $pauta->vereadores);

                    @endphp
                    @foreach($arr as $vereador)
                    <div class="col-md-4">
                <div class="card" >
                    @php
                       $ververeador = \App\Vereador::find($vereador);
                            @endphp
                    <img class="card-img-top" src="{{$ververeador->foto}}" alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title">{{$ververeador->name}}</h5>

                    </div>
                </div>
                </div>
                @endforeach
                </div>
                @endif


        </div>
        </div>