@extends('plantilla')
@section('titulo',$titulo)
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<link href="{{ asset('css/bootstrap-select.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/bootstrap-select.min.js') }}"></script>
<script>
    globalId = '0';
    
</script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item">Legajo</li>
    <li class="breadcrumb-item"><a href="/legajo/alumnos">Alumnos</a></li>
    <li class="breadcrumb-item active">Datos personales</li>
</ol>
<ol class="toolbar">
    <li class="btn-item"><a title="Nuevo" href="/legajo/alumno/nuevo" class="fa fa-plus-circle" aria-hidden="true"><span>Nuevo</span></a></li>
    <li class="btn-item"><a title="Guardar" href="#" class="fa fa-floppy-o" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
    </li>
    <li class="btn-item"><a title="Salir" href="#" class="fa fa-arrow-circle-o-left" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a></li>
</ol>
<script>
function fsalir(){
    location.href ="/legajo/alumnos";
}
</script>
@endsection
@section('contenido')
<div class="row">
    <div id = "msg"></div>
    </div>
<div class="row">
    <div class="col-lg-12">
        <ul class="nav nav-pills">
          <li class="nav-item">
            <a class="nav-link active" href="#">Datos personales</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Estudios cursados</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Cursos realizados</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Adjuntos</a>
            <div class="dropdown-menu">
              <a class="dropdown-item" href="#">Subir</a>
              <a class="dropdown-item" href="#">Descargar</a>
            </div>
          </li>
        </ul>
    </div>
