@extends('layouts.app')

{{-- carrega os estilos no head --}}
@section('styles')   
    @parent    
    {{-- styles aqui --}}
@endsection

{{-- conteudo do site --}}
@section('content')

	<ol class="breadcrumb">
	  <li><a href="/">Início</a></li>
	  <li class="active">Configurações</li>
	</ol>
	
	<div class="row">
		<div class="col-md-9">
			<h1>Configurações</h1>
		</div>
		<div class="col-md-3">
		</div>
	</div>
	<hr>

	@if ($message = Session::get('success'))
	<div class="alert alert-success">
		<p>{{ $message }}</p>
	</div>
	@endif

	<div class="row">
		<div class="col-md-6">
			<div class="panel panel-default">
			  <div class="panel-heading">Cadastrar Anos</div>
			  <div class="panel-body">

				<form method="post" action="{{Route('configuracoes.ano.salvar')}}">
			    	{{ csrf_field() }}
					<div class="col-md-4">
						<label for="txtAno">Ano</label>
						<input id="txtAno" name="txtAno" type="text" class="form-control" placeholder="Exemplo: 1955" required="">
					</div>
					<div class="col-md-2">
						<label>
							Ativo <br>
							<input type="checkbox" name="txtAtivo" checked="checked">
						</label>						
					</div>
					<div class="col-md-3">
						<label>
							Ano Base <br>
							<input type="checkbox" name="txtAnoBase">
						</label>						
					</div>
					<div class="col-md-3">
						<label for="">&nbsp;</label>
						<button class="btn btn-primary btn-block">Salvar</button>					
					</div>
				</form>

			  </div>
			</div>

			<div class="panel panel-default">
				<div class="panel-body">
					<table class="table table-striped">
						<caption>Anos cadastrados</caption>
						<tr>
							<th>Ano</th>
							<th>Ativo</th>
							<th>Ano Base</th>
							<th>Opção</th>
						</tr>
						@foreach ($anos as $ano)
							<tr @if($ano->ano_base == 1) style="background-color: rgba(52, 152, 219, .3)" @endif >
								<td>{{$ano->ano}}</td>
								<td>
									@if($ano->ativo)
										Sim
									@else
										Não
									@endif
								</td>
								<td>
									@if($ano->ano_base)
										Sim
									@else
										Não
									@endif
								</td>
								<td><a href="#" data-toggle="modal" data-target="#myModal{{$ano->ano}}">Alterar</a></td>
							</tr>
							<!-- Modal -->
							<div class="modal fade" id="myModal{{$ano->ano}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
							  <div class="modal-dialog" role="document">
							    <div class="modal-content">
							      <div class="modal-header">
							        <h5 class="modal-title" id="exampleModalLabel">Ano {{$ano->ano}}</h5>
							        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
							          <span aria-hidden="true">&times;</span>
							        </button>
							      </div>
							      <form action="{{Route('configuracoes.ano.alterar')}}" method="post">
								      <div class="modal-body">		
								      	<input name="id" type="hidden" value="{{$ano->id}}">				
          								{{ csrf_field() }}
							        	<label>
							        		Ano ativo:
							        		<input name="txtAnoAtivo" type="checkbox" @if($ano->ativo) checked @endif>
							        		(ano que aparecerá no gráfico)
							        	</label> <br>
							        	<label>
							        		Ano base: 
							        		<input name="txtAnoBase" type="checkbox"  @if($ano->ano_base) checked @endif>
							        		(é o ano carregado por padrão no gráfico)
							        	</label>							        
								      </div>
								      <div class="modal-footer">
								        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
								        <button type="submit" class="btn btn-primary">Salvar</button>
								      </div>
							      </form>
							    </div>
							  </div>
							</div>
						@endforeach
					</table>
				</div>
			</div>

		</div>
	</div>

@endsection

{{-- carrega os scripts no rodapé --}}
@section('scripts')
    @parent
     {{-- Scrips aqui --}}
    </script>
@endsection