@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;">ALTERAR 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="{{route('updateDRH', array($unidade->id, $ano, $mes, $tipo))}}" 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 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 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="" id="ano" name="ano">{{ $ano }}</option>
								</select>
							</div>
							<div class="p-1">
								<label>Tipo:</label>
							</div>
							<div class="p-1">
								<select style="width:160px;" class="form-control form-control-sm" id="tipo" name="tipo">
									<option value="" id="tipo" name="tipo">{{ $tipo }}</option>
								</select>
							</div>
						</div>
					</div>
					<div style="overflow:auto;">
						<table class="table">
							<thead style="margin-right: 90px;">
								<th style="width: 190px;"> Nível: </th>
								<th style="width: 250px;"> Cargos: </th>
								<th style="width: 100px;"> Qtd: </th>
								<th style="width: 150px;"> Valores (R$): </th>
							</thead>
														<tbody>
								@if(!empty($despesas))
								@foreach($despesas as $despesa)
								<tr> 									<td hidden style="font-size: 11px; width:190px"><input type="text" id="id_1" name="id_1" readonly="true" class="form-control" value="" /> </td>
									<td align="center" style="font-size: 11px; width: 250px;"><input style="width: 190px;" type="text" id="nivel" name="nivel" readonly="true" class="form-control" value="" /> </td>
									<td align="center" style="font-size: 11px; width:250px"><input style="width: 250px;" type="text" id="cargo" name="cargo" readonly="true" class="form-control" value="" /> </td>
									<td align="center" style="font-size: 11px; width:100px"><input style="width: 100px;" type="text" id="quant_1" name="quant_1" class="form-control" value="" /></td>
									<td align="center" style="font-size: 11px; width:150px"><input style="width: 150px;" type="text" id="valor_1 " name="valor_1" class="form-control" value="" /></td>
								</tr>
								@endforeach
								@endif

							</tbody>
						</table>
					</div>
					<div class="d-flex flex-wrap justify-content-around p-2">
						<div class="p-1">
							<a href="{{route('despesasRH', array($unidade->id))}}" id="Voltar" name="Voltar" type="button" class="btn btn-warning btn-sm" style="margin-top: 10px; color: #FFFFFF;"> <i class="bi bi-reply-fill"></i> Voltar </a>
						</div>
						<div class="p-1">
							<input type="submit" class="btn btn-success btn-sm" style="margin-top: 10px;" value="Salvar" id="Salvar" name="Salvar" />
						</div>
					</div>
				</form>
			</div>

		</div>
	</div>
</div>
@endsection