</div>
<br>
<form id="form1" method="POST">
    <div class="row">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
        <div class="form-group col-lg-2">
            <label>Tipo de documento: *</label>
        </div>
        <div class="form-group col-lg-4">
            <select id="lstTipoDocumento" name="lstTipoDocumento" class="form-control" required>
                <option value="" disabled selected>Seleccionar</option>
                @for ($i = 0; $i < count($array_tipodocumento); $i++)
                    @if (isset($legajo) and $array_tipodocumento[$i]->idtidoc == $legajo->fk_idtidoc)
                        <option selected value="{{ $array_tipodocumento[$i]->idtidoc }}">{{ $array_tipodocumento[$i]->desctidoc }}</option>
                    @else
                        <option value="{{ $array_tipodocumento[$i]->idtidoc }}">{{ $array_tipodocumento[$i]->desctidoc }}</option>
                    @endif
                @endfor
            </select>
        </div>
        <div class="form-group col-lg-2">
            <label>Nro de documento: *</label>
        </div>
        <div class="form-group col-lg-4">
            <input onchange="fValidarNroDocumento();" type="text" id="txtNroDocumento" name="txtNroDocumento" class="form-control" required value="{{$legajo->documento or ''}}">
        </div>
        <div class="form-group col-lg-2">
            <label>Nombre: *</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="text" class="form-control" id="txtNombre" name="txtNombre" value="{{$legajo->nombre or ''}}" required>
        </div>
        <div class="form-group col-lg-2">
            <label>Apellido: *</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="text" class="form-control" id="txtApellido" name="txtApellido" value="{{$legajo->apellido or ''}}" required>
        </div>
        <div class="form-group col-lg-2">
            <label>Email:</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="email" id="txtEmail" name="txtEmail" class="form-control" required value="{{$legajo->email or ''}}">
        </div>
        <div class="form-group col-lg-2">
            <label>Celular:</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="text" id="txtCelular" name="txtCelular" class="form-control" required value="{{$legajo->celular or ''}}">
        </div>
        <div class="form-group col-lg-2">
            <label>Teléfono particular:</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="text" id="txtTelParticular" name="txtTelParticular" class="form-control" required value="{{$legajo->telparticular or ''}}">
        </div>
        <div class="form-group col-lg-2">
            <label>Teléfono laboral:</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="text" id="txtTelLaboral" name="txtTelLaboral" class="form-control" required value="{{$legajo->tellaboral or ''}}">
        </div>
        <div class="form-group col-lg-2">
            <label>Nro de Legajo:</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="text" id="txtNroLegajo" name="txtNroLegajo" class="form-control" value="{{$legajo->nro_legajo or ''}}">
        </div>
        <div class="form-group col-lg-2">
            <label>Sexo:</label>
        </div>
        <div class="form-group col-lg-4">
             <select id="lstSexo" name="lstSexo" class="form-control">
                <option value="" disabled selected>Seleccionar</option>
                <option value="M" {{isset($legajo) && $legajo->sexo == 'M'? 'selected' : ''}}>Masculino</option>
                <option value="F" {{isset($legajo) &&$legajo->sexo == 'F'? 'selected' : ''}}>Femenino</option>
             </select>
        </div>
        <div class="form-group col-lg-2">
            <label>Fecha de Nacimiento:</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="date" id="txtFechaNacimiento" name="txtFechaNacimiento" class="form-control" placeholder="Formato DD-MM-AAAA" value="{{$legajo->fechanacimiento or ''}}">
        </div>
        <div class="form-group col-lg-2">
            <label>País de nacimiento:</label>
        </div>
        <div class="form-group col-lg-4">
            <select id="lstPaisNacimiento" name="lstPaisNacimiento" class="form-control selectpicker" data-live-search="true">
                @for ($i = 0; $i < count($array_pais); $i++)
                    @if (isset($legajo) and $array_pais[$i]->idpais == $legajo->fk_idpais)
                        <option selected value="{{ $array_pais[$i]->idpais }}">{{ $array_pais[$i]->descpais }}</option>
                    @else
                        <option value="{{ $array_pais[$i]->idpais }}">{{ $array_pais[$i]->descpais }}</option>
                    @endif
                @endfor
                @if (isset($legajo) and $legajo->fk_idpais == "")
                    <script >$("#lstPaisNacimiento").val("");</script>
                @endif
            </select>
        </div>
        <div class="form-group col-lg-2">
            <label>Nacionalidad:</label>
        </div>
        <div class="form-group col-lg-4">
            <select id="lstPaisNacionalidad" name="lstPaisNacionalidad" class="form-control selectpicker" data-live-search="true">
                <option value="" disabled selected>Seleccionar</option>
                @for ($i = 0; $i < count($array_pais); $i++)
                    @if (isset($legajo) and $array_pais[$i]->idpais == $legajo->fk_nacionalidad)
                        <option selected value="{{ $array_pais[$i]->idpais }}">{{ $array_pais[$i]->nacionalidad }}</option>
                    @else
                        <option value="{{ $array_pais[$i]->idpais }}">{{ $array_pais[$i]->nacionalidad }}</option>
                    @endif
                @endfor
                @if (isset($legajo) and $legajo->fk_nacionalidad == "")
                    <script >$("#lstPaisNacionalidad").val("");</script>
                @endif
            </select>
        </div>
        <div class="form-group col-lg-2">
            <label>CUIT:</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="text" id="txtCuit" name="txtCuit" class="form-control" required value="{{$legajo->cuit or ''}}">
        </div>
        <div class="form-group col-lg-2">
            <label>Situación impositiva:</label>
        </div>
        <div class="form-group col-lg-4">
            <select id="lstSituacionImpositiva" name="lstSituacionImpositiva" class="form-control">
                <option value="" disabled selected>Seleccionar</option>
                @for ($i = 0; $i < count($array_situacionimpositiva); $i++)
                    @if (isset($legajo) and $array_situacionimpositiva[$i]->idiva == $legajo->fk_idiva)
                        <option selected value="{{ $array_situacionimpositiva[$i]->idiva }}">{{ $array_situacionimpositiva[$i]->desciva }}</option>
                    @else
                        <option value="{{ $array_situacionimpositiva[$i]->idiva }}">{{ $array_situacionimpositiva[$i]->desciva }}</option>
                    @endif
                @endfor
                @if (isset($legajo) and $legajo->fk_idiva == "")
                    <script >$("#lstSituacionImpositiva").val("");</script>
                @endif
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card mb-3">
                <div class="card-header">
                    <i class="fa fa-home"></i> Domicilios
                    <div class="pull-right">
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarDomicilio()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirAgregarDomicilio()"></button>
                    </div>
                </div>
                <div class="card-body">
                    <table id="grillaDomicilio" class="display">
                        <thead>
                            <tr>
                                <th>domicilio_id</th>
                                <th></th>
                                <th>Tipo</th>
                                <th>Dirección</th>
                            </tr>
                        </thead>
                    </table> 
                </div>
            </div>
        </div>
    </div>
</form>
<!-- Modal -->
<div class="modal fade" id="modalAgregar" tabindex="-1" role="dialog" aria-labelledby="modalAgregarLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="width:750px;">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Domicilio</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-lg-2">
                        <label>Tipo de domicilio:</label>
                    </div>
                     <div class="form-group col-lg-4">
                        <select id="lstTipoDomicilio" name="lstTipoDomicilio" class="form-control">
                            <option value="" disabled selected>Seleccionar</option>
                            @for ($i = 0; $i < count($array_tipodomicilio); $i++)
                                <option value="{{ $array_tipodomicilio[$i]->idtidomicilio }}">{{ $array_tipodomicilio[$i]->desctidomicilio }}</option>
                            @endfor
                        </select>
                        <script>$("#lstTipoDomicilio").val("1");</script>
                    </div>
                     <div class="form-group col-lg-2">
                        <label>País:</label>
                    </div>
                    <div class="form-group col-lg-4">
                        <select id="lstPais" name="lstPais" class="form-control selectpicker" data-live-search="true" onchange="cargarProvincias();">
                            <option value="" disabled selected>Seleccionar</option>
                            @for ($i = 0; $i < count($array_pais); $i++)
                                <option value="{{ $array_pais[$i]->idpais }}">{{ $array_pais[$i]->descpais }}</option>
                            @endfor
                        </select>
                    </div>
                    <div class="form-group col-lg-2">
                        <label>Provincia:</label>
                    </div>
                     <div class="form-group col-lg-4">
                        <select id="lstProvincia" name="lstProvincia" class="form-control">
                        </select>
                    </div>
                    <div class="form-group col-lg-2">
                        <label>Código postal:</label>
                    </div>
                     <div class="form-group col-lg-4">
                        <input type="text" id="txtCodigoPostal" name="txtCodigoPostal" class="form-control" value="">
                    </div>
                    <div class="form-group col-lg-2">
                        <label>Calle y número: *</label>
                    </div>
                     <div class="form-group col-lg-10">
                        <input type="text" id="txtDireccion" name="txtDireccion" class="form-control" required value="">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="agregarDomicilioGrilla();">Agregar</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalmsg" tabindex="-1" role="dialog" aria-labelledby="modalmsg">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-lg-6">
                    &#191;Desea eliminar la dirección seleccionada?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarDomicilio();">Aceptar</button>
            </div>
        </div>
    </div>
