@extends('plantilla.header')

@section('titulo')
   Solicitud de Lentes
@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">Información Personal</h3>
    </div>
</div>

@if ($privilegio == 1)
{!!Form::open(['url' => route('datos_personales'), '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 : null}}" disabled autocomplete="off" required maxlength="9">
                    </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 : null; @endphp" disabled 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>
    </div>

    <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">Dirección de Habitación</h6>
            <div class="row">
                <div class="col-md-6 mb-3">
                    <div class="form-group">
                        <label for="city">Comunidad</label>
                        {!! 
                            Form::select('comunidad', $comunidad, !empty($persona->id_jefe_com) ? $persona->id_jefe_com : null, ['placeholder' =>  'SELECCIONE', 'class' =>  'form-select', 'required'  =>  'required', 'id'  =>  'comunidad']) 
                        !!}
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <div class="form-group">
                        <label for="city">Dirección Exacta</label>
                        <textarea id="direccion" name="direccion" class="form-control" required>{{!empty($persona->direccion ) ? $persona->direccion  : null}}</textarea>
                    </div>
                </div>
            </div>
    
            <div class="row">
                <div class="col-md-12 mb-3">
                    <div class="form-group">
                        <label for="city">Punto de Referencia</label>
                        <textarea id="referencia" name="referencia" class="form-control" required>{{!empty($persona->preferencia ) ? $persona->preferencia  : null}}</textarea>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 mb-3">
                    <div class="form-group">
                        
                    </div>
                </div>
                <div class="col-sm-6" style="text-align: right;">
                    <div class="form-group">
                        <button type="submit" class="btn btn-dark"><i class="fa-solid fa-save"></i> Guardar</button>
                    </div>
                </div>
            </div>
    
        </div>
    </div>
{!! Form::close() !!}
@endif
@stop