
<?php $__env->startSection('content'); ?>


        <div class="container">
            <h1 style="text-align: center; margin:2% 0% 2% 0%;">Indigo Parking</h1>
            <div class="row" style="padding-top: 5%;">
                <p>You will recieve booking confirmation, parking procedure and other important car park details on below entered email address.</p>
            </div>
            <div class="row">
                <div class="col-sm-2">
                    <div class="form-group">
                        <label for="title">Title: *</label>
                        <select name="title" id="title" class="form-control">
                            <option value="1">Mr.</option>
                            <option value="2">Mrs.</option>
                            <option value="3">Miss.</option>
                            <option value="4">Ms.</option>
                            <option value="5">Dr.</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="fname">First Name: *</label>
                        <input type="text" class="form-control" name="fname" id="fname">
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="lname">Last Name: *</label>
                        <input type="text" class="form-control" name="lname" id="lname">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="lname">Email Address: *</label>
                        <input type="email" class="form-control" name="email" id="email">
                    </div>
                </div> 
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="lname">Mobile Number: *</label>
                        <input type="mobile" class="form-control" name="mobile" id="mobile">
                    </div>
                </div> 
            </div>
            <div class="row">
                <div class="col-sm-8">
                    <div class="form-group">
                        <label for="lname">Address: *</label>
                        <input type="text" class="form-control" name="address" id="address">
                    </div>
                </div> 
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="lname">PostCode: *</label>
                        <input type="number" class="form-control" name="postalcode" id="postalcode">
                    </div>
                </div> 
            </div>
            <div class="row" style="padding: 3% 0% 3% 0%; ">
                <hr>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="col-sm-6 p-0">
                        <div class="form-group">
                            <div class="radios">
                                <div class="radio-lable">
                                    <label for="lname">Do you have travel details?</label>
                                </div>
                                <div class="one">
                                    <input type="radio" id="no" name="travel"  value="NO">
                                    <label for="no">No</label>
                                </div>
                                <div class="two">
                                    <input type="radio" id="yes" name="travel" value="YES">
                                    <label for="yes">Yes</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="lname">Depart Terminal: *</label>
                        <select name="title" id="title" class="form-control">
                            <option value="">Select Terminal</option>
                            <option value="1">South Terminal</option>
                            <option value="2">North Terminal</option>
                            <option value="3">TBC</option> 
                        </select>
                    </div>
                </div> 
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="lname">Return Terminal: *</label>
                        <select name="title" id="title" class="form-control">
                            <option value="">Select Terminal</option>
                            <option value="1">South Terminal</option>
                            <option value="2">North Terminal</option>
                            <option value="3">TBC</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="lname">Return Flight:</label>
                        <input type="number" class="form-control" name="postalcode" id="postalcode">
                    </div>
                </div>  
            </div>
            <div class="row" style="padding: 3% 0% 3% 0%; ">
                <hr>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="col-sm-6 p-0">
                        <div class="form-group">
                            <div class="radios">
                                <div class="radio-lable">
                                    <label for="lname">Do you have vehicle details?</label>
                                </div>
                                <div class="one">
                                    <input type="radio" id="no" name="travel"  value="NO">
                                    <label for="no">No</label>
                                </div>
                                <div class="two">
                                    <input type="radio" id="yes" name="travel" value="YES">
                                    <label for="yes">Yes</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="lname">Vehicle Make: *</label>
                        <input type="email" class="form-control" name="email" id="email">
                    </div>
                </div> 
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="lname">Vehicle Model: *</label>
                        <input type="mobile" class="form-control" name="mobile" id="mobile">
                    </div>
                </div> 
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="lname">Vehicle Colour: *</label>
                        <input type="email" class="form-control" name="email" id="email">
                    </div>
                </div> 
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="lname">Vehicle Reg Number: *</label>
                        <input type="mobile" class="form-control" name="mobile" id="mobile">
                    </div>
                </div> 
            </div>
            <div class="row" style="padding: 3% 0% 3% 0%; ">
                <hr>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="check1" name="option1" value="something" >
                        <label class="form-check-label">Option 1</label>
                    </div>
                    <p>The cancellation cover will protect you if you need to cancel or amend<br> 
                        your booking upto 36 hours before departure.</p>
                </div> 
                <div class="col-sm-6">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="check1" name="option1" value="something" >
                        <label class="form-check-label">Option 1</label>
                      </div>
                      <p>You will receive your parking booking confirmation to your mobile for fast<br>
                        and easy check in.</p>
                </div> 
            </div>
            <div class="row" style="padding: 3% 0% 3% 0%;">
                <hr>
            </div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="lname">Name on Card: *</label>
                        <input type="text" class="form-control" name="address" id="address">
                    </div>
                </div> 
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="lname">Card Number: *</label>
                        <input type="text" class="form-control" name="address" id="address">
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label for="lname">Expiry Date: *</label>
                        <input type="number" class="form-control" name="postalcode" id="postalcode">
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label for="lname">CVC: *</label>
                        <input type="number" class="form-control" name="postalcode" id="postalcode">
                    </div>
                </div> 
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="check1" name="option1" value="something">
                        <label class="form-check-label">On making payment I agree to Compare Your Parking Terms and Conditions</label>
                      </div>
                </div>
            </div>
            <button type="submit" class="btn btn-primary" style="font-size:117%;">CONFIRM BOOKING</button>
        </div>

<style>
.radios {
    display: flex;

}
.radio-lable {
    margin: 0px !important;
    padding: 
}
.radios .one {
    padding-left: 0%;
}
.radios .two {
    padding-left: 0%;
}
</style>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\wamp64\www\indigo-parking\resources\views/frontend/book-now.blade.php ENDPATH**/ ?>