@extends('navbar.default-navbar')
@section('content')
<style>
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.content {
		display: flex;
		margin: auto;

	}

	.rTable {
		width: 100%;
		text-align: center;

	}

	.rTable thead {
		background: #28a745;
		font-weight: bold;
		color: #fff;
	}

	.rTable tbody tr:nth-child(2n) {
		background: #ccc;
	}

	.rTable th,
	.rTable td {
		padding: 7px 0;
	}

	@media screen and (max-width: 480px) {
		.content {
			width: 94%;
		}

		.rTable thead {
			display: none;
		}

		.rTable tbody td {
			display: flex;
			flex-direction: column;
		}
	}

	@media only screen and (min-width: 1200px) {
		.content {
			width: 100%;
		}

		.rTable tbody tr td:nth-child(1) {
			width: 10%;
		}

		.rTable tbody tr td:nth-child(2) {
			width: 30%;
		}

		.rTable tbody tr td:nth-child(3) {
			width: 20%;
		}

		.rTable tbody tr td:nth-child(4) {
			width: 10%;
		}

		.rTable tbody tr td:nth-child(5) {
			width: 30%;
		}
	}
</style>
<div class="container text-center" style="color: #28a745">Você está em: <strong>{{$unidade->name}}</strong></div>
<div class="row" style="margin-top: 25px;">
	<div class="col-md-12 text-center">
		<h5 style="font-size: 18px;">VISUALIZAR RELATÓRIO ASSISTENCIAL:</h5>
	</div>
</div>
@if ($errors->any())
<div class="alert alert-danger">
	<ul>
		@foreach ($errors->all() as $error)
		<li>{{ $error }}</li>
		@endforeach
	</ul>
</div>
@endif
<div class="d-flex flex-wrap align-items-center text-center justify-content-start">
	<div class="p-2">
		<a href="{{route('transparenciaAssistencial', $unidade->id)}}" id="Voltar" name="Voltar" type="button" class="btn btn-warning btn-sm" style="color: #FFFFFF;"> <i class="bi bi-reply-fill"></i> Voltar </a>
	</div>
</div>
<div class="d-flex flex-wrap align-items-center justify-content-center">
	<div class="p-2">
		<form action="" method="post">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			Ano de Referência:
		</form>
	</div>
	<div class="p-2">
		<input type="text" id="ano_ref" name="ano_ref" value="