@extends('layouts.evento')
@section('conteudo')
<div class="section parallax parallax-bg nomargin notopborder" data-rellax-speed="2" style="background: url('{{setting('site.url_imagens')}}{{$evento->capa}}') center center; padding: 100px 0;" data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position:0px -200px;">
	<div class="container-fluid center clearfix">
		<div class="heading-block">
			<h2>{{$evento->titulo}}</h2>
			<span></span>
			<div class="clear"></div>
		</div>
	</div>
</div>
<div class="content-wrap" style="padding-top: 0px;">
	<div class="container clearfix noleftpadding"  style="margin-top: -100px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);     background-color:#f5f5f5 ; border-top-left-radius: 10px; border-top-right-radius: 10px; " >
		<div class="row">
			<div class="col-lg-8 col-md-8 norightpadding" style="padding-left:15px;">
				<img src="{{setting('site.url_imagens')}}{{$evento->imagem}}"  style="width: 100%;     border-top-left-radius: 10px;" />
			</div>
			<div class="col-lg-4 col-md-4">
				<br />
				@if($evento->inicial == $evento->final)
					<h4 class="nobottompadding nobottommargin">{{ $evento->inicial  }}</h4>
				@else
					<h4 class="nobottompadding nobottommargin">De {{ $evento->inicial  }} até {{ $evento->final  }}</h4>
				@endif	
				<h5 class="notoppadding nobottompadding nobottommargin">Horário: {{ $evento->hora }}</h5>
				<h5 class+"notoppadding">Local: {{ $evento->local }}</h5>
			</div>			
		</div>
		<div class="row">
			<div class="col-lg-8 col-md-8" style="padding-left: 30px;" >	
				<h2>{{$evento->titulo}}</h2>
			</div>	
			<div class="col-lg-4 col-md-4 center" >	
				<a href="#frmevento" class="button button-blue btn-block ">
					@if($evento->inscricao == 1 )
						Inscreva-se	
					@endif
				</a>		
			</div>	
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12" style="padding-left: 30px;" >	
				<hr />
				@php echo $evento->conteudo @endphp			
			</div>	
		</div>		
	</div>
</div>

@if(count($variacoes) > 0 )
<section style="margin-bottom: 0px;" id="frmevento">
	<div class="content-wrap ">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-12 col-md-12">
					@foreach($variacoes as $variacao)
						<div id="box{{$variacao->id}}" class="promo promo-light bottommargin">
							<h3>{{$variacao->nome}}</h3>
							<a href="javascript:;" onclick="_escolherVariacao({{$variacao->id}})" class="button button-dark button-xlarge button-rounded">Selecionar - R$ {{number_format($variacao->valor,2,',','.')}}</a>
						</div>
					@endforeach
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-lg-12 col-md-12 text-center">
					<form method="post" action="/continuar-evento">
						@csrf
						<input type="hidden" value="{{$evento->id}}" name="evento">
						<input type="hidden" value="" name="variacao" id="variacao">
						<button id="btnContinuarEvento" type="submit" class="button button-primary disabled " disabled="disabled" >Continuar</button>
					</form>
				</div>
			</div>
			
		</div>
	</div>
</section>			
@endif

@stop


@section('endereco')
	@include('partials.endereco')
@stop