@extends('front.app')

@section('content')

    <!-- Page Content-->
    <main class="page-content">
        <!-- Sign Up-->
        <section>
            <!-- RD Parallax-->
            <div data-on="false" data-md-on="true" class="rd-parallax">
                <div data-speed="0.25" data-type="media" data-url="/site/images/backgrounds/background-25-1920x900.jpg" class="rd-parallax-layer"></div>
                <div data-speed="0" data-type="html" data-md-fade="false" class="rd-parallax-layer">
                    <div class="shell section-80 section-md-top-135 section-md-bottom-165">
                        <div class="range range-xs-center">
                            <div class="cell-xs-12 cell-sm-12 cell-md-12 cell-lg-12">
                                <!-- Box-->
                                <div class="box box-lg reveal-block bg-white inset-lg-left-60 inset-lg-right-60">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <h5 class="text-ubold text-sm-center">Affiliate Sign Up</h5>
                                            <div class="offset-top-10">
                                                <p>Check out our top-rated tours</p>
                                            </div>
                                        </div>
                                    </div>
                                    <form class="rd-mailform">

                                        <div class="row offset-top-30">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <input type="text" name="property_name" class="form-control required"  data-constraints="@Required" placeholder="Property name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control" data-placeholder="Property Type">
                                                        <option value="" label="Select Property Type:">Select Property Type:</option>
                                                        <option value="hostel" label="Hostel">Hostel</option>
                                                        <option value="guesthouse" label="Bed and Breakfast">Bed and Breakfast</option>
                                                        <option value="campsite" label="Campsite">Campsite</option>
                                                        <option value="apartment" label="Apartment">Apartment</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row offset-top-15">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <input type="text" name="num_rooms" class="form-control required"  data-constraints="@Required" placeholder="Number of Rooms">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <input type="text" name="num_beds" class="form-control required"  data-constraints="@Required" placeholder="Numer of Beds">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row offset-top-15">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <input type="text" name="street_address" class="form-control required"  data-constraints="@Required" placeholder="Street Address">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <input type="text" name="address_line_2" class="form-control required"  data-constraints="@Required" placeholder="Address Line 2">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row offset-top-15">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control" data-placeholder="Country">
                                                        <option value="" label="Select Country:">Select Country:</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control" data-placeholder="State/Province">
                                                        <option value="" label="Select State/Province:">State/Province:</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row offset-top-15">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control" data-placeholder="City">
                                                        <option value="" label="Select City:">Select City:</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <input type="text" name="postal_zip_code" class="form-control required"  data-constraints="@Required" placeholder="Postcode/Zip Code">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row offset-top-25">
                                            <div class="col-lg-4 col-lg-offset-4">
                                                <button type="submit" class="btn btn-block btn-icon btn-icon-right btn-primary">
                                                    <span>sign up</span><span style="float:none; margin-top:-1px;" class="icon icon-xxs mdi mdi-chevron-right"></span>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="row offset-top-15">
                                            <div class="col-lg-12">
                                                    <p class="text-extra-small">Already have an account? <a href="login.html" class="text-primary">Log In</a> now!</p>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection