@extends('navbar.default-navbar')
@section('content')
<style>
	.file-button {
		background: #eee;
		border: 1px solid #aaa;
		border-radius: 3px;
		display: inline-block;
		padding: 2px 8px;
	}

	.file-name {
		width: 200px;
		border: 1px solid #aaa;
		overflow-wrap: break-word;
		padding: 2px;
	}

	input[type='file'] {
		display: none;
	}
</style>
<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 CONTRATOS DE GESTÃO / ADITIVOS:</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-8 offset-md-2 col-sm-12 text-center">
			<div id="accordion">
				<div class="card">
					<a class="card-header bg-success text-decoration-none text-white bg-success" type="button" data-toggle="collapse" data-target="#PESSOAL" aria-expanded="true" aria-controls="PESSOAL">
						Contrato de Gestão / Aditivos: <i class="fas fa-check-circle"></i>
					</a>
					<form action="{{\Request::route('storeCG'), $unidade->id}}" method="post" enctype="multipart/form-data">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <div class="form-control mt-0" style="color:black">
							<div class="form-row mt-1">
								<div class="form-group col-md-12 d-inline-flex align-items-center flex-wrap flex-md-nowrap">
									<div class="col-md-2 mr-2">
										<label><strong>Título:</strong></label>
									</div>
									<div class="col-md-10 mr-2">
										<input class="form-control form-control-sm" type="text" id="title" name="title" value="" required />
									</div>
								</div>
							</div>
							<div class="form-row mt-2">
								<div class="form-group col-md-12 d-inline-flex align-items-center flex-wrap flex-md-nowrap">
									<div class="col-md-2 mr-2">
										<label><strong>Arquivo:</strong></label>
									</div>
									<div class="col-md-10 mr-2 d-inline-flex flex-wrap justify-content-center">
										<label class="file-label p-1" for="path_file">
											<div class="file-button form-control-sm">Escolha o arquivo&hellip;</div>
										</label>
										<p class="file-name ml-1">Nenhum arquivo</p>
										<input class="form-control form-control-sm" id="path_file" type="file" name="path_file" required>
									</div>
								</div>
							</div>
    						<div class="form-group text-center col-md-12">
    							<a href="{{route('cadastroCG', $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>
    							<input type="submit" class="btn btn-success btn-sm" style="margin-top: 10px;" value="Salvar" id="Salvar" name="Salvar" />
    						</div>
    						<table>
    							<tr>
    								<td> <input hidden style="width: 100px;" type="text" id="unidade_id" name="unidade_id" value="" /></td>
    								<td> <input hidden type="text" class="form-control" id="tela" name="tela" value="ContratoGestao" /> </td>
    								<td> <input hidden type="text" class="form-control" id="acao" name="acao" value="salvarContratoGestao" /> </td>
    								<td> <input hidden type="text" class="form-control" id="user_id" name="user_id" value="{{ Auth::user()->id }}" /> </td>
    							</tr>
    						</table>
                        </div>
					</form>
				</div>
			</div>
		 </div>
	  </div>
	</div>
</div>
<script>
	function update(e) {
		fileName.textContent = file.files[0].name;
	}
	const file = document.querySelector('#path_file'),
		fileName = document.querySelector('.file-name');
	file.addEventListener('change', update);
</script>
@endsection