@extends('site/layouts.hotsite')

@section('content')


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

    <p style="margin-bottom: 40px;">{{ trans('inter.primum.certificado.paragrafro_certificado') }}</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>
            {{ 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('gerar.certificados') }}" 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-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">
            <div class="col-md-7">
                <label for="categoria">{{ trans('inter.primum.icpnn.categoria') }} <span style="font-weight:bold;font-size:13px;">({{ trans('inter.primum.certificado.informativo_categoria') }})</span></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')}} </p>
                <p><input class="categoria-checkbox" type="checkbox" value="e-poster-online" id="e-poster-online" name="categoria[]"> {{trans('inter.primum.icpnn.eposteronline')}} </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 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="checkbox" value="autor" id="autor" name="relacao[]"> {{trans('inter.primum.icpnn.autor')}} </p>
                <p><input class="categoria-checkbox" type="checkbox" value="relator" id="relator" name="relacao[]"> {{trans('inter.primum.icpnn.relator')}} </p>
                <p><input class="categoria-checkbox" type="checkbox" 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.certificado.gerar') }}</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=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 );
            }
        });

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

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

        $('input[value=e-poster-online]').change(function() {
            if($(this).is(":checked")) {
                $('input[value=participante]').prop( "disabled", true );
                $('input[value=e-poster-presencial]').prop( "disabled", true );
                $('input[value=banca-examinadora]').prop( "disabled", true );
                $('input[value=curadoria]').prop( "disabled", true );
            } else {
                $('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 );
            }
        });

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

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




    });
</script>