@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">
		@if($ouvidoria->status_ouvidoria == 0)
			<h3 style="font-size: 18px;">ATIVAR OUVIDORIA:</h3>
		@else
			<h3 style="font-size: 18px;">INATIVAR OUVIDORIA:</h3>
		@endif
		</div>
	</div>

	@if ($errors->any())
	<div class="alert alert-success">
		<ul>
			@foreach ($errors->all() as $error)
			<li>{{ $error }}</li>
			@endforeach
		</ul>
	</div>
	@endif
	
	<div class="row" style="margin-top: 25px;">
		<div class="col-md-2 col-sm-0"></div>
		<div class="col-md-12 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">
                        Ouvidoria: <i class="fas fa-check-circle"></i>
                    </a>
					<form action="{{\Request::route('inativarOV'), $unidade->id}}" method="post">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">
					    <div class="form-control mt-0" style="color:black">
					        <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-4 mr-2">
										<label><strong>Unidade:</strong></label>
									</div>
					                <div class="col-md-10 mr-2">
					                    <select class="form-control form-control-sm" id="unidade_id" name="unidade_id" readonly="true" style="max-width: 400px;">
    									 @foreach($unidades as $und)
    									  @if($und->id == $ouvidoria->unidade_id)
    									   <option id="unidade_id" name="unidade_id" value=""> {{ $und->sigla }} </option>
    									  @endif
    									 @endforeach
    									</select>  
					                </div>
					            </div>
    							<div class="form-group col-md-12 d-inline-flex align-items-center flex-wrap flex-md-nowrap">
    								<div class="col-md-4 mr-2">
    									<label><strong>Responsável:</strong></label>
    								</div>
    								<div class="col-md-10 mr-2">
    									<input disabled style="max-width: 400px;" class="form-control form-control-sm" type="text" id="responsavel" name="responsavel" value="" />
    								</div>
    							</div>
    							<div class="form-group col-md-12 d-inline-flex align-items-center flex-wrap flex-md-nowrap">
    								<div class="col-md-4 mr-2">
    									<label><strong>E-mail:</strong></label>
    								</div>
    								<div class="col-md-10 mr-2">
    									<input disabled style="max-width: 400px;" class="form-control form-control-sm" type="text" id="email" name="email"  value="" />
    								</div>
    							</div>
						        <div class="form-group col-md-12 d-inline-flex align-items-center flex-wrap flex-md-nowrap">
    								<div class="col-md-4 mr-2">
    									<label><strong>Telefone:</strong></label>
    								</div>
    								<div class="col-md-10 mr-2">
    									<input disabled style="max-width: 400px" class="form-control form-control-sm" type="text" id="telefone" name="telefone"  value="" />
    								</div>
    							</div>
							    <div class="form-group col-md-12 d-inline-flex align-items-center flex-wrap flex-md-nowrap">
    								<div class="col-md-4 mr-2">
    									<label><strong>Atendimento presencial:</strong></label>
    								</div>
    								<div class="col-md-10 mr-2">
    									<input disabled style="max-width: 400px" class="form-control form-control-sm" type="text" id="atendpresen" name="atendpresen"  value="" />
    								</div>
    							</div>
							    <div class="form-group col-md-12 d-inline-flex align-items-center flex-wrap flex-md-nowrap">
    								<div class="col-md-4 mr-2">
    									<label><strong>Horário de funcionamento:</strong></label>
    								</div>
    								<div class="col-md-10 mr-2">
    									<input disabled style="max-width: 400px" class="form-control form-control-sm" type="text" id="hrfunciona" name="hrfunciona"  value="" />
    								</div>
    							</div>
    							<div class="form-group text-center col-md-12"> 
    							    <center>
        							    <p><h6> Deseja realmente Inativar esta Ouvidoria?? </h6></p>
        								<a href="{{route('cadastroOV', $unidade->id)}}" id="Voltar" name="Voltar" type="button" class="btn btn-warning btn-sm" style="margin-top: 10px; color: #FFFFFF;"> Voltar <i class="fas fa-undo-alt"></i> </a>
        								@if($ouvidoria->status_ouvidoria == 0)
        									<input type="submit" class="btn btn-success btn-sm" style="margin-top: 10px;" value="Ativar" id="Ativar" name="Ativar" />
        								@else
        							    	<input type="submit" class="btn btn-primary btn-sm" style="margin-top: 10px;" value="Inativar" id="Inativar" name="Inativar" />
        								@endif
    								</center>
    							</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="Ouvidoria" /> </td>
    								@if($ouvidoria->status_ouvidoria == 0)
    								<td> <input hidden type="text" class="form-control" id="acao" name="acao" value="AtivarOuvidoria" /> </td>
    								@else
    								<td> <input hidden type="text" class="form-control" id="acao" name="acao" value="InativarOuvidoria" /> </td>
    								@endif
    								<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 class="col-md-2 col-sm-0"></div>
		<br /> <br />	
	</div>
</div>
@endsection