@page "/LoanView/{LoanId:int}"

@attribute [Authorize(Policy = "IsRMSAssociate")]

<EditForm Model="@loanDetails" EditContext="@EditContext" Context="FormContext">
    <FluentValidationValidator />

    <div class="p-1"></div>
    <h4>Member Information</h4>

    <div class="form-group row">
        <div class="form-group col-md-3">
            <label for="MemberNumber" class="col-form-label">Member Number</label>
            <InputText class="form-control" id="MemberNumber" readonly="true" @bind-Value="@loanDetails.MemberNumber" />
        </div>
        <div class="form-group col-md-3">
            <label for="MemberLastName" class="col-form-label">Last Name</label>
            <InputText class="form-control" id="MemberLastName" readonly="true" @bind-Value="@loanDetails.MemberLastName" />
        </div>
        <div class="form-group col-md-3">
            <label for="MemberFirstName" class="col-form-label">First Name</label>
            <InputText class="form-control" id="MemberFirstName" readonly="true" @bind-Value="@loanDetails.MemberFirstName" />
        </div>
        <div class="form-group col-md-1">
            <label for="MemberInitial" class="col-form-label">Initial</label>
            <InputText class="form-control" id="MemberInitial" readonly="true" @bind-Value="@loanDetails.MemberInitial" />
        </div>
    </div>

    <div class="form-row">
        <div class="form-group col-md-3">
            @if (loanDetails.ValidationErrors != null)
            {
                @foreach (var error in loanDetails.ValidationErrors)
                {
                    <p class="validation-message"> @error.ErrorMessage</p>
                }
            }
        </div>
    </div>

    <TabControl>
        <TabTextTemplate Context="TheTab">
            @TheTab.Text
        </TabTextTemplate>
        <ChildContent>
            <TabPage Text="Loan Information">
                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="LoanNumber" class="col-form-label">Loan Number</label>
                        <InputText class="form-control" id="LoanNumber" readonly="true" @bind-Value="@loanDetails.LoanNumber" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="LoanDate" class="col-form-label">Loan Date</label>
                        <input type="text" class="form-control" id="LoanDate" readonly value="@loanDetails.LoanDate.ToString("M/d/yyyy")" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="LoanAmount" class="col-form-label">Loan Amount</label>
                        <input type="text" class="form-control" id="LoanAmount" readonly value="@loanDetails.LoanAmount.ToString("C")" />
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="ApplicationId" class="col-form-label">Application Id</label>
                        <InputText class="form-control" id="ApplicationId" readonly="true" @bind-Value="@loanDetails.ApplicationId" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="PostedDate" class="col-form-label">Posted Date</label>
                        <input type="text" class="form-control" id="PostedDate" readonly value="@loanDetails.PostedDate.ToString("M/d/yyyy")" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="MonthlyPmt" class="col-form-label">Monthly Payment</label>
                        <input type="text" class="form-control" id="MonthlyPmt" readonly value="@loanDetails.MonthlyPmt.ToString("C")" />
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="LoanStatus" class="col-form-label">Loan Status</label>
                        <InputText class="form-control" id="LoanStatus" readonly="true" @bind-Value="@loanDetails.LoanStatus" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="FirstPmtDate" class="col-form-label">First Payment Date</label>
                        <input type="text" class="@GetFieldValidationClass("LoanDate")" id="FirstPmtDate" readonly value="@loanDetails.FirstPmtDate.ToString("M/d/yyyy")" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="Term" class="col-form-label">Term</label>
                        <input class="form-control" id="Term" readonly value="@loanDetails.Term.ToString()" />
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="LoanTypeDescription " class="col-form-label">Loan Type - Description</label>
                        <input type="text" class="@GetFieldValidationClass("LoanTypeId")" id="LoanTypeDescription" readonly value="@LoanTypeDetailString" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="FinalPmtDate" class="col-form-label">Final Payment Date</label>
                        <input class="form-control" id="FinalPmtDate" readonly value="@loanDetails.FinalPmtDate.ToString("M/d/yyyy")" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="BuyRate" class="col-form-label">Buy Rate</label>
                        <input type="text" class="form-control" id="BuyRate" readonly value="@loanDetails.BuyRate.ToString("#0.0##")%" />
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-xs-1">
                        <label for="Gap" class="col-form-label">GAP</label>
                        <input type="text" class="form-control fieldInsurance" id="Gap" readonly value="@GapString" />
                    </div>
                    <div class="col-xs-1"></div>
                    <div class="form-group col-xs-1">
                        <label for="CreditLife" class="col-form-label">CRL</label>
                        <input type="text" class="form-control fieldInsurance" id="CreditLife" readonly value="@CreditLifeString" />
                    </div>
                    <div class="col-xs-1"></div>
                    <div class="form-group col-xs-1">
                        <label for="CreditDisability" class="col-form-label">CRD</label>
                        <input type="text" class="form-control fieldInsurance" id="CreditDisability" readonly value="@CreditDisabilityString" />
                    </div>
                    <div class="col-xs-1"></div>
                    <div class="form-group col-xs-1">
                        <label for="Warranty" class="col-form-label">WTY</label>
                        <input type="text" class="form-control fieldInsurance" id="Warranty" readonly value="@WarrantyString" />
                    </div>
                    <div class="col-xs-1"></div>
                    <div class="form-group col-xs-1">
                        <label for="Mbp " class="col-form-label">MBP</label>
                        <input type="text" class="form-control fieldInsurance" id="Mbp" readonly value="@MbpString" />
                    </div>

                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="PaidDate" class="col-form-label">Paid Date</label>
                        <input type="text" class="form-control" id="PaidDate" readonly value="@PaidLoanDateString" />
                    </div>

                    <div class="col-sm-1"></div>
                    <div class="form-group col-md-3">
                        <label for="ContractRate" class="col-form-label">Contract Rate</label>
                        <input type="text" class="form-control" id="ContractRate" readonly value="@loanDetails.ContractRate.ToString("#0.0##")%" />
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="ReserveAmount" class="col-form-label">Reserve Amount</label>
                        <input type="text" class="form-control" id="ReserveAmount" readonly value="@loanDetails.ReserveAmount.ToString("C")" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-lg-7">
                        <label for="ReserveMessage" class="col-form-label">Reserve Message</label>
                        <InputText class="form-control" id="ReserveMessage" readonly="true" @bind-Value="@loanDetails.ReserveMessage" />
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="Chargeback" class="col-form-label">Chargeback Amount</label>
                        <input type="text" class="form-control" id="Chargeback" readonly value="@ChargeBackString" />
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="form-group col-lg-7">
                        <label for="ChargebackMessage" class="col-form-label">Chargeback Message</label>
                        <input type="text" class="form-control" id="ChargebackMessage" readonly value="@loanDetails.ChargebackMessage" />
                    </div>
                </div>
            </TabPage>

            <TabPage Text="Dealer Information">
                <div class="form-row">
                    <div class="form-group col-md-5">
                        <label for="DealerCode" class="col-form-label">Dealer Code</label>
                        <InputText class="form-control" id="DealerCode" readonly="true" @bind-Value="@loanDetails.Dealer.DealerCode" />
                    </div>
                </div>
                @if (loanDetails.Dealer != null)
                {
                    <div class="form-row">
                        <div class="form-group col-md-5">
                            <label for="DealerName" class="col-form-label">Dealer Name</label>
                            <input type="text" class="@GetFieldValidationClass("Dealer.Name")" id="DealerOrg2" readonly value="@loanDetails.Dealer.Name" />
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-5">
                            <label for="DealerOrg" class="col-form-label">Dealer Organization</label>
                            <input type="text" class="@GetFieldValidationClass("DealerOrganizationNumber")" id="DealerOrg" readonly value="@loanDetails.Dealer.DealerOrganizationNumber" />
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-5">
                            <label for="DealerAccount" class="col-form-label">Dealer Account</label>
                            <InputText class="form-control" id="DealerAccount" readonly="true" @bind-Value="@loanDetails.Dealer.DealerAccountNumber" />
                        </div>
                    </div>
                }
            </TabPage>
            <TabPage Text="Vehicle Information">
                @if (loanDetails.Vehicle != null)
                {
                    <div class="form-row">
                        <div class="form-group col-md-3">
                            <label for="VINNumber" class="col-form-label">VIN Number</label>
                            <InputText class="form-control" id="VINNumber" readonly="true" @bind-Value="@loanDetails.Vehicle.VINNumber" />
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-3">
                            <label for="Make" class="col-form-label">Make</label>
                            <InputText class="form-control" id="Make" readonly="true" @bind-Value="@loanDetails.Vehicle.Make" />
                        </div>
                        <div class="form-group col-md-3">
                            <label for="Model" class="col-form-label">Model</label>
                            <InputText class="form-control" id="Model" readonly="true" @bind-Value="@loanDetails.Vehicle.Model" />
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-1">
                            <label for="Year" class="col-form-label">Year</label>
                            <InputText class="form-control" id="Year" readonly="true" @bind-Value="@loanDetails.Vehicle.Year" />
                        </div>
                        <div class="form-group col-md-2">
                            <label for="Mileage" class="col-form-label">Mileage</label>
                            <input type="text" class="form-control" id="Mileage" readonly value="@VehicleMileageFormat" />
                        </div>
                        <div class="form-group col-md-3">
                            <label for="Color" class="col-form-label">Color</label>
                            <InputText class="form-control" id="Color" readonly="true" @bind-Value="@loanDetails.Vehicle.Color" />
                        </div>
                    </div>
                }

                @if (loanDetails.Vehicle == null)
                {
                    <div>Sorry no vehicle detail information for this loan!</div>
                }

            </TabPage>
        </ChildContent>
    </TabControl>
</EditForm>