@extends('plantilla.header')

@section('titulo')
{{$ti}}
@stop

@section('js')
<script type="text/javascript">
    $('input[name="estudia"]').on('click', function(event){
        var opcion = $(this);
        if (opcion.val() == 'SI') {
            $('#id_estudia').removeAttr('hidden','hidden');
            $('#id_estudia2').removeAttr('hidden','hidden');
            $('#id_estudia3').removeAttr('hidden','hidden');

            $('#nivel').attr('required','required');
            $('#anio').attr('required','required');
            $('#institucion').attr('required','required');
        }else{
            $('#id_estudia').attr('hidden','hidden');
            $('#id_estudia2').attr('hidden','hidden');
            $('#id_estudia3').attr('hidden','hidden');

            $('#nivel').removeAttr('required','required');
            $('#anio').removeAttr('required','required');
            $('#institucion').removeAttr('required','required');
        }
        
    });

    $(document).ready(function() {    
        var estudia = "{{!empty($persona->estudia) ? $persona->estudia : null}}";

        if (estudia == 'SI') {
            $('#id_estudia').removeAttr('hidden','hidden');
            $('#id_estudia2').removeAttr('hidden','hidden');
            $('#id_estudia3').removeAttr('hidden','hidden');

            $('#nivel').attr('required','required');
            $('#anio').attr('required','required');
            $('#institucion').attr('required','required');
        }else{
            $('#id_estudia').attr('hidden','hidden');
            $('#id_estudia2').attr('hidden','hidden');
            $('#id_estudia3').attr('hidden','hidden');

            $('#nivel').removeAttr('required','required');
            $('#anio').removeAttr('required','required');
            $('#institucion').removeAttr('required','required');
        }
    });
</script>
@stop

@section('contenido')
<div class="col-12 col-xl-12">
    <div class="card card-body bg-white border-light shadow-sm mb-4">
        <h3 class="h5 mb-4">{{$ti}}</h3>
    </div>
</div>
{!!Form::open(['url' => route('guardar_nocedulado_familia'), 'method' => 'POST', 'class' => 'login-form'])!!}
<div class="col-12 col-xl-12">
    <div class="card card-body bg-white border-default shadow-sm mb-4">
        <h6 class="h6 mb-4">Datos Personales</h6>
        
        <div class="row">
            <div class="col-md-3 mb-3">
                <div class="form-group">
                    <label for="city">Cédula/Rif</label>
                    <input class="form-control" type="text" name="cedula" id="cedula" value="{{isset($persona->cedula) ? $persona->cedula : $cedula}}" autocomplete="off" required maxlength="13" readonly>
                </div>
            </div>
            <div class="col-md-9 mb-3">
                <div class="form-group">
                    <label for="city">Nombres y Apellidos</label>
                    <input class="form-control" minlength="6" type="text" name="nombre" id="nombre" value="@php echo !empty($persona->nombre) ? $persona->nombre : null; @endphp" @if(!empty($persona->nombre)) readonly @endif autocomplete="off" required maxlength="80">
                </div>
            </div>
        </div>

        <div class="row">
            
            <div class="col-md-3 mb-3">
                <div class="form-group">
                    <label for="city">Fecha de Nacimiento</label>
                    <input class="form-control" max="<?php echo date('Y-m-d'); ?>" type="date" name="fecha1" id="fecha1" value="@php echo !empty($persona->fn) ? $persona->fn : null; @endphp"  autocomplete="off" required maxlength="10">
                </div>
            </div>
            <div class="col-md-2 mb-3">
                <div class="form-group">
                    <label for="city">Sexo</label><br>
                    M 
                    {!!
                        Form::radio('sexo1', 'M', isset($persona->sexo) ? $persona->sexo == 'M' : null, ['required' => 'required', 'id'  =>  'sexo1'])
                    !!}
                    &nbsp; &nbsp; &nbsp;
                    F 
                    {!!
                        Form::radio('sexo1', 'F', isset($persona->sexo) ? $persona->sexo == 'F' : null, ['required' => 'required', 'id'  =>  'sexo1'])
                    !!}
                </div>
            </div>
            <div class="col-md-2 mb-3">
                <div class="form-group">
                    <label for="city">Estudia</label><br>
                    Si 
                    {!!
                        Form::radio('estudia', 'SI', isset($persona->estudia) ? $persona->estudia == 'SI' : null, ['required' => 'required', 'id'  =>  'estudia'])
                    !!}
                    &nbsp; &nbsp; &nbsp;
                    No 
                    {!!
                        Form::radio('estudia', 'NO', isset($persona->estudia) ? $persona->estudia == 'NO' : null, ['required' => 'required', 'id'  =>  'estudia'])
                    !!}
                </div>
            </div>

            <div class="col-md-5 mb-3" id="id_estudia" hidden>
                <div class="form-group">
                    <label for="city">Nivel Escolar</label>
                    @php 
                        $nivel = app('App\Http\Controllers\configController')->nivel_escolar();
                    @endphp
                    
                    {!! 
                        Form::select('nivel', $nivel, isset($persona->nivel) ? $persona->nivel : null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'id'  =>  'nivel']) 
                    !!}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 mb-3" id="id_estudia2" hidden>
                <div class="form-group">
                    <label for="city">Años de estudios</label>
                    <input class="form-control" type="number" name="anio" id="anio" value="@php echo isset($persona->anio) ? $persona->anio : null; @endphp" autocomplete="off" maxlength="2">
                </div>
            </div>
            <div class="col-md-4 mb-3" id="id_estudia3" hidden>
                <div class="form-group">
                    <label for="city">Institución</label>
                    <input class="form-control" type="text" name="institucion" id="institucion" value="@php echo isset($persona->institucion) ? $persona->institucion : null; @endphp" autocomplete="off" maxlength="80">
                </div>
            </div>
            <div class="col-md-4 mb-3">
                <div class="form-group">
                    <label for="city">Parentesco</label>
                    @php
                        $parentesco = app('App\Http\Controllers\configController')->parentesco();
                    @endphp
                    
                    {!! 
                        Form::select('parentesco', $parentesco, null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'required'  =>  'required', 'id'  =>  'parentesco']) 
                    !!}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-12 col-xl-12">
    <div class="card card-body bg-white border-light shadow-sm mb-4">
        <div class="row">
            <div class="col-md-6 mb-3">
                <div class="form-group">
                    <a class="btn btn-danger" href="{{route('grupo_familiar')}}">Cancelar</a>
                </div>
            </div>
            <div class="col-md-6 mb-3">
                <div class="form-group" style="text-align: right;">
                    <button class="btn btn-dark">Agregar</button>
                </div>
            </div>
        </div>
    </div>
</div>
{!! Form::close() !!}
@stop