במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

@extends("layouts.app")
@section("mainContent")

<main class="main__content_wrapper">
        
        
        <section class="breadcrumb__section breadcrumb__bg head_img_1">
            <div class="container">
                <div class="row row-cols-1">
                    <div class="col">
                        <div class="breadcrumb__content text-center">
                            <h1 class="breadcrumb__content--title text-white mb-25">ATTRACTIONS</h1>
                            <ul class="breadcrumb__content--menu d-flex justify-content-center">
                                <li class="breadcrumb__content--menu__items"><a class="text-white" href="{{route('indexPage')}}">Home</a></li>
                                <li class="breadcrumb__content--menu__items"><span class="text-white">ATTRACTIONS</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<div class="privacy__policy--section section--padding">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="attraction_bxd_1">
                           <h5>Get Started</h5>
                           <ul>
                               <li><a href="{{route('attractions')}}" class="active">LIST OF ATTRACTIONS</a></li>
                               <li><a href="{{route('itinerary')}}">CUSTOM ITINERARY</a></li>
                               <li><a href="{{route('booking_service')}}">BOOKING SERVICE</a></li>
                           </ul>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="attraction_form">
                           <p class="trip ">We’ll create you a list of options for your trip — including the top attractions, best places eat, and any local events happening during your stay. Use our curated list to build your own perfect itinerary.</p>
                           <p class="just_title"><strong>JUST $30 FOR YOUR OWN CURATED LIST</strong></p>
                           <h1><em>Here’s what we need to know:</em></h1>
                           <form class="row">
                               <div class="col-md-6">
                                   <div class="form-group">
                                       <label>First Name</label>
                                       <input type="text" class="form-control">
                                   </div>
                               </div>
                               <div class="col-md-6">
                                   <div class="form-group">
                                       <label>Last Name</label>
                                       <input type="text" class="form-control">
                                   </div>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <label>Your email address*</label>
                                       <input type="email" class="form-control">
                                   </div>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <label>Your phone number*</label>
                                       <input type="number" class="form-control">
                                   </div>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <label>Destination*</label>
                                       <input type="text" class="form-control" placeholder="Include the town or city and country that you'll be visiting.">
                                   </div>
                               </div>
                               <div class="col-md-6">
                                   <div class="form-group">
                                       <label>Arrival date*</label>
                                       <input type="date" class="form-control">
                                   </div>
                               </div>
                               <div class="col-md-6">
                                   <div class="form-group">
                                       <label>Departure date*</label>
                                       <input type="date" class="form-control">
                                   </div>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <label>Number of travelers*</label>
                                       <input type="text" class="form-control" placeholder="Please let us know how many adults, children, and infants will be on the trip.">
                                   </div>
                               </div>
                               <div class="col-md-12">
                                       <p><strong>Types of activities you love*</strong></p>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Hiking, biking, and the outdoors</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Museums, zoos, and botanical gardens</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Shopping</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Historic sites</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Amusement parks</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Arts and crafts</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Beach lounging</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Beach activities</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Guided tours</label>
                                       </a>
                                   </div>
                               </div>
                               <div class="col-md-12">
                                       <p><strong>Music Preference *</strong></p>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Pop/Top 40</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Hip-Hop/Rap</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Soul/R&B</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Country</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Dance/Electronic</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Broadway</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Classical</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Alternative</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Rock</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Heavy Metal</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Latin</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Jazz</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Gospel</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Reggae/Dancehall</label>
                                       </a>
                                   </div>
                               </div>
                               <div class="col-md-12">
                                       <p><strong>Cuisines *</strong></p>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Indian</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Vegan</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Local Food</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Vegetarian</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Seafood</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Fast Food</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Buffet Style</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">BBQ</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Desserts</label>
                                       </a>
                                       <a href="" class="flex_checkboxed">
                                           <input type="checkbox" id="check1">
                                           <label class="checkout__checkbox--label" for="check1">Street Food</label>
                                       </a>
                                       
                                   </div>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <label>Special requests</label>
                                       <textarea class="form-control" rows="6" cols="6"></textarea>
                                   </div>
                               </div>
                               <div class="col-md-12">
                                   <div class="form-group">
                                       <button class="btn btn-primary">Submit</button>
                                   </div>
                               </div>
                           </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</main>

@endsection

@section('customCSS')

@endsection

@section('customJS')

@endsection

.flex_checkboxed{
        display:flex;
        align-items:center;
        line-height: 25px;
    }
    .flex_checkboxed label{
            padding: 0px 10px;
            margin: 0;
            position: relative;
            top: 3px;
    }
    .attraction_form .trip{
            font-size: 25px;
    line-height: 46px;
    color: #111;
    }
    .just_title{
        font-size:16px;
        margin-bottom:0px;
    }
    .attraction_form h1{
        font-size:23px;
        margin-bottom:20px;
    }
    .attraction_form .form-group label{
        line-height:23px;
    }
    .attraction_bxd_1{
        margin-bottom:50px;
    }
</style>