@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

    @if(Session::has('numero_inscricao'))
    <p style="margin-bottom: 40px;">{{ trans('inter.primum.icpnn.paragrafo_numero_inscricao') }} <b style="font-weight: bold;">{{ Session::get('numero_inscricao') }}</b></p>
    @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_exemplo')}}">
                </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')}}</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')}}</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="row hide relacao" style="margin-top: 20px;">
            <div class="col-md-7">
                <label for="relacao" style="font-weight:bold;">{{ trans('inter.primum.icpnn.relacao')}}</label>
                <p style="margin-top: 10px;"><input type="radio" value="autor" id="autor" name="relacao"> {{trans('inter.primum.icpnn.autor')}} </p>
                <p><input class="categoria-checkbox" type="radio" value="relator" id="relator" name="relacao"> {{trans('inter.primum.icpnn.relator')}} </p>
                <p><input class="categoria-checkbox" type="radio" value="autor_relator" id="autor_relator" name="relacao"> {{trans('inter.primum.icpnn.autor_relator')}} </p>
            </div>
        </div>

        <div class="row hide funcao" style="margin-top: 20px;">
            <div class="col-md-7">
                <label for="funcao" style="font-weight:bold;">{{ trans('inter.primum.certificado.funcao')}}</label>
                <p style="margin-top: 10px;"><input class="categoria-checkbox" type="checkbox" value="membro" id="membro" name="funcao[]"> {{trans('inter.primum.certificado.membro')}} </p>
                <p><input class="categoria-checkbox" type="checkbox" value="coordenador" id="coordenador" name="funcao[]"> {{trans('inter.primum.certificado.coordenador')}} </p>
            </div>
        </div>

        <div class="row hide titulo_trabalho" style="margin-top: 20px;">
            <div class="col-md-7">
                <div class="form-group">
                    <label style="margin-top: 10px;font-weight:bold;" for="titulo_trabalho">Título do Trabalho</label>
                    <input type="text" value="{{old('titulo_trabalho')}}" class="form-control" id="titulo_trabalho" name="titulo_trabalho" placeholder="Título">
                </div>
            </div>
        </div>

        <div class="row hide titulo_trabalho" style="margin-top: 20px;">
            <div class="col-md-7">
                <div class="form-group">
                    <label style="margin-top: 10px;font-weight:bold;" for="co_autores">Co Autores:</label>
                    <input type="text" value="{{old('co_autores')}}" class="form-control" id="co_autores" name="co_autores" placeholder="Co Autores">
                    <p><span style="margin-top:20px;font-weight:bold;">Escreve-los separando por ponto e vírgula ";"</span></p>
                </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=e-poster-presencial]').change(function() {
            if($(this).is(":checked")) {
                $('.titulo_trabalho').removeClass('hide');
                $('.relacao').removeClass('hide');
            } else {
                $('.titulo_trabalho').addClass('hide');
                $('.relacao').addClass('hide');
            }
        });

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

        $('input[value=banca-examinadora]').change(function() {
            if($(this).is(":checked")) {
                $('.funcao').removeClass('hide');
            } else {
                $('.funcao').addClass('hide');
            }
        });

        $('input[value=curadoria]').change(function() {
            if($(this).is(":checked")) {
                $('.funcao').removeClass('hide');
            } else {
                $('.funcao').addClass('hide');
            }
        });

        $('input[value=autor]').change(function() {
            if($(this).is(":checked")) {
                $('input[value=relator]').prop( "disabled", true );
                $('input[value=autor_relator]').prop("disabled", true);
            } else {
                $('input[value=relator]').prop( "disabled", false );
                $('input[value=autor_relator]').prop("disabled", false);
            }
        });

        $('input[value=relator]').change(function() {
            if($(this).is(":checked")) {
                $('input[value=autor]').prop( "disabled", true );
                $('input[value=autor_relator]').prop("disabled", true);
            } else {
                $('input[value=autor]').prop( "disabled", false );
                $('input[value=autor_relator]').prop("disabled", false);
            }
        });

        $('input[value=autor_relator]').change(function() {
            if($(this).is(":checked")) {
                $('input[value=relator]').prop( "disabled", true );
                $('input[value=autor]').prop("disabled", true);
            } else {
                $('input[value=relator]').prop( "disabled", false );
                $('input[value=autor]').prop("disabled", false);
            }
        });

        $('input[value=membro]').change(function() {
            if($(this).is(":checked")) {
                $('input[value=coordenador]').prop( "disabled", true );
            } else {
                $('input[value=coordenador]').prop( "disabled", false );
            }
        });

        $('input[value=coordenador]').change(function() {
            if($(this).is(":checked")) {
                $('input[value=membro]').prop( "disabled", true );
            } else {
                $('input[value=membro]').prop( "disabled", false );
            }
        });


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


    });
</script>