@extends('partes.corpo')

@section('ficha')
active
@endsection


@section('corpo')


    @if (Session::has('success'))
        <div class="alert alert-success alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert">
                <i class="fa fa-times"></i>
            </button>
            <strong>Success !</strong> {{ session('success') }}
        </div>
    @endif

    @if (Session::has('error'))
        <div class="alert alert-danger alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert">
                <i class="fa fa-times"></i>
            </button>
            <strong>Error !</strong> {{ session('error') }}
        </div>
    @endif


<section class="" style="background-image: url('/model1.jpg'); background-repeat:repeat;width: 100%; height: 125px">
        <div class="container">
            <h2 class="text-center" style="color:#161b1d">
                <br>Credit Application
            </h2>
        </div>
 </section>


<script>
    function desativaCampo() {
        var x = document.getElementById("divCoApp_Personal");
        var y = document.getElementById("divCoApp_Employment");
        var z = document.getElementById("divCoApp_Financial");
        var w = document.getElementById("divCoApp_Residential");


        if (x.style.display === "none") {
            x.style.display = "block";
            y.style.display = "block";
            z.style.display = "block";
            w.style.display = "block";


            document.getElementById("CreditApp_FirstName_2").required = true;
            document.getElementById("CreditApp_LastName_2").required = true;
            document.getElementById("CreditApp_EmailAddress_2").required = true;
            document.getElementById("CreditApp_HomePhone_2").required = true;
            document.getElementById("CreditApp_WorkPhone_2").required = true;
            document.getElementById("CreditApp_SocialSecNum_2").required = true;
            document.getElementById("CreditApp_DateOfBirth_2").required = true;


            document.getElementById("CreditApp_CurrEmpStatus_2").required = true;
            document.getElementById("CreditApp_CurrEmpName_2").required = true;
            document.getElementById("CreditApp_CurrEmpTitle_2").required = true;
            document.getElementById("CreditApp_CurrEmpIncome_2").required = true;



            document.getElementById("CreditApp_CurrResAddress_2").required = true;
            document.getElementById("CreditApp_CurrResCity_2").required = true;
            document.getElementById("CreditApp_CurrResState_2").required = true;
            document.getElementById("CreditApp_CurrResZip_2").required = true;
            document.getElementById("CreditApp_CurrResPayment_2").required = true;





        }
        else {
            x.style.display = "none";
            y.style.display = "none";
            z.style.display = "none";
            w.style.display = "none";


            document.getElementById("CreditApp_FirstName_2").required = false;
            document.getElementById("CreditApp_LastName_2").required = false;
            document.getElementById("CreditApp_EmailAddress_2").required = false;
            document.getElementById("CreditApp_HomePhone_2").required = false;
            document.getElementById("CreditApp_WorkPhone_2").required = false;
            document.getElementById("CreditApp_SocialSecNum_2").required = false;
            document.getElementById("CreditApp_DateOfBirth_2").required = false;



            document.getElementById("CreditApp_CurrEmpStatus_2").required = false;
            document.getElementById("CreditApp_CurrEmpName_2").required = false;
            document.getElementById("CreditApp_CurrEmpTitle_2").required = false;
            document.getElementById("CreditApp_CurrEmpIncome_2").required = false;



            document.getElementById("CreditApp_CurrResAddress_2").required = false;
            document.getElementById("CreditApp_CurrResCity_2").required = false;
            document.getElementById("CreditApp_CurrResState_2").required = false;
            document.getElementById("CreditApp_CurrResZip_2").required = false;
            document.getElementById("CreditApp_CurrResPayment_2").required = false;



        }
    }


    function FilterDesiredVehicle() {




        var ano =  $('#CreditApp_YearFilter').val();
        var marca =  $('#CreditApp_MakeFilter').val();

        const $div_selected = document.getElementById("CreditApp_Vehicle_Details");

        $div_selected.style.display = "none"



        $.ajax({
            type: "get",
            url: "/filter/vehicle/"+ano+"-"+marca,
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data : $(this).serialize(),
            success: function (dados) {

                var option = '';

                if(dados.length === 0){
                    option = '<option value="0" selected="selected">We did not find vehicles with these filters</option>';
                }



                $.each(dados, function(i, obj){




                    option += '<option value="'+obj.link+'">'+obj.nome+'-'+obj.ano+'-'+obj.marca+'</option>';

                    if(i === 0){
                        SelectVehicle(obj.link);
                    }


                })



                $('#Vehicle').html(option).show();
            }
        });




    }

    function ResetFilter() {

            const $select_year = document.querySelector('#CreditApp_YearFilter');
            const $select_make = document.querySelector('#CreditApp_MakeFilter');
            const $select_vehicle = document.querySelector('#Vehicle');
            const $div_selected = document.getElementById("CreditApp_Vehicle_Details");
            $select_year.value = '0'
            $select_make.value = '0'
            $select_vehicle.value = '0'


            $div_selected.style.display = "none"


        $.ajax({
            type: "get",
            url: "/reset",
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data : $(this).serialize(),
            success: function (dados) {

                var option = '<option value="0" selected="selected">Selected...</option>';



                $.each(dados, function(i, obj){

                    option += '<option value="'+obj.link+'">'+obj.nome+'-'+obj.ano+'-'+obj.marca+'</option>';
                })



                $('#Vehicle').html(option).show();
            }
        });

    }




    function SelectVehicle(vehcleSelected) {

        let div = document.getElementById("CreditApp_Vehicle_Details");

        if(vehcleSelected !== "0"){

            let teste = "";

            $.ajax({
                type: "get",
                url: "/filter/"+vehcleSelected,
                dataType: 'json',
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data : $(this).serialize(),
                success: function (consulta) {



                    console.log('<img "http://127.0.0.1:8000/img/'+consulta.img);

                    teste += '<div id="divMain">';
                    teste += '<img src="/img/'+consulta.img +'" class="pull-left" style="width: 105px; height: 78px; border: 1px solid #333; margin: 4px 15px 10px 0;" alt="noimage">';
                    teste += '<a href="/details/'+vehcleSelected+'" class="no-link">'+vehcleSelected+'</a><br>';
                    teste += '<div>Color: '+consulta.cor+'</div>';
                    teste += '<div>Transmissao: '+consulta.cambio+'</div>';
                    teste += '<div>Milage: '+consulta.km+'</div>';
                    teste += '<div class="clear">';

                    div.innerHTML =  teste ;



                }
            });


            div.style.display="block";
        }
        else{
            div.style.display="none";
        }




    }