</div>

<script>

    $("#form1").validate();
    
    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            $('#grillaDomicilio input[type=checkbox]').prop('checked', true);
            form1.submit(); 
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }

    cargarGrillaDomicilio();
    cargarProvincias();

    function fValidarNroDocumento(){
        nro_documento = $("#txtNroDocumento").val();
         $.ajax({
            type: "GET",
            url: "{{ asset('legajo/validarNroDocumento') }}",
            data: { nro_documento:nro_documento, legajo:globalId },
            async: true,
            dataType: "json",
            success: function (data) {
                if(data == true){
                    $("#txtNroDocumento").empty();
                    msgShow("El número de documento ya existe", "danger");    
                } else {
                    $("#msg").hide();
                }
                
            }
        });
    }

    function cargarGrillaDomicilio() {
        var grilla = $('#grillaDomicilio').DataTable({
            "processing": true,
            "serverSide": false,
            "bFilter": false,
            "bInfo": true,
            "bSearchable": false,
            "paging": false,
            "ajax": "{{ asset('legajo/alumno/cargarGrillaDomicilio?legajo='.$globalId) }}",
            "columnDefs": [
                {
                    "targets": [0],
                    "visible": false,
                    "searchable": false,
                },
                {
                    "targets": [1],
                    "visible": true,
                    "searchable": false,
                    "width": "20px"
                },
                {
                    "targets": [2],
                    "visible": true,
                    "searchable": false,
                    "width": "200px"
                }
            ]
        });
    }

    function abrirAgregarDomicilio() {
        $('#modalAgregar').modal('toggle');
    }

    function agregarDomicilioGrilla(){
        var grilla = $('#grillaDomicilio').DataTable();
        var tipo_domicilio = $("#lstTipoDomicilio option:selected").val();
        var pais = $("#lstPais option:selected").val();
        var provincia = $("#lstProvincia option:selected").val();
        var cod_postal = $("#txtCodigoPostal").val();
        var calle_numero = $("#txtDireccion").val();
        var tipo = $("#lstTipoDomicilio option:selected").text();
        var direccion = calle_numero;
        if(cod_postal != "")
            direccion += ", (CP: "+ cod_postal +")";
        if(provincia != "")
            direccion += ", "+ $("#lstProvincia option:selected").text();
        if(pais != "")
            direccion += ", "+ $("#lstPais option:selected").text();

        grilla.row.add([
            '',
            '<input type="checkbox" name="chk_Domicilio[]" /><input type="hidden" name="chk_DomicilioTipo[]" value="' + tipo_domicilio + '" /"><input type="hidden" name="chk_DomicilioProvincia[]" value="' + provincia + '" /"><input type="hidden" name="chk_DomicilioCalleNumero[]" value="' + calle_numero + '" /"><input type="hidden" name="chk_DomicilioCodPostal[]" value="' + cod_postal + '" /">',
            tipo,
            direccion
        ]).draw();

        $('#modalAgregar').modal('toggle');
    }

    function abrirDialogoEliminarDomicilio() {
        $('#modalmsg').modal('toggle');
    }

    function eliminarDomicilio() {
        var grilla = $('#grillaDomicilio').DataTable();
        $('#grillaDomicilio input[type=checkbox]').each(function () {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsg').modal('toggle');
    }

    function cargarProvincias(){
        pais = $("#lstPais option:selected").val();
        $.ajax({
            type: "GET",
            url: "{{ asset('publico/pais/buscarProvincia') }}",
            data: { pais:pais },
            async: true,
            dataType: "json",
            success: function (data) {
                $("#lstProvincia").empty();
                $.each(data, function (i, item) {
                    $('#lstProvincia').append($('<option>', {
                        value: item.idprov, 
                        text: item.descprov
                    }));
                });
            }
        });
    }

    @if(isset($legajo) == false)
        $("#lstArea").val("");
        $("#lstSexo").val("");
        $("#lstTipoDocumento").val("");
        $("#lstPaisNacimiento").val("");
        $("#lstSituacionImpositiva").val("");
    @endif
</script>
@endsection