@using System.Net.Http.Headers
@using System.Linq.Expressions
@using Newtonsoft.Json
@using System.Text
@using Serialize.Linq.Serializers
@using GestionPersonalWeb.Models
@using BlazorBootstrap
@using bdAntifraude.db
@using Microsoft.AspNetCore.Components
@rendermode InteractiveServer
@inject IJSRuntime JS
@inject NavigationManager NavigationManager
@inject IHttpClientFactory HttpClientFactory
@inject IHttpContextAccessor HttpContextAccessor
@inject UserState UserState

<div class="col-md-10" style="margin-inline:auto;">
    <p class="tituloCaja">Varios</p>
    <div class="row mb-3" style=" padding: 20px;border:solid 1px grey">
        @* Mutua *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtMutua" class="fw-bold widthLabel li-height50">Mutua: </label>
            @if (Persona.IDMUTUANavigation != null){
                <input class="form-control" disabled id="txtMutua" @bind-value="@Persona.IDMUTUANavigation.DESCRIPCION" />
            }
            else
            {
                <input class="form-control" disabled id="txtMutua" />
            }
            
        </div>
        @* Mutua2 *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtMutua2" class="fw-bold widthLabel li-height50">Mutua 2: </label>
            @if (Persona.IDMUTUA2Navigation != null)
            {
                <input class="form-control" disabled id="txtMutua2" @bind-value="@Persona.IDMUTUA2Navigation.DESCRIPCION" />
            }
            else
            {
                <input class="form-control" disabled id="txtMutua2" />
            }
        </div>
        @* Puesto Trabajo Oposición *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtPuestOp"  class="fw-bold widthLabel">Puesto Trabajo Oposición: </label>
            @if (Persona.IDPUESTOTRABAJOOPOSICIONNavigation != null)
            {
                <input class="form-control" disabled id="txtPuestOp" @bind-value="@Persona.IDPUESTOTRABAJOOPOSICIONNavigation.DESCRIPCION" />
            }
            else
            {
                <input class="form-control" disabled id="txtPuestOp" />
            }          
        </div>
        @* Nº Afiliación *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtNuAfi" class="fw-bold widthLabel li-height50">Nº Afiliciación: </label>
            <input class="form-control" disabled id="txtNuAfi" @bind-value="@Persona.NUMEROAFILIACIONMUTUA" />
        </div>
        @* Nº Afiliación 2 *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtNuAfi2" class="fw-bold widthLabel li-height50">Nº Afiliciación 2: </label>
            <input class="form-control" disabled id="txtNuAfi2" @bind-value="@Persona.NUMEROAFILIACIONMUTUA2" />
        </div>
        @* Tratamiento *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtTratamiento" class="fw-bold widthLabel li-height50">Tratamiento: </label>
            <input class="form-control" disabled id="txtTratamiento" @bind-value="@Persona.TRATAMIENTO" />
        </div>
        @* Importe Seguro Accidentes *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtImpSeguro"  class="fw-bold widthLabel">Importe Seguro Accidentes: </label>
            <input class="form-control" disabled id="txtImpSeguro" @bind-value="@Persona.SEGUROACCIDENTE" />
        </div>
        @* Cuenta Bancaria *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtCuentaBancaria" class="fw-bold widthLabel li-height50">Cuenta Bancaria: </label>
            <input class="form-control" disabled id="txtCuentaBancaria" @bind-value="@Persona.CUENTABANCARIA" />
        </div>
        @* Nº Pluriempleo*@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtPluriempleo" class="fw-bold widthLabel li-height50">Nº Pluriempleo: </label>
            <input class="form-control" disabled id="txtPluriempleo" @bind-value="@Persona.PLURIEMPLEO" />
        </div>
        @* Base Seguridad Social Junio 2010 *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtBaSeSo2010"  class="fw-bold widthLabel">Base Seguridad Social Junio 2010: </label>
            <input class="form-control" disabled id="txtBaSeSo2010" @bind-value="@Persona.BASESSJUN2010" />
        </div>
        @* Formación Academica *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtFormacion" class="fw-bold widthLabel li-height50">Formación Academica: </label>
            <input class="form-control" disabled id="txtFormacion" @bind-value="@Persona.FORMACIONACADEMICA" />
        </div>
        @* Base Mes Anterior *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtBaseMesAnterior" class="fw-bold widthLabel li-height50">Base Mes Anterior: </label>
            <input class="form-control" disabled id="txtBaseMesAnterior" @bind-value="@Persona.BASEMESANTERIOR" />
        </div>
        @* Fecha Alta *@

       
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtFechaAlta" class="fw-bold widthLabel li-height50">Fecha Alta: </label>
            <input type="date" class="form-control" disabled id="txtFechaAlta" @bind-value="@Persona.FECHAALTA" />
        </div>
        @* Porcentaje de Pluriempleo *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtPorcentajePluriempleo"  class="fw-bold widthLabel">Porcentaje de Pluriempleo: </label>
            <input class="form-control" disabled id="txtPorcentajePluriempleo" @bind-value="@Persona.NUMEROPLURIEMPLEO" />
        </div>
        @* Causa Baja *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtCausaBaja" class="fw-bold widthLabel li-height50">Causa Baja: </label>

            @if (Persona.IDCAUSABAJAPARNavigation != null)
            {
                <input class="form-control" disabled id="txtCausaBaja" @bind-value="@Persona.IDCAUSABAJAPARNavigation.DESCRIPCION" />
            }
            else
            {
                <input class="form-control" disabled id="txtCausaBaja" />
            }
        </div>
        @* Base Anterior a la Baja *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtBaseAnteriorBaja" class="fw-bold widthLabel li-height50">Base Anterior a la Baja: </label>
            <input class="form-control" disabled id="txtBaseAnteriorBaja" @bind-value="@Persona.BASEANTERIORALABAJA" />
        </div>
        @* Fecha Baja *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtFechaBaja" class="fw-bold widthLabel li-height50">Fecha Baja: </label>
            <input class="form-control" disabled id="txtFechaBaja" @bind-value="@Persona.FECHABAJA" />
        </div>
        @* Premio Jubilación Mensual *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtPremioJubi"  class="fw-bold widthLabel">Premio Jubilación Mensual: </label>
            <input class="form-control" disabled id="txtPremioJubi" @bind-value="@Persona.PREMIOJUBILACIONMENSUAL" />
        </div>
        @* Fecha Baja Seguridad Social *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtFechaBajaSS"  class="fw-bold widthLabel">Fecha Baja Seguridad Social: </label>
            <input class="form-control" disabled id="txtFechaBajaSS" @bind-value="@Persona.FECHABAJASEGURIDADSOCIAL" />
        </div>
        <div class="col-md-8"></div>
        @* Movilidad  *@
        <div class="col-md-3 mt-3" style="display:flex;gap:5px; align-items:center">
            <p class="fw-bold m-0">Movilidad: </p>
            <input type="checkbox" class="" disabled id="chkMovilidad" @bind-value="@Persona.MOVILIDADREDUCIDA" />
        </div>
        @* No Cotizas Desempleo  *@
        <div class="col-md-3 mt-3" style="display:flex;gap:5px; align-items:center">
            <p class="fw-bold m-0">No Cotiza Desempleo: </p>
            <input type="checkbox" class="" disabled id="chkCotizaDes" @bind-value="@Persona.NOCOTIZADESEMPLEO" />
        </div>
        @* Ceuta/Melilla  *@
        <div class="col-md-3 mt-3" style="display:flex;gap:5px; align-items:center">
            <p class="fw-bold m-0">Ceuta / Melilla: </p>
            <input type="checkbox" class="" disabled id="chkCM" @bind-value="@Persona.CEUTAMELILLA" />
        </div>
        @* Pensionistas  *@
        <div class="col-md-3 mt-3" style="display:flex;gap:5px; align-items:center">
            <p class="fw-bold m-0">Pensionistas: </p>
            <input type="checkbox" class="" disabled id="chkPensionistas" @bind-value="@Persona.PENSIONISTAS" />
        </div>      
    </div>
    <p class="tituloCaja">Ingresos</p>
    <div class="row mb-3" style=" padding: 20px;border:solid 1px grey">
        @* Ingreso Administración Autonómica *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtIngrAdmin" class="fw-bold widthLabel">Ingreso Administración Autonómica: </label>
            <input class="form-control" disabled id="txtIngrAdmin" @bind-value="@Persona.INGRADMNAUTO" />
        </div>
        @* Ingreso Administración Estado *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtIngrAdminEst" class="fw-bold widthLabel">Ingreso Administración Estado: </label>
            <input class="form-control" disabled id="txtIngrAdminEst" @bind-value="@Persona.INGRESOADMINISTRACIONESTADO" />
        </div>
        @* Ingreso Administración Local *@
        <div class="col-md-4 d-flex divLabelInp">
            <label for="txtIngrAdminLoc" class="fw-bold widthLabel">Ingreso Administración Local: </label>
            <input class="form-control" disabled id="txtIngrAdminLoc" @bind-value="@Persona.INGRESOADMINISTRACIONLOCAL" />
        </div>
    </div>
    <p class="tituloCaja">Sindicatos</p>
    <div class="row mb-3" style=" padding: 20px;border:solid 1px grey">
       @* Sindicato 1 *@
   <div class="col-md-6 d-flex divLabelInp">
            <label for="selSindicato1" class="fw-bold widthLabel">Sindicato 1: </label>
            <input class="form-control" disabled id="SelSindicato1" @bind-value="@Persona.IDSINDICATO1" />
        </div>
        <div class="col-md-6 d-flex divLabelInp">
            <label for="CuotaSindical1" class="fw-bold widthLabel">Cuota Sindical 1: </label>
            <input class="form-control" disabled id="CuotaSindical1" @bind-value="@Persona.CUOTASINDICAL1" />
        </div>
   
    <div class="col-md-6 d-flex divLabelInp">
        <label for="selSindicato2" class="fw-bold widthLabel">Sindicato 2: </label>
        <input class="form-control" disabled id="SelSindicato2" @bind-value="@Persona.IDSINDICATO2" />
    </div>
    <div class="col-md-6 d-flex divLabelInp">
        <label for="CuotaSindical2" class="fw-bold widthLabel">Cuota Sindical 2: </label>
        <input class="form-control" disabled id="CuotaSindical2" @bind-value="@Persona.CUOTASINDICAL2" />
        </div>
    </div>
</div>

@code {
    [Parameter]
    public PERSONAS Persona { get; set; } = new PERSONAS();
    private HttpClient cliente = new HttpClient();
    [Parameter]
    public EventCallback OnPersonaActualizada { get; set; }
}