</script>

<style>
    select[readonly] {
        background: #eee;
        pointer-events: none;
        touch-action: none;
    }
</style>






<section>
    <div class="container">
        <div id="page_" class="page_section">
            <div class="col">
                <div role="form" class="wpcf7" id="wpcf7-f312-p186-o1" lang="pt-BR" dir="ltr">
                    <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p>
                        <ul></ul>
                    </div>



                    <form id="CreditApp_form" method="post" action="{{route('enviarFicha')}}">
                        <input type="hidden" id="xAction" name="xAction" value="Submit">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />

                        <script type="text/javascript">
                            $(document).ready(function () {
                                //$('input[type="checkbox"]:checked')
                                $('#chk_BypassSSN').on('click', function () {
                                    if ($(this).is(':checked')) {
                                        $('#CreditApp_SocialSecNum').prop('readonly', true);
                                        $('#CreditApp_SocialSecNum').val('000-00-0000');
                                    } else {
                                        $('#CreditApp_SocialSecNum').prop('readonly', false);
                                        $('#CreditApp_SocialSecNum').val('');
                                    }
                                });
                            });
                        </script>






                        <div class="row">
                            <div class="col-sm-12">


                                <div class="text-info accent-color1 required-indicator"><b class="text-info accent-color1">*</b> Required Field</div>

                                <div class="form-inline">
                                    <div class="form-group" style="margin-right: 20px;">
                                        <label for="CreditApp_AppType" style="padding-right: 10px;">Application Type <b class="text-info accent-color1">*</b></label>
                                        <select class="form-control dirty"  id="CreditApp_AppType" name="AppType" onchange="desativaCampo();" origvalue="Individual">
                                            <option value="Individual">Individual</option>
                                            <option value="Joint">Joint</option>

                                        </select>
                                    </div>

                                </div>

                            </div>


                        </div>

                        <div class="row">
                            <div class="col-sm-12">
                                <h3 class="accent-color1">
                                    Personal Information</h3>
                            </div>
                        </div>

                        <div class="row">

                            <div class="col-sm-6" style="padding-bottom: 20px;">
                                <h4>Applicant:</h4>
                                <div class="form">
                                    <div class="form-group">
                                        <label for="CreditApp_FirstName">First Name <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control val-required" id="CreditApp_FirstName" name="FirstName" required placeholder="First Name" maxlength="25" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_Initial">Middle Name/Initial</label>
                                        <input type="text" class="form-control" id="CreditApp_Initial" name="Initial" maxlength="25" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_LastName">Last Name <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control val-required" id="CreditApp_LastName" name="LastName" required placeholder="Last Name" maxlength="25" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_EmailAddress">Email Address <b class="text-info accent-color1">*</b></label>

                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"> <i class="fa fa-envelope"></i></span>
                                            </div>
                                            <input type="text" required class="form-control input-email val-email val-required" id="CreditApp_EmailAddress" name="EmailAddress" placeholder="Email Address" maxlength="100" value="" origvalue="">

                                        </div>




                                    </div>



                                    <div class="form-group">
                                        <label for="CreditApp_HomePhone">Home Phone <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>

                                            <input type="text" required class="form-control input-phone val-phone val-required" id="CreditApp_HomePhone" name="HomePhone" placeholder="Home Phone Number" maxlength="14" value="" origvalue="">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_WorkPhone">Work Phone <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                 <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" required class="form-control input-phoneext val-phone val-required" id="CreditApp_WorkPhone" name="WorkPhone" placeholder="Work Phone Number" maxlength="20" value="" origvalue="">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_CellPhone">Cell Phone </label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control input-phone val-phone " id="CreditApp_CellPhone" name="CellPhone" placeholder="Cell Phone Number" maxlength="14" value="" origvalue="">
                                        </div>
                                    </div>



                                    <div class="form-group">
                                        <label for="CreditApp_SocialSecNum">Social Security #<b class="text-info accent-color1">*</b></label>

                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" required class="form-control input-ssn   val-ssn val-required" id="CreditApp_SocialSecNum" name="SocialSecNum" placeholder="Social Security #" maxlength="11" value="" origvalue="">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_DateOfBirth">Date of Birth <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                            </div>
                                            <input type="date" required class="form-control input-date val-date val-required" id="CreditApp_DateOfBirth" name="DateOfBirth" value="" maxlength="10" defaultdate="-15y" yearrange="-100:-15" min="1915-01-01" max="2008-12-31">
                                        </div>
                                    </div>









                                    <div class="form-group">
                                        <label for="CreditApp_ContactPreference">How should we contact you? </label>
                                        <select class="form-control " id="CreditApp_ContactPreference" name="ContactPreference" origvalue="NoPreference">
                                            <option value="NoPreference" selected="selected">No Preference</option>
                                            <option value="Phone">Phone</option>
                                            <option value="Email">Email</option>

                                        </select>
                                    </div>



                                    <div class="form-group">
                                        <label for="CreditApp_ContactTime">When should we contact you? </label>
                                        <select class="form-control " id="CreditApp_ContactTime" name="ContactTime" origvalue="">
                                            <option value="Any Time" selected="selected">Any Time</option>
                                            <option value="Morning">Morning</option>
                                            <option value="Midday">Midday</option>
                                            <option value="Afternoon">Afternoon</option>
                                            <option value="Evening">Evening</option>

                                        </select>
                                    </div>



                                </div>
                            </div>


                            <div id="divCoApp_Personal" class="col-sm-6" style="padding-bottom: 20px;display: none">
                                <h4>Co-Applicant</h4>
                                <div class="form">
                                    <div class="form-group">
                                        <label for="CreditApp_FirstName_2">First Name <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control val-required" id="CreditApp_FirstName_2" name="FirstName_2" placeholder="First Name" maxlength="25" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_Initial_2">Middle Initial</label>
                                        <input type="text" class="form-control" id="CreditApp_Initial_2" name="Initial_2" maxlength="1" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_LastName_2">Last Name <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control val-required" id="CreditApp_LastName_2" name="LastName_2" placeholder="Last Name" maxlength="25" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_EmailAddress_2">Email Address <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-envelope"></i></span>
                                            </div>
                                            <input type="text" class="form-control input-email val-email val-required" id="CreditApp_EmailAddress_2" name="EmailAddress_2" placeholder="Email Address" maxlength="100" value="" origvalue="">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_HomePhone_2">Home Phone <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control input-phone val-phone val-required" id="CreditApp_HomePhone_2" name="HomePhone_2" placeholder="Home Phone Number" maxlength="14" value="" origvalue="">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_WorkPhone_2">Work Phone <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                             <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control input-phoneext val-phone val-required" id="CreditApp_WorkPhone_2" name="WorkPhone_2" placeholder="Work Phone Number" maxlength="20" value="" origvalue="">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_CellPhone_2">Cell Phone </label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control input-phone val-phone " id="CreditApp_CellPhone_2" name="CellPhone_2" placeholder="Cell Phone Number" maxlength="14" value="" origvalue="">
                                        </div>
                                    </div>



                                    <div class="form-group">
                                        <label for="CreditApp_SocialSecNum_2">Social Security # <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control input-ssn val-ssn val-required" id="CreditApp_SocialSecNum_2" name="SocialSecNum_2" placeholder="Social Security #" maxlength="11" value="" origvalue="">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_DateOfBirth_2">Date of Birth <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                            </div>
                                            <input type="date" class="form-control input-date val-date val-required" id="CreditApp_DateOfBirth_2" name="DateOfBirth_2" value="" maxlength="10" defaultdate="-15y" yearrange="-100:-15" min="1915-01-01" max="2008-12-31">
                                        </div>
                                    </div>








                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-12">
                                <h3 class="accent-color1">
                                    Employment Information</h3>
                            </div>
                        </div>

                        <div class="row">

                            <div class="col-sm-6" style="padding-bottom: 20px;">
                                <h4>Applicant:</h4>
                                <div class="form">

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpStatus" style="padding-right: 10px;">Employment Status <b class="text-info accent-color1">*</b></label>
                                        <select class="form-control val-required" id="CreditApp_CurrEmpStatus" required name="CurrEmpStatus" origvalue="">
                                            <option value="" selected="selected"></option>
                                            <option value="Employed">Employed</option>
                                            <option value="Self-Employed">Self-Employed</option>
                                            <option value="Unemployed">Unemployed</option>
                                            <option value="Military">Military</option>
                                            <option value="Retired">Retired</option>
                                            <option value="Student">Student</option>
                                            <option value="Other">Other</option>

                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpName">Current Employer <b class="text-info accent-color1">*</b></label>
                                        <input type="text" requirede class="form-control val-required" id="CreditApp_CurrEmpName" name="CurrEmpName" placeholder="Current Employer" maxlength="100" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpTitle">Title / Occupation <b class="text-info accent-color1">*</b></label>
                                        <input type="text"  required class="form-control val-required" id="CreditApp_CurrEmpTitle" name="CurrEmpTitle" placeholder="Title / Occupation" maxlength="100" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpPhone">Business Phone </label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control input-phoneext val-phone " id="CreditApp_CurrEmpPhone" name="CurrEmpPhone" placeholder="Business Phone Number" maxlength="20" value="" origvalue="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpIncome">Gross Monthly Income <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <!--
                                             <div class="input-group-prepend">
                                                 <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                             </div>
                                             -->
                                            <input type="text" required class="form-control input-money val-required" id="CreditApp_CurrEmpIncome" name="CurrEmpIncome" placeholder="Gross Monthly Income" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>

                                    <br>



                                </div>
                            </div>


                            <div id="divCoApp_Employment" class="col-sm-6" style="padding-bottom: 20px;display: none">
                                <h4>Co-Applicant</h4>
                                <div class="form">

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpStatus_2" style="padding-right: 10px;">Employment Status</label>
                                        <select class="form-control" id="CreditApp_CurrEmpStatus_2" name="CurrEmpStatus_2" origvalue="">
                                            <option value="" selected="selected"></option>
                                            <option value="Employed">Employed</option>
                                            <option value="Self-Employed">Self-Employed</option>
                                            <option value="Unemployed">Unemployed</option>
                                            <option value="Military">Military</option>
                                            <option value="Retired">Retired</option>
                                            <option value="Student">Student</option>
                                            <option value="Other">Other</option>

                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpName_2">Current Employer <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control val-required" id="CreditApp_CurrEmpName_2" name="CurrEmpName_2" placeholder="Current Employer" maxlength="100" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpTitle_2">Title / Occupation <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control val-required" id="CreditApp_CurrEmpTitle_2" name="CurrEmpTitle_2" placeholder="Title / Occupation" maxlength="100" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpPhone">Business Phone </label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control input-phoneext val-phone " id="CreditApp_CurrEmpPhone_2" name="CurrEmpPhone_2" placeholder="Business Phone Number" maxlength="20" value="" origvalue="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrEmpIncome_2">Gross Monthly Income <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <!--
                                              <div class="input-group-prepend">
                                                  <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                              </div>
                                              -->
                                            <input type="text" class="form-control input-money val-required" id="CreditApp_CurrEmpIncome_2" name="CurrEmpIncome_2" placeholder="Gross Monthly Income" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>


                                    <br>



                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-12">
                                <h3 class="accent-color1">
                                    Residential Information</h3>
                            </div>
                        </div>

                        <div class="row">

                            <div class="col-sm-6" style="padding-bottom: 20px;">
                                <h4>Applicant:</h4>
                                <div class="form">


                                    <div class="form-group">
                                        <label for="CreditApp_CurrResStatus" style="padding-right: 10px;">Status </label>
                                        <select class="form-control " id="CreditApp_CurrResStatus" name="CurrResStatus" origvalue="">
                                            <option value="" selected="selected"></option>
                                            <option value="Own">Own</option>
                                            <option value="Rent">Rent</option>
                                            <option value="Live with Family">Live with Family</option>
                                            <option value="Other">Other</option>

                                        </select>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_CurrResAddress">Current Address <b class="text-info accent-color1">*</b></label>
                                        <input type="text" required class="form-control val-required" id="CreditApp_CurrResAddress" name="CurrResAddress" placeholder="Current Address" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrResAddress2">Current Address Line 2</label>
                                        <input type="text" class="form-control" id="CreditApp_CurrResAddress2" name="CurrResAddress2" maxlength="100" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrResCity">City <b class="text-info accent-color1">*</b></label>
                                        <input type="text"  required  class="form-control val-required" id="CreditApp_CurrResCity" name="CurrResCity" placeholder="City" maxlength="50" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrResState" style="padding-right: 10px;">State<b class="text-info accent-color1">*</b></label>
                                        <select  required class="form-control val-required" id="CreditApp_CurrResState" name="CurrResState" origvalue="">
                                            <option value="" selected="selected"></option>
                                            <option value="AL">AL - Alabama</option>
                                            <option value="AK">AK - Alaska</option>
                                            <option value="AZ">AZ - Arizona</option>
                                            <option value="AR">AR - Arkansas</option>
                                            <option value="CA">CA - California</option>
                                            <option value="CO">CO - Colorado</option>
                                            <option value="CT">CT - Connecticut</option>
                                            <option value="DC">DC - District of Columbia</option>
                                            <option value="DE">DE - Delaware</option>
                                            <option value="FL">FL - Florida</option>
                                            <option value="GA">GA - Georgia</option>
                                            <option value="HI">HI - Hawaii</option>
                                            <option value="ID">ID - Idaho</option>
                                            <option value="IL">IL - Illinois</option>
                                            <option value="IN">IN - Indiana</option>
                                            <option value="IA">IA - Iowa</option>
                                            <option value="KS">KS - Kansas</option>
                                            <option value="KY">KY - Kentucky</option>
                                            <option value="LA">LA - Louisiana</option>
                                            <option value="ME">ME - Maine</option>
                                            <option value="MD">MD - Maryland</option>
                                            <option value="MA">MA - Massachusetts</option>
                                            <option value="MI">MI - Michigan</option>
                                            <option value="MN">MN - Minnesota</option>
                                            <option value="MS">MS - Mississippi</option>
                                            <option value="MO">MO - Missouri</option>
                                            <option value="MT">MT - Montana</option>
                                            <option value="NE">NE - Nebraska</option>
                                            <option value="NV">NV - Nevada</option>
                                            <option value="NH">NH - New Hampshire</option>
                                            <option value="NJ">NJ - New Jersey</option>
                                            <option value="NM">NM - New Mexico</option>
                                            <option value="NY">NY - New York</option>
                                            <option value="NC">NC - North Carolina</option>
                                            <option value="ND">ND - North Dakota</option>
                                            <option value="OH">OH - Ohio</option>
                                            <option value="OK">OK - Oklahoma</option>
                                            <option value="OR">OR - Oregon</option>
                                            <option value="PA">PA - Pennsylvania</option>
                                            <option value="RI">RI - Rhode Island</option>
                                            <option value="SC">SC - South Carolina</option>
                                            <option value="SD">SD - South Dakota</option>
                                            <option value="TN">TN - Tennessee</option>
                                            <option value="TX">TX - Texas</option>
                                            <option value="UT">UT - Utah</option>
                                            <option value="VT">VT - Vermont</option>
                                            <option value="VA">VA - Virginia</option>
                                            <option value="WA">WA - Washington</option>
                                            <option value="WV">WV - West Virginia</option>
                                            <option value="WI">WI - Wisconsin</option>
                                            <option value="WY">WY - Wyoming</option>

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrResZip">Zip Code <b class="text-info accent-color1">*</b></label>
                                        <input  required type="text" class="form-control input-zipval-required" id="CreditApp_CurrResZip" name="CurrResZip" placeholder="Zip Code" maxlength="10" value="" origvalue="">
                                    </div>



                                    <div class="form-group">
                                        <label for="CreditApp_CurrResPayment">Mortgage Payment / Rent <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input  required type="text" class="form-control input-money val-required" id="CreditApp_CurrResPayment" name="CurrResPayment" placeholder="Mortgage Payment / Rent" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrResYears">Time at Residence - Years </label>
                                        <input type="text" class="form-control input-digit " id="CreditApp_CurrResYears" name="CurrResYears" placeholder="Years" maxlength="2" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrResMonths">Time at Residence - Months </label>
                                        <input type="text" class="form-control input-digit " id="CreditApp_CurrResMonths" name="CurrResMonths" placeholder="Months" maxlength="2" value="" origvalue="">
                                    </div>


                                    <br>


                                    <!--
                                    <div class="form-group">
                                        <label for="CreditApp_PrevResStatus" style="padding-right: 10px;">Status </label>
                                        <select class="form-control" id="CreditApp_PrevResStatus" name="PrevResStatus" origvalue="">
                                            <option value="" selected="selected"></option>
                                            <option value="Own">Own</option>
                                            <option value="Rent">Rent</option>
                                            <option value="Live with Family">Live with Family</option>
                                            <option value="Other">Other</option>

                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_PrevResPayment">Mortgage Payment / Rent </label>
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fa fa-usd"></i></span>
                                            <input type="text" class="form-control input-money" id="CreditApp_PrevResPayment" name="PrevResPayment" placeholder="Mortgage Payment / Rent" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_PrevResYears">Time at Residence - Years </label>
                                        <input type="text" class="form-control input-digit" id="CreditApp_PrevResYears" name="PrevResYears" placeholder="Years" maxlength="2" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_PrevResMonths">Time at Residence - Months </label>
                                        <input type="text" class="form-control input-digit" id="CreditApp_PrevResMonths" name="PrevResMonths" placeholder="Months" maxlength="2" value="" origvalue="">
                                    </div>


                                    -->

                                </div>
                            </div>


                            <div id="divCoApp_Residential" class="col-sm-6" style="padding-bottom: 20px;display: none">
                                <h4>Co-Applicant</h4>
                                <div class="form">


                                    <div class="form-group">
                                        <label for="CreditApp_CurrResStatus_2" style="padding-right: 10px;">Status </label>
                                        <select class="form-control " id="CreditApp_CurrResStatus_2" name="CurrResStatus_2" origvalue="">
                                            <option value="" selected="selected"></option>
                                            <option value="Own">Own</option>
                                            <option value="Rent">Rent</option>
                                            <option value="Live with Family">Live with Family</option>
                                            <option value="Other">Other</option>

                                        </select>
                                    </div>


                                    <div class="form-group">
                                        <label for="CreditApp_CurrResAddress_2">Current Address <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control val-required" id="CreditApp_CurrResAddress_2" name="CurrResAddress_2" placeholder="Current Address" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrResAddress2_2">Current Address Line 2</label>
                                        <input type="text" class="form-control" id="CreditApp_CurrResAddress2_2" name="CurrResAddress2_2" maxlength="100" value="" origvalue="">
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrResCity_2">City <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control val-required" id="CreditApp_CurrResCity_2" name="CurrResCity_2" placeholder="City" maxlength="50" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrResState_2" style="padding-right: 10px;">State<b class="text-info accent-color1">*</b></label>
                                        <select class="form-control val-required" id="CreditApp_CurrResState_2" name="CurrResState_2" origvalue="">
                                            <option value="" selected="selected"></option>
                                            <option value="AL">AL - Alabama</option>
                                            <option value="AK">AK - Alaska</option>
                                            <option value="AZ">AZ - Arizona</option>
                                            <option value="AR">AR - Arkansas</option>
                                            <option value="CA">CA - California</option>
                                            <option value="CO">CO - Colorado</option>
                                            <option value="CT">CT - Connecticut</option>
                                            <option value="DC">DC - District of Columbia</option>
                                            <option value="DE">DE - Delaware</option>
                                            <option value="FL">FL - Florida</option>
                                            <option value="GA">GA - Georgia</option>
                                            <option value="HI">HI - Hawaii</option>
                                            <option value="ID">ID - Idaho</option>
                                            <option value="IL">IL - Illinois</option>
                                            <option value="IN">IN - Indiana</option>
                                            <option value="IA">IA - Iowa</option>
                                            <option value="KS">KS - Kansas</option>
                                            <option value="KY">KY - Kentucky</option>
                                            <option value="LA">LA - Louisiana</option>
                                            <option value="ME">ME - Maine</option>
                                            <option value="MD">MD - Maryland</option>
                                            <option value="MA">MA - Massachusetts</option>
                                            <option value="MI">MI - Michigan</option>
                                            <option value="MN">MN - Minnesota</option>
                                            <option value="MS">MS - Mississippi</option>
                                            <option value="MO">MO - Missouri</option>
                                            <option value="MT">MT - Montana</option>
                                            <option value="NE">NE - Nebraska</option>
                                            <option value="NV">NV - Nevada</option>
                                            <option value="NH">NH - New Hampshire</option>
                                            <option value="NJ">NJ - New Jersey</option>
                                            <option value="NM">NM - New Mexico</option>
                                            <option value="NY">NY - New York</option>
                                            <option value="NC">NC - North Carolina</option>
                                            <option value="ND">ND - North Dakota</option>
                                            <option value="OH">OH - Ohio</option>
                                            <option value="OK">OK - Oklahoma</option>
                                            <option value="OR">OR - Oregon</option>
                                            <option value="PA">PA - Pennsylvania</option>
                                            <option value="RI">RI - Rhode Island</option>
                                            <option value="SC">SC - South Carolina</option>
                                            <option value="SD">SD - South Dakota</option>
                                            <option value="TN">TN - Tennessee</option>
                                            <option value="TX">TX - Texas</option>
                                            <option value="UT">UT - Utah</option>
                                            <option value="VT">VT - Vermont</option>
                                            <option value="VA">VA - Virginia</option>
                                            <option value="WA">WA - Washington</option>
                                            <option value="WV">WV - West Virginia</option>
                                            <option value="WI">WI - Wisconsin</option>
                                            <option value="WY">WY - Wyoming</option>

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrResZip_2">Zip Code <b class="text-info accent-color1">*</b></label>
                                        <input type="text" class="form-control input-zipval-required" id="CreditApp_CurrResZip_2" name="CurrResZip_2" placeholder="Zip Code" maxlength="10" value="" origvalue="">
                                    </div>



                                    <div class="form-group">
                                        <label for="CreditApp_CurrResPayment_2">Mortgage Payment / Rent <b class="text-info accent-color1">*</b></label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money val-required" id="CreditApp_CurrResPayment_2" name="CurrResPayment_2" placeholder="Mortgage Payment / Rent" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_CurrResYears_2">Time at Residence - Years </label>
                                        <input type="text" class="form-control input-digit " id="CreditApp_CurrResYears_2" name="CurrResYears_2" placeholder="Years" maxlength="2" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrResMonths_2">Time at Residence - Months </label>
                                        <input type="text" class="form-control input-digit " id="CreditApp_CurrResMonths_2" name="CurrResMonths_2" placeholder="Months" maxlength="2" value="" origvalue="">
                                    </div>


                                    <br>


                                    <!--
                                    <div class="form-group">
                                        <label for="CreditApp_PrevResStatus_2" style="padding-right: 10px;">Status </label>
                                        <select class="form-control " id="CreditApp_PrevResStatus_2" name="PrevResStatus_2" origvalue="">
                                            <option value="" selected="selected"></option>
                                            <option value="Own">Own</option>
                                            <option value="Rent">Rent</option>
                                            <option value="Live with Family">Live with Family</option>
                                            <option value="Other">Other</option>

                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_PrevResPayment_2">Mortgage Payment / Rent </label>
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fa fa-usd"></i></span>
                                            <input type="text" class="form-control input-money " id="CreditApp_PrevResPayment_2" name="PrevResPayment_2" placeholder="Mortgage Payment / Rent" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_PrevResYears_2">Time at Residence - Years </label>
                                        <input type="text" class="form-control input-digit " id="CreditApp_PrevResYears_2" name="PrevResYears_2" placeholder="Years" maxlength="2" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_PrevResMonths_2">Time at Residence - Months </label>
                                        <input type="text" class="form-control input-digit " id="CreditApp_PrevResMonths_2" name="PrevResMonths_2" placeholder="Months" maxlength="2" value="" origvalue="">
                                    </div>


                                -->

                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-12">
                                <h3 class="accent-color1">
                                    Financial Information</h3>
                            </div>
                        </div>

                        <div class="row">

                            <div class="col-sm-6" style="padding-bottom: 20px;">
                                <h4>Applicant:</h4>
                                <div class="form">

                                    <div class="form-group">
                                        <label for="CreditApp_CurrLoanAmount">Mortgage Balance</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_CurrLoanAmount" name="CurrLoanAmount" placeholder="Mortgage Balance" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrLoanLender">Mortgage Lender</label>
                                        <input type="text" class="form-control" id="CreditApp_CurrLoanLender" name="CurrLoanLender" placeholder="Mortgage Lender" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrLoanPayment">Monthly Payment</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_CurrLoanPayment" name="CurrLoanPayment" placeholder="Mortgage Payment" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <br>
                                    <div class="form-group">
                                        <label for="CreditApp_BankName1">Name of Bank</label>
                                        <input type="text" class="form-control" id="CreditApp_BankName1" name="BankName1" placeholder="Name of Bank" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_BankAccounts1">Account Type(s)</label>
                                        <input type="text" class="form-control" id="CreditApp_BankAccounts1" name="BankAccounts1" placeholder="Account Type(s)" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_BankName2">Name of Bank</label>
                                        <input type="text" class="form-control" id="CreditApp_BankName2" name="BankName2" placeholder="Name of Bank" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_BankAccounts2">Account Type(s)</label>
                                        <input type="text" class="form-control" id="CreditApp_BankAccounts2" name="BankAccounts2" placeholder="Account Type(s)" maxlength="100" value="" origvalue="">
                                    </div>
                                    <br>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncome1">Other Income (monthly)</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_OtherIncome1" name="OtherIncome1" placeholder="Other Income (monthly)" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncomeSource1">Source</label>
                                        <input type="text" class="form-control" id="CreditApp_OtherIncomeSource1" name="OtherIncomeSource1" placeholder="Source" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncome2">Other Income (monthly)</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_OtherIncome2" name="OtherIncome2" placeholder="Other Income (monthly)" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncomeSource2">Source</label>
                                        <input type="text" class="form-control" id="CreditApp_OtherIncomeSource2" name="OtherIncomeSource2" placeholder="Source" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncome3">Other Income (monthly)</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_OtherIncome3" name="OtherIncome3" placeholder="Other Income (monthly)" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncomeSource3">Source</label>
                                        <input type="text" class="form-control" id="CreditApp_OtherIncomeSource3" name="OtherIncomeSource3" placeholder="Source" maxlength="100" value="" origvalue="">
                                    </div>

                                </div>
                            </div>


                            <div id="divCoApp_Financial" class="col-sm-6" style="padding-bottom: 20px;display: none">
                                <h4>Co-Applicant</h4>
                                <div class="form">

                                    <div class="form-group">
                                        <label for="CreditApp_CurrLoanAmount_2">Mortgage Balance</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_CurrLoanAmount_2" name="CurrLoanAmount_2" placeholder="Mortgage Balance" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrLoanLender_2">Mortgage Lender</label>
                                        <input type="text" class="form-control" id="CreditApp_CurrLoanLender_2" name="CurrLoanLender_2" placeholder="Mortgage Lender" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_CurrLoanPayment_2">Monthly Payment</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_CurrLoanPayment_2" name="CurrLoanPayment_2" placeholder="Mortgage Payment" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <br>
                                    <div class="form-group">
                                        <label for="CreditApp_BankName1_2">Name of Bank</label>
                                        <input type="text" class="form-control" id="CreditApp_BankName1_2" name="BankName1_2" placeholder="Name of Bank" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_BankAccounts1_2">Account Type(s)</label>
                                        <input type="text" class="form-control" id="CreditApp_BankAccounts1_2" name="BankAccounts1_2" placeholder="Account Type(s)" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_BankName2_2">Name of Bank</label>
                                        <input type="text" class="form-control" id="CreditApp_BankName2_2" name="BankName2_2" placeholder="Name of Bank" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_BankAccounts2_2">Account Type(s)</label>
                                        <input type="text" class="form-control" id="CreditApp_BankAccounts2_2" name="BankAccounts2_2" placeholder="Account Type(s)" maxlength="100" value="" origvalue="">
                                    </div>
                                    <br>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncome1_2">Other Income (monthly)</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_OtherIncome1_2" name="OtherIncome1_2" placeholder="Other Income (monthly)" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncomeSource1_2">Source</label>
                                        <input type="text" class="form-control" id="CreditApp_OtherIncomeSource1_2" name="OtherIncomeSource1_2" placeholder="Source" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncome2_2">Other Income (monthly)</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_OtherIncome2_2" name="OtherIncome2_2" placeholder="Other Income (monthly)" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncomeSource2_2">Source</label>
                                        <input type="text" class="form-control" id="CreditApp_OtherIncomeSource2_2" name="OtherIncomeSource2_2" placeholder="Source" maxlength="100" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncome3_2">Other Income (monthly)</label>
                                        <div class="input-group">
                                            <!--
                                             <div class="input-group-prepend">
                                                 <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                             </div>
                                             -->
                                            <input type="text" class="form-control input-money" id="CreditApp_OtherIncome3_2" name="OtherIncome3_2" placeholder="Other Income (monthly)" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_OtherIncomeSource3_2">Source</label>
                                        <input type="text" class="form-control" id="CreditApp_OtherIncomeSource3_2" name="OtherIncomeSource3_2" placeholder="Source" maxlength="100" value="" origvalue="">
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-12">
                                <h3 class="accent-color1">
                                    Desired Vehicle</h3>
                            </div>
                        </div>

                        @if(empty($veiculo))

                            <div class="row">
                                <div class="col-sm-12">
                                    <label>Filter Desired Vehicle</label>
                                    <div class="form-inline">

                                        <div class="form-group">
                                            <label>Year: </label>
                                            <select class="form-control" id="CreditApp_YearFilter" onchange="FilterDesiredVehicle();" origvalue="">
                                                <option value="0" selected="selected">All...</option>
                                                @foreach($anos as $ano)
                                                    <option value="{{$ano->ano}}">{{$ano->ano}}</option>
                                                @endforeach

                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>&nbsp; Make: </label>
                                            <select class="form-control" id="CreditApp_MakeFilter" onchange="FilterDesiredVehicle();" origvalue="">
                                                <option value="0" selected="selected">All...</option>
                                                @foreach($marcas as $marca)
                                                    <option value="{{$marca->marca}}">{{$marca->marca}}</option>
                                                @endforeach

                                            </select>
                                        </div>
                                        <div class="form-group">

                                            <div class="form-group">
                                                <a id="FilterReset"  onclick="ResetFilter(); return false;" class="btn btn-default"><span class="wpcf7-form-control has-spinner wpcf7-submit btn btn-block btn-primary btn-submit">&nbsp; Reset Filter</span> </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <br>
                            <div class="row">
                                <div class="col-sm-12">

                                    <div class="form">

                                        <div class="form-group">

                                            <label for="CreditApp_Vehicle">Desired Vehicle </label>

                                            <select class="form-control " id="Vehicle" name="Vehicle" onchange="SelectVehicle(this.value);" origvalue="">
                                                <option value="0" selected="selected">Selected...</option>

                                                @foreach($carros as $carro)
                                                    <option value="{{$carro->link}}">{{$carro->nome}} - {{$carro->ano}} -
                                                        {{$carro->marca}}</option>
                                                @endforeach


                                            </select>
                                            <div id="CreditApp_Vehicle_Details" class="form-vehicle-details" style="display: none;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        @else

                            <br>
                            <div class="row">
                                <div class="col-sm-12">

                                    <div class="form">

                                        <div class="form-group">

                                            <label for="CreditApp_Vehicle">Desired Vehicle </label>

                                            <select class="form-control " id="CreditApp_Vehicle" name="Vehicle"  origvalue="" readonly="readonly">
                                                <option value="{{$veiculo->link}}">{{$veiculo->link}}</option>

                                            </select>
                                            <div id="CreditApp_Vehicle_Details" class="form-vehicle-details" style="display: none;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        @endif











                        <div class="row">
                            <div class="col-sm-12">
                                <h3 class="accent-color1">
                                    Trade-In Vehicle</h3>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6 col-md-4">
                                <div class="form">

                                    <div class="form-group">
                                        <label for="CreditApp_TradeVIN">VIN</label>
                                        <input type="text" class="form-control input-vin" id="CreditApp_TradeVIN" name="TradeVIN" placeholder="VIN" maxlength="17" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_TradeYear">Year</label>
                                        <input type="text" class="form-control input-year" id="CreditApp_TradeYear" name="TradeYear" placeholder="Year" maxlength="4" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_TradeMake">Make</label>
                                        <input type="text" class="form-control" id="CreditApp_TradeMake" name="TradeMake" placeholder="Make" maxlength="25" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_TradeModel">Model</label>
                                        <input type="text" class="form-control" id="CreditApp_TradeModel" name="TradeModel" placeholder="Model" maxlength="50" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_TradeColor">Exterior Color</label>
                                        <input type="text" class="form-control" id="CreditApp_TradeColor" name="TradeColor" placeholder="Exterior Color" maxlength="50" value="" origvalue="">
                                    </div>

                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="form">

                                    <div class="form-group">
                                        <label for="CreditApp_TradeMileage">Mileage</label>
                                        <input type="text" class="form-control input-digit" id="CreditApp_TradeMileage" name="TradeMileage" placeholder="Mileage" maxlength="25" value="" origvalue="">
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_TradeCondition">Condition</label>
                                        <select class="form-control" id="CreditApp_TradeCondition" name="TradeCondition" origvalue="">
                                            <option value="" selected="selected">Select...</option>
                                            <option value="Mint">Mint</option>
                                            <option value="Excellent">Excellent</option>
                                            <option value="Very Good">Very Good</option>
                                            <option value="Good">Good</option>
                                            <option value="Fair">Fair</option>
                                            <option value="Poor">Poor</option>

                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="CreditApp_TradeAmount">Asking Price</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_TradeAmount" name="TradeAmount" placeholder="Asking Price" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="CreditApp_TradeBalance">Remaining Balance</label>
                                        <div class="input-group">
                                            <!--
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fa fa-dollar" ></i></span>
                                            </div>
                                            -->
                                            <input type="text" class="form-control input-money" id="CreditApp_TradeBalance" name="TradeBalance" placeholder="Remaining Balance" maxlength="8" value="" origvalue="">
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="form">

                                    <div class="form-group">
                                        <label for="CreditApp_TradeDescription">Describe Vehicle Condition and History</label>
                                        <textarea class="form-control" id="CreditApp_TradeDescription" name="TradeDescription" rows="10"></textarea>
                                    </div>

                                </div>
                            </div>
                        </div>






                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form">


                                    <br>
                                    <div class="checkbox">
                                        <label>
                                            <input required type="checkbox" class="val-required" id="CreditApp_Certify" name="Certify" label="Certify" origchecked="false">
                                            <b>I certify that the information provided by me is correct.<br>
                                                I certify that I am eighteen years of age or older.</b>
                                        </label>
                                    </div>

                                    <div class="checkbox" style="margin-top: 20px;">
                                        <label>
                                            <input required type="checkbox" class="val-required" id="CreditApp_AuthCreditCheck" name="AuthCreditCheck" label="Authorize Credit Check" origchecked="false">
                                            <b>I also understand that you will be checking with credit reporting agencies.<br>
                                                I authorize an investigation of my credit and employment history and the release of information about my credit experience.</b>
                                        </label>
                                    </div>


                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-sm-12">
                                <hr>





                                    <div class="botao"><input type="submit" value="Send"
                                                              class="wpcf7-form-control has-spinner wpcf7-submit btn btn-block btn-primary btn-submit"><span
                                            class="wpcf7-spinner"></span>
                                    </div>



                            </div>
                        </div>

                        <input type="hidden" label="DigitalSignature" class="form-control " id="CreditApp_DigitalSignature" name="DigitalSignature">
                        <input type="hidden" label="CoApplicantDigitalSignature" class="form-control" id="CreditApp_CoApplicantDigitalSignature" name="CoApplicantDigitalSignature">

                    </form>




                </div>
            </div>
        </div>
</section>



<br><br>




@endsection