<div class="checkout-form-header pb-3 mt-md-0 mt-5 pt-4 col-md-12 text-center px-0">
    <div class="form-header-image">
        <img src="{{ asset('/front/images/emblem.svg') }}" width="70" alt="">
    </div>
</div>
<form method="post" id="step2" name="step2" >
    <div class="col-md-12 px-md-5 px-3 pt-4">
        <div class="row">
            <div class="col-lg-12 errors-checkout" id="errors_step2"></div>
            <div class="col-md-12 form-group ">
                <div class="checkout input-group">
                    <input type="text" name="postcode_lookup" id="postcode_lookup" class="form-control form-control-lg" aria-label="Input group example" aria-describedby="btnGroupAddon" value="e12pe" >
                    <div class="input-group-prepend">
                        <button type="button" class="btn text-white border-0 bg-gradiat-color btn-lg font-weight-bold input-group-text postcodeBtn" id="btnGroupAddon" >Enter Your Postcode<i class="fas fa-location-arrow pl-2"></i></button>


                    </div>

                </div>
            </div>
            <div class="col-md-12 form-group custom-select2" style="" id="div_addresses">
                <label>Select Your Address</label>
                <select id="addresses" name="addresses" class="custom-select custom-select-lg select2"></select>
            </div>




            <div class="col-md-12 form-group ">
                <button type="button" class="btn btn-lg" id="btnAddressManually">Or Enter Address Manually</button>
                <div class="row mx-0 address-manually" style="display: none;">
                    <div class="col-md-6 form-group">
                        <label class="font-weight-bold">Address Line</label>
                        <input type="text" name="address" id="address" value="" class="form-control bg-light form-control-lg" value="">
                    </div>
                    <div class="col-md-6 form-group">
                        <label class="font-weight-bold">Address Line 2</label>
                        <input type="text" name="address2" id="address2" value="" class="form-control bg-light form-control-lg" value="">
                    </div>
                    <div class="col-md-6 form-group ">
                        <label class="font-weight-bold">City</label>
                        <input type="text" name="city" id="city" value="" class="form-control bg-light form-control-lg">
                    </div>
                    <div class="col-md-6 form-group ">
                        <label class="font-weight-bold">Postcode</label>
                        <input type="text" name="postcode" id="postcode"  value="" class="form-control bg-light form-control-lg">
                    </div>
                </div>
            </div>
            <div class="col-md-6 form-group">
                <label class="font-weight-bold">How Old Is Your Boiler?</label>
                <select name="age" id="age" class="form-control bg-light form-control-lg">
                    @foreach($boilerAge as $age)
                    <option value="{{$age}}">{{$age}}</option>
                    @endforeach
                </select>

            </div>
            <div class="col-md-6 form-group">
                <label class="font-weight-bold">Agreement Start Date</label>
                <input type="text" id="date" name="date" class=" form-control bg-light form-control-lg">
            </div>
            <div class="col-md-12 py-4 text-center">
                <!--
                CheckoutFinish
                -->
                <button type="button" class="btn btn-primary back bg-black-gradiant btn-lg px-4 border-0 shadow back-step-login mr-3"><i class="fas fa-location-arrow pr-2"></i> Back</button>
                <button type="button" class="btn btn-primary bg-black-gradiant btn-lg px-4 border-0 shadow next-step2">Next
                    <i class="fas fa-location-arrow pl-2"></i></button>

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