@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;">CADASTRAR DESPESAS COM PESSOAL:</h3>
		</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="row" style="margin-top: 25px;">
		<div class="col-md-12 col-sm-12 text-center">
			<div class="card">
				<a class="card-header bg-success text-decoration-none text-white bg-success" type="button" data-toggle="collapse" data-target="#SELETIVO" aria-expanded="true" aria-controls="SELETIVO">
					DESPESAS COM PESSOAL <i class="fas fa-tasks"></i>
				</a>
				 <form action="{{\Request::route('storeDespesas'), $unidade->id}}" method="post">
				 <input type="hidden" name="_token" value="{{ csrf_token() }}">
					<div class="d-flex flex-wrap align-items-center justify-content-center">
						<div class="d-inline-flex flex-wrap align-items-center p-2">
							<div class="p-1">
								<label>Mês:</label>
							</div>
							<div class="p-1">
								<select style="width: 140px" class="form-control form-control-sm" id="mes" name="mes">
									<option value="1" id="mes" name="mes">Janeiro</option>
									<option value="2" id="mes" name="mes">Fevereiro</option>
									<option value="3" id="mes" name="mes">Março</option>
									<option value="4" id="mes" name="mes">Abril</option>
									<option value="5" id="mes" name="mes">Maio</option>
									<option value="6" id="mes" name="mes">Junho</option>
									<option value="7" id="mes" name="mes">Julho</option>
									<option value="8" id="mes" name="mes">Agosto</option>
									<option value="9" id="mes" name="mes">Setembro</option>
									<option value="10" id="mes" name="mes">Outubro</option>
									<option value="11" id="mes" name="mes">Novembro</option>
									<option value="12" id="mes" name="mes">Dezembro</option>
								</select>
							</div>
						</div>
						<div class="d-inline-flex flex-wrap align-items-center p-2">
							<div class="p-1">
								<label>Ano:</label>
							</div>
							<div class="p-1">
								<select style="width:100px;" class="form-control form-control-sm" id="ano" name="ano">
									<option value="2010" id="ano" name="ano">2010</option>
									<option value="2011" id="ano" name="ano">2011</option>
									<option value="2012" id="ano" name="ano">2012</option>
									<option value="2013" id="ano" name="ano">2013</option>
									<option value="2014" id="ano" name="ano">2014</option>
									<option value="2015" id="ano" name="ano">2015</option>
									<option value="2016" id="ano" name="ano">2016</option>
									<option value="2017" id="ano" name="ano">2017</option>
									<option value="2018" id="ano" name="ano">2018</option>
									<option value="2019" id="ano" name="ano">2019</option>
									<option value="2020" id="ano" name="ano">2020</option>
									<option value="2021" id="ano" name="ano">2021</option>
									<option value="2022" id="ano" name="ano">2022</option>
									<option value="2023" id="ano" name="ano">2023</option>
									<option value="2024" id="ano" name="ano">2024</option>
									<option selected value="2025" id="ano" name="ano">2025</option>
								</select>
							</div>
						</div>
						<div class="d-inline-flex flex-wrap align-items-center p-2">
							<div class="p-1">
								<label>Tipo:</label>
							</div>
							<div class="p-1">
								<select style="width:180px;" class="form-control form-control-sm" id="tipo" name="tipo">
									<option value="base" id="tipo" name="tipo">Salário Base</option>
									<option value="complemento" id="tipo" name="tipo">Complemento</option>
									<option value="13" id="tipo" name="tipo">13° Salário</option>
									<option value="covid" id="tipo" name="tipo">Covid</option>
								</select>
							</div>
						</div>
					</div>
					<div style="overflow:auto;">
						<table class="table">
							<thead style="margin-right: 90px;">
								<th style="width: 250px;"> Nível: </th>
								<th style="width: 250px;"> Cargos: </th>
								<th style="width: 100px;"> Qtd: </th>
								<th style="width: 150px;"> Valores (R$): </th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td rowspan="4" align="center"> <input style="height:240px;vertical-align: text-top" class="form-control" readonly="true" style="width: 250px;" type="text" id="nivel1" name="nivel1" value="SUPERIOR" required /> </td>
									<td align="center"> <input class="form-control" readonly="true" style="width: 250px;" type="text" name="cargo1" id="cargo1" required value="MEDICOS" /> </td>
									<td align="center"> <input class="form-control" style="width: 100px;" type="number" id="Quant1" name="Quant1" value="