@extends('site/layouts.hotsite')

@section('content')

    <h2 class="titulo-interna titulo-primum"><span class="icone"></span>{{ trans('inter.primum.menu.icpnn')}}</h2>


    

    <p style="margin-bottom: 40px;">{{ trans('inter.primum.icpnn.paragrafo_cadastre') }}</p>

    @if (session('status'))
        <div class="alert alert-success alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            {{ trans('inter.primum.icpnn.'.session('status')) }}
        </div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

            <strong>Erro!</strong> {{ $errors->first() }}

        </div>
    @endif
    @if(session('error_voucher'))
        <div class="alert alert-danger alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

            <strong>Erro!</strong> {{ trans('inter.primum.icpnn.'.session('error_voucher')) }}

        </div>
    @endif


    <form  method="POST" action="{{ route('icpnn.cadastrar') }}" id="inscricao">
        {!! csrf_field() !!}

        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    <label for="edicao">{{ trans('inter.primum.icpnn.edicao')}}</label>
                    <select class="form-control" name="edicao" id="edicao">
                        @foreach($eventos as $ed)
                            <option value="{{$ed->id}}">{{$ed->ano}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-7">
                <div class="form-group">
                    <label for="nome_completo">{{ trans('inter.primum.icpnn.nome')}}</label>
                    <input type="text" value="{{old('nome_completo')}}" class="form-control" id="nome_completo" name="nome_completo" placeholder="{{ trans('inter.primum.icpnn.nome')}}">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-7">
                <div class="form-group">
                    <label for="email">{{ trans('inter.primum.icpnn.email')}}</label>
                    <input type="text" value="{{old('email')}}" class="form-control" id="email" name="email" placeholder="{{ trans('inter.primum.icpnn.email')}}">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-7">
                <div class="form-group">
                    <label for="link_curriculo">{{ trans('inter.primum.icpnn.curriculo')}}</label>
                    <input type="text" value="{{old('link_curriculo')}}" class="form-control" id="link_curriculo" name="link_curriculo" placeholder="{{ trans('inter.primum.icpnn.curriculo')}}">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    <label for="modalidade">{{ trans('inter.primum.icpnn.modalidade')}}</label>
                    <select class="form-control" name="modalidade" id="modalidade">
                        <option value="">Selecione</option>
                        <option {{ (old("modalidade") == "graduando" ? "selected":"") }} value="graduando">{{ trans('inter.primum.icpnn.graduando')}} - R$50,00</option>
                        <option {{ (old("modalidade") == "convidado" ? "selected":"") }} value="convidado">{{ trans('inter.primum.icpnn.convidado')}}</option>
                        <option {{ (old("modalidade") == "profissional" ? "selected":"") }} value="profissional">{{ trans('inter.primum.icpnn.profissional')}} - R$100,00</option>
                    </select>
                </div>
            </div>
        </div>

        <div  class="row hide voucher">
            <div class="col-md-7">
                <div class="form-group">
                    <label for="voucher">{{ trans('inter.primum.icpnn.voucher')}}</label>
                    <input type="text" value="{{old('voucher')}}" class="form-control" id="voucher" name="voucher" placeholder="{{ trans('inter.primum.icpnn.voucher')}}">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-7">
                <label for="categoria">{{ trans('inter.primum.icpnn.categoria')}}</label>
                <p style="margin-top: 10px;"><input type="checkbox" value="participante" id="participante" name="categoria[]"> {{trans('inter.primum.icpnn.participante')}} </p>
                <p style="margin-top: 10px;"><input type="checkbox" value="participante-online" id="participante_online" name="categoria[]"> {{trans('inter.primum.icpnn.participante_online')}} </p>
                <p><input class="categoria-checkbox" type="checkbox" value="e-poster-presencial" id="e-poster-presencial" name="categoria[]"> {{trans('inter.primum.icpnn.eposterpresencial')}} <span> </span></p>
                <p><input class="categoria-checkbox" type="checkbox" value="e-poster-online" id="e-poster-online" name="categoria[]"> {{trans('inter.primum.icpnn.eposteronline')}} <span></span> </p>
                <p><input class="categoria-checkbox" type="checkbox" value="banca-examinadora" id="banca-examinadora" name="categoria[]"> {{trans('inter.primum.icpnn.banca')}} </p>
                <p><input class="categoria-checkbox" type="checkbox" value="curadoria" id="curadoria" name="categoria[]"> {{trans('inter.primum.icpnn.curadoria')}} </p>
                <p><input class="categoria-checkbox" type="checkbox" value="conferencista" id="conferencista" name="categoria[]"> {{trans('inter.primum.icpnn.conferencista')}} </p>
            </div>
        </div>


        <div class="row hide skype">
            <div class="col-md-7">
                <div class="form-group">
                    <label style="margin-top: 10px;" for="skype">Skype</label>
                    <input type="text" value="{{old('skype')}}" class="form-control" id="skype" name="skype" placeholder="Skype">
                </div>
            </div>
        </div>

        <div class="form-group">
            <button type="submit" class="btn btn-default">{{ trans('inter.primum.icpnn.cadastrar') }}</button>
        </div>
    </form>

@stop
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){

        function fnDisableConvidado(){
            $('input[value=e-poster-presencial]').prop("disabled", true);
            $('input[value=e-poster-online]').prop("disabled", true);
        }

        function fnEnableConvidado(){
            $('input[value=e-poster-presencial]').prop("disabled", false);
            $('input[value=e-poster-online]').prop("disabled", false);
        }

        function fnDisableEposterOnline(){
            $('input[value=participante]').prop( "checked", false ).prop("disabled", true);
            $('input[value=e-poster-presencial]').prop( "checked", false ).prop("disabled", true);
            $('input[value=banca-examinadora]').prop( "checked", false ).prop("disabled", true);
            $('input[value=curadoria]').prop( "checked", false ).prop("disabled", true);
        }

        function fnEnableEposterOnline(){
            $('input[value=participante]').prop("disabled", false);
            $('input[value=e-poster-presencial]').prop("disabled", false);
            $('input[value=banca-examinadora]').prop("disabled", false);
            $('input[value=curadoria]').prop("disabled", false);
        }

        function fnEnableConvidado(){
            $('input[value=e-poster-presencial]').prop("disabled", false);
            $('input[value=e-poster-online]').prop("disabled", false);
        }

        $('#edicao option:last').attr("selected","selected");

        $('#modalidade').change(function(){

            if($(this).val() == 'convidado'){
                $('.voucher').removeClass('hide');
                fnDisableConvidado();
            } else {
                $('#voucher').val('');
                $('.voucher').addClass('hide');
                fnEnableConvidado();
            }

        });

        $('input[value=participante-online]').change(function() {
            if($(this).is(":checked")) {
                $('.skype').removeClass('hide');
            } else {
                if(!$('input[value=e-poster-online]').is(":checked")){
                    $('#skype').val('');
                    $('.skype').addClass('hide');
                }
            }
        });

        $('input[value=e-poster-online]').change(function() {
            if($(this).is(":checked")) {
                $('.skype').removeClass('hide');
                fnDisableEposterOnline();
            } else {
                if(!$('input[value=participante-online]').is(":checked")){
                    $('#skype').val('');
                    $('.skype').addClass('hide');
                }
                fnEnableEposterOnline();
            }
        });

        $('input[value=e-poster-presencial]').change(function() {
            if($(this).is(":checked")) {
                $('input[value=participante]').prop( "checked", true );
                $('input[value=e-poster-online]').prop( "checked", false ).prop("disabled", true);
            } else {
                $('input[value=participante]').prop( "checked", false );
                $('input[value=e-poster-online]').prop("disabled", false);
            }
        });

        $('input[value=participante]').change(function() {
            if($(this).is(":checked")) {
                $('input[value=e-poster-online]').prop( "checked", false ).prop("disabled", true);
            } else {
                $('input[value=e-poster-online]').prop("disabled", false);
            }
        });


        var modalidade = $('#modalidade').val();
        if(modalidade == 'convidado'){
            $('.voucher').removeClass('hide');
            fnDisableConvidado();
        }


    });
</script>