@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" style="width:500px">Trienios cumplidos en la Administración Económicamente</p>
    <div class="row mb-3" style=" padding: 20px;border:solid 1px grey">
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AEA1" class="fw-bold widthLabel li-height50">A1: </label>
            <input class="form-control" disabled id="AEA1" @bind-value="@Persona.TRIENIOSADMINISTRACIONA1" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AEA2" class="fw-bold widthLabel li-height50">A2: </label>
            <input class="form-control" disabled id="AEA2" @bind-value="@Persona.TRIENIOSADMINISTRACIONA2" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AEB" class="fw-bold widthLabel li-height50">B: </label>
            <input class="form-control" disabled id="AEB" @bind-value="@Persona.TRIENIOSADMINISTRACIONB" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AEC1" class="fw-bold widthLabel li-height50">C1: </label>
            <input class="form-control" disabled id="AEC1" @bind-value="@Persona.TRIENIOSADMINISTRACIONC1" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AEC2" class="fw-bold widthLabel li-height50">C2: </label>
            <input class="form-control" disabled id="AEC2" @bind-value="@Persona.TRIENIOSADMINISTRACIONC2" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AEE" class="fw-bold widthLabel li-height50">E: </label>
            <input class="form-control" disabled id="AEE" @bind-value="@Persona.TRIENIOSADMINISTRACIONE" />
        </div>
        <div class="col-md-3 d-flex divLabelInp">
            <label for="AEImporte" class="fw-bold widthLabel li-height50">Importe: </label>
            <input class="form-control" disabled id="AEImporte" @bind-value="@Persona.IMPORTETRIENIOADMINISTRACION" />
        </div>
        <div class="col-md-3 d-flex divLabelInp">
            <label for="AEImpPE" class="fw-bold widthLabel li-height50">Importe Paga Extra: </label>
            <input class="form-control" disabled id="AEImpPE" @bind-value="@Persona.IMPTRIADMPAGAEXTRA" />
        </div>
    </div>
    <p class="tituloCaja" style="width:500px">Trienios cumplidos en la Administración Administrativamente</p>
    <div class="row mb-3" style=" padding: 20px;border:solid 1px grey">
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AAA1" class="fw-bold widthLabel li-height50">A1: </label>
            <input class="form-control" disabled id="AAA1" @bind-value="@Persona.TRIENIOSADMINISTRACIONA1A" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AAA2" class="fw-bold widthLabel li-height50">A2: </label>
            <input class="form-control" disabled id="AAA2" @bind-value="@Persona.TRIENIOSADMINISTRACIONA2A" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AAB" class="fw-bold widthLabel li-height50">B: </label>
            <input class="form-control" disabled id="AAB" @bind-value="@Persona.TRIENIOSADMINISTRACIONBA" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AAC1" class="fw-bold widthLabel li-height50">C1: </label>
            <input class="form-control" disabled id="AAC1" @bind-value="@Persona.TRIENIOSADMINISTRACIONC1A" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AAC2" class="fw-bold widthLabel li-height50">C2: </label>
            <input class="form-control" disabled id="AAC2" @bind-value="@Persona.TRIENIOSADMINISTRACIONC2A" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="AAE" class="fw-bold widthLabel li-height50">E: </label>
            <input class="form-control" disabled id="AAE" @bind-value="@Persona.TRIENIOSADMINISTRACIONEA" />
        </div>
        <div class="col-md-3 d-flex divLabelInp">
            <label for="AAImporte" class="fw-bold widthLabel li-height50">Importe: </label>
            <input class="form-control" disabled id="AAImporte" @bind-value="@Persona.IMPORTETRIENIOADMINISTRACIONA" />
        </div>
        <div class="col-md-3 d-flex divLabelInp">
            <label for="AAImpPE" class="fw-bold widthLabel li-height50">Importe Paga Extra: </label>
            <input class="form-control" disabled id="AAImpPE" @bind-value="@Persona.IMPTRIADMPAGAEXTRAA" />
        </div>
    </div>
    <p class="tituloCaja" style="width:500px">Trienios cumplidos en la OficinaAntifraude</p>
    <div class="row mb-3" style=" padding: 20px;border:solid 1px grey">
        <div class="col-md-1 d-flex divLabelInp">
            <label for="OAA1" class="fw-bold widthLabel li-height50">A1: </label>
            <input class="form-control" disabled id="OAA1" @bind-value="@Persona.TRIENIOSPARLAMENTOA1" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="OAA2" class="fw-bold widthLabel li-height50">A2: </label>
            <input class="form-control" disabled id="OAA2" @bind-value="@Persona.TRIENIOSPARLAMENTOA2" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="OAB" class="fw-bold widthLabel li-height50">B: </label>
            <input class="form-control" disabled id="OAB" @bind-value="@Persona.TRIENIOSPARLAMENTOB" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="OAC1" class="fw-bold widthLabel li-height50">C1: </label>
            <input class="form-control" disabled id="OAC1" @bind-value="@Persona.TRIENIOSPARLAMENTOC1" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="OAC2" class="fw-bold widthLabel li-height50">C2: </label>
            <input class="form-control" disabled id="OAC2" @bind-value="@Persona.TRIENIOSPARLAMENTOC2" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="OAE" class="fw-bold widthLabel li-height50">E: </label>
            <input class="form-control" disabled id="OAE" @bind-value="@Persona.TRIENIOSPARLAMENTOE" />
        </div>
        <div class="col-md-6 d-flex divLabelInp">
            <label for="OAImporte" class="fw-bold widthLabel">Fecha Próximo Cumplimiento: </label>
            <input type="date" class="form-control" disabled id="OAImporte" @bind-value="@Persona.FECHACUMPLIMIENTOPROXTRIENIO" />
        </div>
     </div>
    <p class="tituloCaja" style="width:500px">Complementos de Carrera cumplidos en la OficinaAntifraude</p>
    <div class="row mb-3" style=" padding: 20px;border:solid 1px grey">
        <div class="col-md-1 d-flex divLabelInp">
            <label for="CCOAA1" class="fw-bold widthLabel li-height50">A1: </label>
            <input class="form-control" disabled id="CCOAA1" @bind-value="@Persona.COMPLEMENTOCARRERAA1" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="CCOAA2" class="fw-bold widthLabel li-height50">A2: </label>
            <input class="form-control" disabled id="CCOAA2" @bind-value="@Persona.COMPLEMENTOCARRERAA2" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="CCOAB" class="fw-bold widthLabel li-height50">B: </label>
            <input class="form-control" disabled id="CCOAB" @bind-value="@Persona.COMPLEMENTOCARRERAB" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="CCOAC1" class="fw-bold widthLabel li-height50">C1: </label>
            <input class="form-control" disabled id="CCOAC1" @bind-value="@Persona.COMPLEMENTOCARRERAC1" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="CCOAC2" class="fw-bold widthLabel li-height50">C2: </label>
            <input class="form-control" disabled id="CCOAC2" @bind-value="@Persona.COMPLEMENTOCARRERAC2" />
        </div>
        <div class="col-md-1 d-flex divLabelInp">
            <label for="CCOAE" class="fw-bold widthLabel li-height50">E: </label>
            <input class="form-control" disabled id="CCOAE" @bind-value="@Persona.COMPLEMENTOCARRERAE" />
        </div>
        <div class="col-md-6 d-flex divLabelInp">
            <label for="CCOAImporte" class="fw-bold widthLabel">Fecha Próximo Cumplimiento: </label>
            <input type="date" class="form-control" disabled id="CCOAImporte" @bind-value="@Persona.FECHACUMPLIMIENTOCARRERA" />
        </div>
    </div>
</div>

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