@extends('plantilla.header')

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

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

            $('#serial').removeAttr('disabled','disabled');
            $('#codigo').removeAttr('disabled','disabled');
        }else{
            $('#serialll').attr('hidden','hidden');
            $('#codigooo').attr('hidden','hidden');

            $('#serial').attr('disabled','disabled');
            $('#codigo').attr('disabled','disabled');
        }
        
    });

    $('input[name="trabaja"]').on('click', function(event){
        var opcion = $(this);
        if (opcion.val() == 'SI') {
          $('#dondee').removeAttr('hidden','hidden');
          $('#donde').removeAttr('disabled','disabled');
        }else{
          $('#dondee').attr('hidden','hidden');
          $('#donde').attr('disabled','disabled');
        }
        
    });

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

        
        if (trabaja == 'SI') {
          $('#dondee').removeAttr('hidden','hidden');
          $('#donde').removeAttr('disabled','disabled');
        }else{
          $('#dondee').attr('hidden','hidden');
          $('#donde').attr('disabled','disabled');
        }

        if (carnet == 'SI') {
            $('#serialll').removeAttr('hidden','hidden');
            $('#codigooo').removeAttr('hidden','hidden');

            $('#serial').removeAttr('disabled','disabled');
            $('#codigo').removeAttr('disabled','disabled');
        }else{
            $('#serialll').attr('hidden','hidden');
            $('#codigooo').attr('hidden','hidden');

            $('#serial').attr('disabled','disabled');
            $('#codigo').attr('disabled','disabled');
        }
    });
</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_cedulado_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="usuario" id="usuario" value="{{isset($persona->cedula) ? $persona->cedula : $cedula}}" autocomplete="off" required maxlength="12" readonly>
                </div>
            </div>
            <div class="col-md-3 mb-3">
                <div class="form-group">
                    <label for="city">Posee Carnet de la Patria</label><br>
                    Si 
                    {!!
                        Form::radio('carnet', 'SI', isset($persona->carnet) ? $persona->carnet == 'SI' : null, ['required' => 'required', 'id'  =>  'carnet'])
                    !!}
                    &nbsp; &nbsp; &nbsp;
                    No 
                    {!!
                        Form::radio('carnet', 'NO', isset($persona->carnet) ? $persona->carnet == 'NO' : null, ['required' => 'required', 'id'  =>  'carnet'])
                    !!}
                </div>
            </div>
            <div class="col-md-3 mb-3" id="serialll" hidden>
                <div class="form-group">
                    <label for="city">Serial</label>
                    <input class="form-control" type="text" name="serial" id="serial" value="@php echo !empty($persona->serial) ? $persona->serial : null; @endphp" onkeypress="return solonumero(event)" autocomplete="off" required maxlength="10" disabled>
                </div>
            </div>
            <div class="col-md-3 mb-3" id="codigooo" hidden>
                <div class="form-group">
                    <label for="city">Código</label>
                    <input class="form-control" type="text" name="codigo" id="codigo" value="@php echo !empty($persona->codigo) ? $persona->codigo : null; @endphp" onkeypress="return solonumero(event)" autocomplete="off" required maxlength="10" disabled>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-5 mb-3">
                <div class="form-group">
                    <label for="city">Nombres y Apellidos</label>
                    <input class="form-control" type="text" name="nombre" id="nombre" value="@php echo !empty($persona->nombre) ? $persona->nombre : $nombre; @endphp" @if(!empty($persona->nombre))readonly @endif autocomplete="off" required maxlength="80">
                </div>
            </div>
            <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>

        <div class="row">
            <div class="col-md-4 mb-3">
                <div class="form-group">
                    <label for="city">Estado Civil</label>
                    {!! 
                        Form::select('civil', ['S' => 'SOLTERO(A)', 'C' => 'CASADO(A)', 'V' => 'VIUDO(A)', 'D' => 'DIVORCIADO(A)'], !empty($persona->estadocivil) ? $persona->estadocivil : null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'required'  =>  'required', 'id'  =>  'civil']) 
                    !!}
                </div>
            </div>
            <div class="col-md-4 mb-3">
                <div class="form-group">
                    <label for="city">Ocupación</label>
                    {!! 
                        Form::select('ocupacion', $ocupacion, !empty($persona->ocupacion) ? $persona->ocupacion : null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'required'  =>  'required', 'id'  =>  'ocupacion']) 
                    !!}
                </div>
            </div>
            <div class="col-md-4 mb-3">
                <div class="form-group">
                    <label for="city">Teléfono</label>
                    <input class="form-control" type="text" name="telefono" id="telefono" value="@php echo !empty($persona->telefono) ? $persona->telefono : null; @endphp" onkeypress="return solonumero(event)" autocomplete="off" required maxlength="12">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 mb-3">
                <div class="form-group">
                    <label for="city">Correo Electrónico</label>
                    <input class="form-control" type="text" name="correo" id="correo" value="@php echo !empty($persona->correo) ? $persona->correo : null; @endphp" autocomplete="off" required maxlength="40">
                </div>
            </div>

            <div class="col-md-4 mb-3">
                <div class="form-group">
                    <label for="city">Trabaja</label><br>
                    Si 
                    {!!
                        Form::radio('trabaja', 'SI', isset($persona->trabaja) ? $persona->trabaja == 'SI' : null, ['required' => 'required', 'id'  =>  'trabaja'])
                    !!}
                    &nbsp; &nbsp; &nbsp;
                    No 
                    {!!
                        Form::radio('trabaja', 'NO', isset($persona->trabaja) ? $persona->trabaja == 'NO' : null, ['required' => 'required', 'id'  =>  'trabaja'])
                    !!}
                </div>
            </div>

            <div class="col-md-4 mb-3" id="dondee" hidden>
                <div class="form-group">
                    <label for="city">Donde</label>
                    <input class="form-control" type="text" name="donde" id="donde" value="@php echo !empty($persona->donde) ? $persona->donde : null; @endphp" autocomplete="off" required disabled maxlength="50">
                </div>
            </div>
        </div>
        <div class="row">
            <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