@extends('layouts.app')

@section('conteudo')

<!-- Hero -->
<div class="bg-image" style="background-image: url(''); margin-top: 70px;">
  <div class="bg-black-50">
    <div class="content content-full">
      <div class="d-flex justify-content-between align-items-center">
        <h1 class="flex-grow-1 fs-2 text-white my-2">
          <i class="fa fa-boxes text-white-50 me-1"></i> Fichas de Saúde
        </h1>
        @can('pode_visualizar_estudante')
        <a class="btn btn-primary my-2" href="/fichas_saude">
          <i class="fa fa-fw fa-list"></i>
          <span class="d-none d-sm-inline ms-1">Listar Fichas de Saúde</span>
        </a>
        @endcan
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->
{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_estudante')
<div class="content">
  <!-- Elements -->
  <div class="block block-rounded">
    <center>
        <div class="block-header block-header-default">
        <h1 class="">Registrar Nova ficha</h1>
        </div>

    <p>COMENTE COM RELAÇÃO AO SEU ESTADO FÍSICO ATUAL, EVENTUAIS PROBLEMAS DE SAÚDE E PROBLEMAS DE SAÚDE NA FAMÍLIA.</p>


    </center>



    <div class="block-content">

      <div class="row">

        <div class="col-lg-12 space-y-6">

          <!-- Form Inline - Alternative Style -->
          <form action="/salvar_ficha_saude" method="POST" enctype="multipart/form-data">
            <div class="row  g-4 align-items-center">
              @csrf

              <div class="col-12">
                <label class="form-label" for="example-select">Beneficiário</label>
                <select class="form-select" id="example-select" name="estudante_id">
                  <option selected value="{{$estudante->id}}">{{$estudante->nome}}</option>

                </select>
              </div>


              <div class="col-12">
                <label class="form-label">Pratica exercícios com qual frequência?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="pratica_exercicios_frequencia" value="0" checked>
                    <label class="form-check-label" for="example-radios-inline1">Nenhuma</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="pratica_exercicios_frequencia" value="1">
                    <label class="form-check-label" for="example-radios-inline2">Pouca</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline3" name="pratica_exercicios_frequencia" value="2">
                    <label class="form-check-label" for="example-radios-inline3">Muita</label>
                  </div>
                </div>
              </div>


              <div class="col-12">
                <label class="form-label">Faz uso de algum medicamento?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="faz_uso_medicamento" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="faz_uso_medicamento" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <!-- aqui -->
              <div class="col-12">
                <label class="form-label">Qual medicamento?</label>
                <div class="form-check form-check-inline">
                  <input type="text" class="form-control" id="qual_medicamento" name="qual_medicamento" placeholder="quais medicamentos">
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Possui alguma restrição médica?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="possui_restricao_medica" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="possui_restricao_medica" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <!-- aqui -->
              <div class="col-12">
                <label class="form-label">Qual restrição?</label>
                <div class="form-check form-check-inline">
                  <input type="text" class="form-control" id="qual_restricao_medica" name="qual_restricao_medica" placeholder="quais restrição">
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Sente dor no peito?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="sente_dor_peito" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="sente_dor_peito" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Possui dores na coluna, ou outra articulação?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="possui_dores_coluna" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="possui_dores_coluna" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Qual local?</label>
                <div class="form-check form-check-inline">
                  <input type="text" class="form-control" id="local_dor_articulacao" name="local_dor_articulacao" placeholder="Aonde sente as dores">
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Possui algum tipo de alergia?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="possui_alergia" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="possui_alergia" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <!-- aqui -->
              <div class="col-12">
                <label class="form-label">Quais alergias?</label>
                <div class="form-check form-check-inline">
                  <input type="text" class="form-control" id="qual_alergia" name="qual_alergia" placeholder="quais alergias">
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Sofre cãimbras frequentes?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="sofre_caimbras_frequentes" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="sofre_caimbras_frequentes" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Já sofreu algum tipo de fratura?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="sofreu_alguma_fratura" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="sofreu_alguma_fratura" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Onde?</label>
                <div class="form-check form-check-inline">
                  <input type="text" class="form-control" id="onde_sofreu_fratura" name="onde_sofreu_fratura" placeholder="Onde sofreu a fratura">
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Alguma cirurgia?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="alguma_cirurgia" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="alguma_cirurgia" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Qual?</label>
                <div class="form-check form-check-inline">
                  <input type="text" class="form-control" id="qual_cirurgia" name="qual_cirurgia" placeholder="Qual cirurgia">
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Pressão arterial acima de 140/90 mmghg, desconhecida ou usa medicamento para pressão?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="pressao_arterial" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="pressao_arterial" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Obesidade mais de 10kg. de excesso de peso?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="obesidade" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="obesidade" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Colesterol acima de 240 mg/l ou desconhecido?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="colesterol" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="colesterol" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Tem diabete de qualquer tipo?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="tem_diabetes" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="tem_diabetes" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Possui problemas posturais?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="possio_problemas_posturais" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="possio_problemas_posturais" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Já perdeu a conciência em alguma ocasião?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="perdeu_consciencia" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="perdeu_consciencia" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Problemas na tireóide?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="problemas_tiroide" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="problemas_tiroide" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Asma?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="asma" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="asma" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Bronquite?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="bronquite" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="bronquite" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Epilepsia?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="Epilepsia" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="Epilepsia" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Problema cardíaco?</label>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="problema_cardiaco" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="problema_cardiaco" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div>
                </div>
              </div>

              <div class="col-12">
                <label class="form-label">Observações</label>
                <input class="form-control" type="text" id="comentario" name="comentario">
                <!--<div class="space-x-2">
                   <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline1" name="comentario" value="1" checked>
                    <label class="form-check-label" for="example-radios-inline1">Sim</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" id="example-radios-inline2" name="comentario" value="0">
                    <label class="form-check-label" for="example-radios-inline2">Não</label>
                  </div> -->
              </div>
            </div>

            <div class="col-12" style="margin-top: 20px;">
              <label class="form-label">Comprometimento</label>
              <div class="space-x-2">
                <div class="form-check form-check-inline">
                  <input class="form-check-input" type="radio" id="example-radios-inline1" name="comprometimento" value="1" checked>
                  <label class="form-check-label" for="example-radios-inline1">Sim</label>
                </div>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" type="radio" id="example-radios-inline2" name="comprometimento" value="0">
                  <label class="form-check-label" for="example-radios-inline2">Não</label>
                </div>
              </div>

              <div>
                <br>
                <b>
                <p>
                  COMPROMETO-ME TAMBÉM, CASO OCORRA ALGUMA RESTRIÇÃO E OU
                  ATUALIZAÇÃO NA SAÚDE DO BENEFICIÁRIO COMUNICAR À DIREÇÃO DA AMIS.
                </p>

                <br>


                <p>  Declaro que as informações prestadas acima são verdadeiras, e assumo a inteira responsabilidade por elas.  </p> </b>
              </div>

            </div>


            <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                                <p style="text-align: center; margin-top: 80px;">
                                    ________________________________________________________________________</p>
                                <p style="text-align: center;">Assinatura Pais e/ou Responsável</p>
                                <p style="text-align: center;">
                                    15/03/2025                                </p>
                            </div>

                            <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                                <p style="text-align: center; margin-top: 60px;">
                                    ________________________________________________________________________</p>
                                <p style="text-align: center;"><b>Associação Morumbi de Integração Social</b></p>
                                <p style="text-align: center;"><b>CNPJ: 50.059.419/0001-97</b></p>
                            </div>


            <center> <a type="submit"> <button type="submit" class="btn btn-primary m-1">
                  <i class="fa fa-fw fa-user-plus opacity-50 me-1"></i> Salvar Ficha
                </button> </a> </center>
            <br>
          </form>
          <!-- END Form Inline - Alternative Style -->

        </div>
        <!-- END Inline Layout -->



      </div>
    </div>
    <!-- END Elements -->
  </div>
</div>
{{-- Pra quem não tem permissão de visualizar essa página aparecerá a mensagem abaixo --}}
@else

<center>
  <br>
  <div class="alert alert-danger" role="alert">
    Você não tem permissão pra visualizar essa página!
  </div>
</center>

@endcan
@endsection