@extends('navbar.default-navbar')
@section('content')
<div class="container text-center" style="color: #28a745">Você está em: <strong>{{$unidade->name}}</strong></div>
<div class="container-fluid">
	<div class="row" style="margin-top: 25px;">
		<div class="col-md-12 text-center">
			<h3 style="font-size: 18px;">RELATÓRIO FINANCEIRO E DE EXECUÇÃO ANUAL</h3>
			@if(Auth::check())
			 @foreach ($permissao_users as $permissao)
			  @if(($permissao->permissao_id == 24) && ($permissao->user_id == Auth::user()->id))
			   @if ($permissao->unidade_id == $unidade->id)
				<p align="right"><a href="{{route('cadastroRF', $unidade->id)}}" class="btn btn-info btn-sm" style="color: #FFFFFF;"> Alterar <i class="fas fa-edit"></i> </a></p>
			   @endif
			  @endif 
			 @endforeach 
			@endif
		</div>
	</div>
	<div class="row mt-3">
	  <div class="col-md-1 col-sm-0"></div>
		<div class="col-md-10 col-sm-12 text-center">
		    @foreach ($relatorioFinanceiro->pluck('ano')->unique() as $ano)
			<div class="col-2 d-inline-flex flex-wrap">
				<div class="p-2">
				<a class="btn btn-success" data-toggle="collapse" href="#{{$ano}}" role="button" aria-expanded="false" aria-controls="{{$ano}}">{{$ano}}</a>
				</div>
			</div>
			@endforeach
			
			@foreach ($relatorioFinanceiro->pluck('ano')->unique() as $financialReport)
			<div class="collapse border-0" id="{{$financialReport}}">
				<div class="card card-body border-0" style="background-color: #fafafa">
					@foreach ($relatorioFinanceiro as $item)
				 	  @if ($item->ano == $financialReport)
						<div class="list-group" style="font-size: 13px;padding: 2px 2px;">
						    <a href="{{asset('storage')}}/{{$item->file_path}}" target="_blank" class="d-md-inline-flex table-success border-bottom border-success" style="padding: 5px 5px;"> <b>{{$item->title}}</b> / <span class="badge badge-secondary"> {{$item->mes}}/{{$item->ano}} </span> <i style="color:#65b345" class="fas fa-cloud-download-alt"></i></a>
						</div>
					  @endif	
					@endforeach
				</div>
			</div>
			@endforeach
			<div class="container" style="margin-top: 15px;">
				<h2 style="font-size: 80px; color:#65b345"><i class="fas fa-file-pdf"></i></h2>
			</div>
        </div>
		<div class="col-md-2 col-sm-0"></div>
    </div>
</div>
@endsection