@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;">EXCLUIR 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('destroyDRH', 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><strong>Mês:</strong></label>
							</div>
							<div class="p-1">
								<label>Dezembro</label>							</div>
							<div class="p-1">
								<label><strong>Ano:</strong></label>
							</div>
							<div class="p-1">
								<label>{{ $ano }}</label>
							</div>
							<div class="p-1">
								<label><strong>Tipo:</strong></label>
							</div>
							<div class="p-1">
								<label>{{ $tipo }}</label>
							</div>
						</div>
					</div>
					<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
							<tr>
								<td><input hidden type="text" name="mes" id="mes" value="{{$mes}}" /></td>
								<td><input hidden type="text" name="ano" id="ano" value="{{$ano}}" /></td>
								<td><input hidden type="text" name="tipo" id="tipo" value="{{$tipo}}" /></td>
							</tr>
						</tbody>
					</table>
					<div class="d-flex flex-wrap justify-content-around p-2">
						<div class="p-1">
							<b> Deseja Realmente Excluir esta Despesa Pessoal? </b> </td>
						</div>
					</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-danger btn-sm" style="margin-top: 10px;" value="Excluir" id="Salvar" name="Salvar" />
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection