@extends('layouts.cultura.painel-bs3')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Formulário da Inscrição - Pessoa Jurídica <br><small> Entre com seus dados para criar a conta</small></h3>
    <form name="FrmCreate" action="{{route('inscricao-pessoa-juridica')}}" method="post" autocomplete="off">
        @csrf
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        <h5 class="text-justify" style="color: grey">
                            O presente formulário de inscrição dos projetos culturais foi desenvolvimento a partir das orientações do Ministério da Cultura, Lei Complementar nº 195/2022, neste identificada como LEI PAULO GUSTAVO; Decreto Regulamentador nº 11.525, de 11 de maio de 2023; inciso IV do art. 8º do Decreto nº 11.453, de 23 de março de 2023.
                        </h5>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <label for=""><i style="color: grey"><b>Obs:</b> campos com asterisco (*) são obrigatórios.</i></label>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">* CNPJ</label>
                <input type="text" class="form-control" name="juridico_cnpj" id="cnpj" required>
            </div>
            <div class="col-md-5">
                <label for="">* Razão Social</label>
                <input type="text" class="form-control" name="juridico_razao_social" required>
            </div>
            <div class="col-md-5">
                <label for="">* Nome Fantasia:</label>
                <input type="text" class="form-control" name="juridico_nome_fantasia" required>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <label for="">* Endereço da sede:</label>
                <input type="text" class="form-control" name="juridico_endereco_sede" required>
            </div>
            <div class="col-md-4">
                <label for="">* Cidade</label>
                <input type="hidden" name="cidade" id="IDCIDADE">
                <input type="text" name="MUNICIPIO" class="form-control" required>
            </div>

            <div class="col-md-3">
                <label for="">* Número de representantes legais</label>
                <input type="text" name="juridico_numero_representantes_legais" class="form-control" maxlength="3" onkeypress="return digitos(event)" required>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-6">
                <label for="">* Nome do representante legal</label>
                <input type="text" class="form-control" name="nome_completo" required>
            </div>
            <div class="col-md-2">
                <label for="">* CPF do representante legal</label>
                <input type="text" class="form-control" name="cpf" id="cpf" required>
            </div>
            <div class="col-md-4">
                <label for="">* Telefone do representante legal:</label>
                <input type="text" class="form-control" name="celular" id="celular" required>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label for="">* E-mail do representante legal:</label>
                <input type="text" class="form-control" name="email" required>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2 col-md-offset-8">
                <label for=""><b>* Crie sua senha de acesso</b></label>
                <input type="password" class="form-control" name="password" required>
            </div>
            <div class="col-md-2">
                <label for=""><b>* Confirme a senha</b></label>
                <input type="password" class="form-control" required>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-7">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label for=""><b>* Gênero do representante legal</b></label>
                                <div class="radio">
                                    <label><input type="radio" name="genero" value="1">Mulher cisgênero</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="genero" value="2">Homem cisgênero</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="genero" value="3">Mulher Transgênero</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="genero" value="4">Homem Transgênero</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="genero" value="5">Pessoa não-binária</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="genero" value="6">Sem declaração</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label for=""><b>* Raça, cor ou etnia do representante legal</b></label>
                                <div class="radio">
                                    <label><input type="radio" name="raca_cor_etnia" value="1">Branca</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="raca_cor_etnia" value="2">Preta</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="raca_cor_etnia" value="3">Parda</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="raca_cor_etnia" value="4">Indígena</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="raca_cor_etnia" value="5">Amarela</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label for=""><b>* Representante legal é pessoa com deficiência - PCD?</b></label>
                                <div class="radio">
                                    <label><input type="radio" name="pessoa_deficiencia" value="1">Sim</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="pessoa_deficiencia" value="2">Não</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label for=""><b>Caso tenha marcado "sim", qual tipo de deficiência?</b></label>
                                <div class="radio">
                                    <label><input type="radio" name="pessoa_pcd_sim" value="1">Auditiva</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="pessoa_pcd_sim" value="2">Física</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="pessoa_pcd_sim" value="3">Intelectual</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="pessoa_pcd_sim" value="4">Múltipla</label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="pessoa_pcd_sim" value="5">Visual</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-4">
                <label for=""><b>* Escolaridade do representante legal</b></label>
                <select class="form-control" name="escolaridade" required>
                    <option value=""> -- Selecione --</option>
                    @foreach($escolaridade as $key => $val)
                        <option value="{{$key}}">{{$val}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <hr>
        <div class="alert alert-info" role="alert">DADOS DO PROJETO</div>
        <div class="row">
            <div class="col-md-6">
                <label for=""><b>* Nome do Projeto</b></label><br>
                <input type="text" class="form-control" name="nome_projeto" required>
            </div>
            <div class="col-md-6">
                <label for=""><b style="color: blueviolet">Escolha a categoria a que vai concorrer:</b></label>
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label for=""><b>Audiovisual</b></label>
                                <select class="form-control" name="audiovisual">
                                    <option value=""> -- Selecione --</option>
                                    @foreach($audiovisual as $key => $val)
                                        <option value="{{$key}}">{{$val}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for=""><b>Outras Culturas</b></label>
                                <select class="form-control" name="outras_culturas">
                                    <option value=""> -- Selecione --</option>
                                    @foreach($outras_culturas as $key => $val)
                                        <option value="{{$key}}">{{$val}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>* Descrição do projeto</b></label><br>
                <small style="color: #b0aaaa">Na descrição, você deve apresentar informações gerais sobre o seu projeto. Algumas perguntas orientadoras: O que você realizará com o projeto? Porque ele é importante para a sociedade? Como a ideia do projeto surgiu? Conte sobre o contexto de realização.</small>
                <textarea cols="15" rows="2" class="form-control" name="descricao_projeto" required></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>* Objetivos do projeto</b></label><br>
                <small style="color: #b0aaaa">Neste campo, você deve propor objetivos para o seu projeto, ou seja, deve informar o que você pretende alcançar com a realização do projeto. É importante que você seja breve e proponha entre três a cinco objetivos.</small>
                <textarea cols="15" rows="2" class="form-control" name="objetivos_projeto" required></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>Metas</b></label><br>
                <small style="color: #b0aaaa">Neste espaço, é necessário detalhar os objetivos em pequenas ações e/ou resultados que sejam quantificáveis. Por exemplo: Realização de 02 oficinas de artes circenses; Confecção de 80 figurinos; 120 pessoas idosas beneficiadas.</small>
                <textarea cols="15" rows="2" class="form-control" name="metas"></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>Perfil do público a ser atingido pelo projeto</b></label><br>
                <small style="color: #b0aaaa">Preencha aqui informações sobre as pessoas que serão beneficiadas ou participarão do seu projeto. Perguntas orientadoras: Quem vai ser o público do seu projeto? Essas pessoas são crianças, adultas e/ou idosas? Elas fazem parte de alguma comunidade? Qual a escolaridade delas? Elas moram em qual local, bairro e/ou região? No caso de públicos digitais, qual o perfil das pessoas a que seu projeto se direciona?</small>
                <textarea cols="15" rows="2" class="form-control" name="perfil_publico_projeto"></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>Qual o perfil do público do seu projeto?</b></label><br>
                <small style="color: #b0aaaa">Ex.: crianças, idosos, jovens, pessoas com deficiência, etc</small>
                <textarea cols="15" rows="2" class="form-control" name="publico_do_projeto"></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>Local onde o projeto será executado</b></label><br>
                <small style="color: #b0aaaa">Informe os espaços culturais e outros ambientes onde a sua proposta será realizada.</small>
                <textarea cols="15" rows="2" class="form-control" name="local_executado"></textarea>
            </div>
        </div>
        <hr>
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-6">
                        <b>Previsão do período de execução do projeto</b>
                    </div>
                    <div class="col-md-2 col-md-offset-2">
                        <label for=""><b>Data de início:</b></label>
                        <div class="input-group">
                            <input type="text" class="form-control" name="data_inicio" id="data_inicio">
                            <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
                    </span>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <label for=""><b>Data final:</b></label>
                        <div class="input-group">
                            <input type="text" class="form-control" name="data_final" id="data_final">
                            <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
                    </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>Estratégia de divulgação</b></label><br>
                <small style="color: #b0aaaa">Apresente os meios que serão utilizados para divulgar o projeto. ex.: impulsionamento em redes sociais.</small>
                <textarea cols="15" rows="2" class="form-control" name="estrategia_divulgacao"></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>Contrapartida</b></label><br>
                <small style="color: #b0aaaa">Neste campo, descreva qual contrapartida será realizada, quando será realizada, e onde será realizada.</small>
                <textarea cols="15" rows="2" class="form-control" name="contrapartida"></textarea>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>Projeto possui recursos financeiros de outras fontes? Se sim, quais?</b></label><br>
                <small style="color: #b0aaaa">Informe se o projeto prevê apoios financeiro tais como cobrança de ingressos, patrocínio e/ou outras fontes de financiamento. Caso positivo, informe a previsão de valores e onde serão empregados no projeto.</small>
                <textarea cols="15" rows="2" class="form-control" name="outras_fontes_financeiras"></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <label for=""><b>O projeto prevê a venda de produtos/ingressos?</b></label><br>
                <small style="color: #b0aaaa">Informe a quantidade dos produtos a serem vendidos, o valor unitário por produto e o valor total a ser arrecadado. Detalhe onde os recursos arrecadados serão aplicados no projeto.</small>
                <textarea cols="15" rows="2" class="form-control" name="preve_venda_produto_ingresso"></textarea>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12" style="margin-bottom: 20px">
                <button type="button" onclick="window.history.back()" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Voltar</button>
                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Enviar</button>
            </div>
        </div>
        <hr>
    </form>
@endsection
@push('script')
    <script>
        $(function () {
            $('#data_nascimento, #data_inicio, #data_final').mask('99/99/9999').datepicker();
            $('#celular').mask('(99)99999-9999');
            $('#cnpj').mask('99.999.999/9999-99');
            $('#cpf').mask('999.999.999-99');
            $('#cep').mask('99999-999');
        })
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
    <script src="{{url(mix('modulos/cultura/proponente/js/create.js'))}}"></script>
@endpush