charter.jcloudable.com
Open in
urlscan Pro
85.187.142.75
Public Scan
URL:
https://charter.jcloudable.com/
Submission: On July 31 via api from US — Scanned from CA
Submission: On July 31 via api from US — Scanned from CA
Form analysis 15 forms found in the DOM
GET https://charter.jcloudable.com/flight/search
<form action="https://charter.jcloudable.com/flight/search" method="get" class="row">
<div class="clearfix"></div>
<div class="location-saearch col-md-12">
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div"><label>المغادرة من</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-plane-departure fa-w-20" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="plane-departure" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor" d="M608 448H31.1C14.33 448 0 462.3 0 479.1S14.33 512 31.1 512h576C625.7 512 640 497.7 640 480S625.7 448 608 448z"></path>
<path class="fa-primary" fill="currentColor"
d="M622.1 138.8c-16.25 25.37-40.25 44.75-66.1 58.24l-290.1 147.6c-9.125 4.75-19.25 7.125-29.62 7.125L104.8 352c-9.25 0-18-3.875-24.38-10.75L4.352 258.3c-7.625-8.875-4.875-22.75 5.5-27.1L49.97 209.9c5.125-2.623 11-2.623 16.12 0l72.38 36.37L241.6 193.9L85.47 95.9C77.35 87.03 79.97 72.78 90.6 67.28l65.75-33.37c5.75-2.875 12.62-2.5 17.1 1.123l218.7 82.12l98.5-49.99c26.75-13.62 56.38-21.5 86.25-19.5c33.5 2.125 50.1 12.87 58.25 27.5C643.3 89.65 641.3 110.3 622.1 138.8z">
</path>
</g>
</svg><!-- <i class="fad fa-plane-departure"></i> --></span><input type="text" id="airport-from-one-way" name="airline_from_name" autocomplete="off" class="dropdown form-control" required="" placeholder="الاقلاع من مدينة">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete"><span class="autocomplete-location-name">انطاليا</span><span class="autocomplete-location-name-parent">تركيا</span><br><span class="autocomplete-airport-name">مطار انطاليا</span><span
class="autocomplete-flight-code float-right">AYT</span></div>
<div class="autocomplete"><span class="autocomplete-location-name">عمان</span><span class="autocomplete-location-name-parent">الاردن</span><br><span class="autocomplete-airport-name">مطار الملكة علياء الدولي</span><span
class="autocomplete-flight-code float-right">AMM</span></div>
</div>
</div>
</div>
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div"><label>وجهة العودة</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-plane-arrival fa-w-20" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="plane-arrival" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor" d="M608 448H31.1C14.33 448 0 462.3 0 479.1S14.33 512 31.1 512h576C625.7 512 640 497.7 640 480S625.7 448 608 448z"></path>
<path class="fa-primary" fill="currentColor"
d="M574.9 343.5c-3.875 14.5-17.62 27.37-47.25 35.62c-26.5 7.373-54.5 5.873-80.1-1.25L158.1 299.5c-9.5-2.625-18.12-7.373-25.5-13.1L44.75 205.5c-6.5-5.875-12.38-14.25-12.5-23.25L32 80.57c.25-10.87 10.38-18.75 20.75-15.87L92.5 75.57c5 1.375 9 5 11 9.875l27.5 67.86l102.2 27.87l-47.87-164.2C185.1 5.832 195.5-2.291 205.1 .582l65.13 17.62c5.75 1.625 10.12 6.123 11.62 11.1l100.4 191.8l97.5 26.5c26.5 7.248 51.62 20.12 70.87 39.99C573.1 310.8 578.7 329 574.9 343.5z">
</path>
</g>
</svg><!-- <i class="fad fa-plane-arrival"></i> --></span><input type="text" id="airport-to-one-way" name="airline_to_name" autocomplete="off" class="dropdown form-control" required="" placeholder="مدينة الوصول">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-to">
<div class="autocomplete"><span class="autocomplete-location-name">عمان</span><span class="autocomplete-location-name-parent">الاردن</span><br><span class="autocomplete-airport-name">مطار الملكة علياء الدولي</span><span
class="autocomplete-flight-code float-right">AMM</span></div>
<div class="autocomplete"><span class="autocomplete-location-name">انطاليا</span><span class="autocomplete-location-name-parent">تركيا</span><br><span class="autocomplete-airport-name">مطار انطاليا</span><span
class="autocomplete-flight-code float-right">AYT</span></div>
</div>
</div>
</div>
</div><input type="hidden" name="airline_from"><input type="hidden" name="airline_to"><input type="hidden" name="type" value="round_trip">
<div class="location-saearch col-md-12">
<div class="location-saearch date col-md-6">
<div class="col-md-12 col-sm-12 search-col-padding first-date-div"><label>الاقلاع</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-calendar-days fa-w-14" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="calendar-days" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M0 192v272C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0zM128 432C128 440.8 120.8 448 112 448h-32C71.16 448 64 440.8 64 432v-32C64 391.2 71.16 384 80 384h32C120.8 384 128 391.2 128 400V432zM128 304C128 312.8 120.8 320 112 320h-32C71.16 320 64 312.8 64 304v-32C64 263.2 71.16 256 80 256h32C120.8 256 128 263.2 128 272V304zM256 432c0 8.836-7.162 16-16 16h-32C199.2 448 192 440.8 192 432v-32C192 391.2 199.2 384 208 384h32c8.838 0 16 7.164 16 16V432zM256 304c0 8.836-7.162 16-16 16h-32C199.2 320 192 312.8 192 304v-32C192 263.2 199.2 256 208 256h32C248.8 256 256 263.2 256 272V304zM384 432c0 8.836-7.162 16-16 16h-32c-8.836 0-16-7.164-16-16v-32c0-8.836 7.164-16 16-16h32c8.838 0 16 7.164 16 16V432zM384 304c0 8.836-7.162 16-16 16h-32C327.2 320 320 312.8 320 304v-32C320 263.2 327.2 256 336 256h32C376.8 256 384 263.2 384 272V304z">
</path>
<path class="fa-primary" fill="currentColor" d="M400 64H352V31.1C352 14.33 337.7 0 320 0S288 14.33 288 31.1V64H160V31.1C160 14.33 145.7 0 128 0S96 14.33 96 31.1V64H48C21.49 64 0 85.49 0 112V192h448V112C448 85.49 426.5 64 400 64z">
</path>
</g>
</svg><!-- <i class="fad fa-calendar-alt"></i> --></span><input type="text" id="departure-date" class="form-control departure-date" required="" placeholder="DD/MM/YYYY" disabled="" autocomplete="off" name="departure_date"></div>
</div>
<div class="col-md-6 col-sm-6 search-col-padding secend-date-div"><label>العودة </label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-calendar-days fa-w-14" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="calendar-days" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M0 192v272C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0zM128 432C128 440.8 120.8 448 112 448h-32C71.16 448 64 440.8 64 432v-32C64 391.2 71.16 384 80 384h32C120.8 384 128 391.2 128 400V432zM128 304C128 312.8 120.8 320 112 320h-32C71.16 320 64 312.8 64 304v-32C64 263.2 71.16 256 80 256h32C120.8 256 128 263.2 128 272V304zM256 432c0 8.836-7.162 16-16 16h-32C199.2 448 192 440.8 192 432v-32C192 391.2 199.2 384 208 384h32c8.838 0 16 7.164 16 16V432zM256 304c0 8.836-7.162 16-16 16h-32C199.2 320 192 312.8 192 304v-32C192 263.2 199.2 256 208 256h32C248.8 256 256 263.2 256 272V304zM384 432c0 8.836-7.162 16-16 16h-32c-8.836 0-16-7.164-16-16v-32c0-8.836 7.164-16 16-16h32c8.838 0 16 7.164 16 16V432zM384 304c0 8.836-7.162 16-16 16h-32C327.2 320 320 312.8 320 304v-32C320 263.2 327.2 256 336 256h32C376.8 256 384 263.2 384 272V304z">
</path>
<path class="fa-primary" fill="currentColor" d="M400 64H352V31.1C352 14.33 337.7 0 320 0S288 14.33 288 31.1V64H160V31.1C160 14.33 145.7 0 128 0S96 14.33 96 31.1V64H48C21.49 64 0 85.49 0 112V192h448V112C448 85.49 426.5 64 400 64z">
</path>
</g>
</svg><!-- <i class="fad fa-calendar-alt"></i> --></span><input type="text" id="arrival-date" name="arrival_date" class="form-control" placeholder="DD/MM/YYYY" required="" disabled="" autocomplete="off"></div>
</div>
</div>
<div class="leav-search-input col-md-4"><label class="label-text-seach">الأشخاص</label>
<div class="input-group">
<div class="panel-dropdown guests-selector passengers-0 custom-select"><a class="guests-tab">الأشخاص <span class="qtyTotal qtyTotal-0">1</span></a>
<div class="panel-dropdown-content"><!-- Quantity Buttons -->
<div class="qtyButtons"><label>Adults <small class="details-small">(Age +12 )</small></label>
<div class="qtyDec"></div><input type="text" name="adult_count" class="qty_total-0 adult-0">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Children <small class="details-small">(Age 2 - 12)</small></label>
<div class="qtyDec"></div><input type="text" name="child_count" class="qty_total-0 child-0">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<div class="qtyDec"></div><input type="text" name="infant_count" class="qty_total-0 baby-0">
<div class="qtyInc"></div>
</div>
<div class="pax-apply-button-container"><button class="qty-btn-apply" type="button">اتمام</button></div>
</div>
</div>
</div>
</div>
<div class="search-col-padding col-md-2"><button type="submit" class="search-button btn transition-effect"><svg class="svg-inline--fa fa-magnifying-glass fa-w-16" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="magnifying-glass"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z"></path>
<path class="fa-primary" fill="currentColor" d="M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z"></path>
</g>
</svg><!-- <i class="fad fa-search"></i> --> بحث</button></div>
</div>
</form>GET https://charter.jcloudable.com/hotel
<form action="https://charter.jcloudable.com/hotel" method="get">
<div class="col-md-12 product-search-title"> Book Hotel Rooms</div>
<div class="row" id="location-search" data-v-app="">
<div class="col-md-6 location-autocomplete col-sm-6 auto-complete-div"><label>I Want To Go -Country</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-location fa-w-12" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker" aria-hidden="true"></i> --></span><input type="hidden" id="location_id" name="location_id" autocomplete="off" class="dropdown form-control" required="" placeholder="Going to"><input type="text"
autocomplete="off" class="dropdown form-control name_of_location" name="country_name" required="" placeholder="Going to">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from"></div>
</div>
</div>
<div class="col-md-6 location-autocomplete col-sm-6 auto-complete-div"><label>I Want To Go - City</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-location fa-w-12" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker" aria-hidden="true"></i> --></span><input type="hidden" id="location_id" name="location_id" autocomplete="off" class="dropdown form-control" required="" placeholder="Going to"><input type="text"
id="location_name" name="location_name" autocomplete="off" class="dropdown form-control name_of_location" required="" placeholder="Going to"><!--v-if--></div>
</div>
</div>
<div class="row">
<div class=" date col-md-6">
<label>CHECK - IN CHECK - OUT</label>
<div class="input-group">
<span class="icon-search-inputfield"><svg class="svg-inline--fa fa-calendar-days fa-w-14" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="calendar-days" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M0 192v272C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0zM128 432C128 440.8 120.8 448 112 448h-32C71.16 448 64 440.8 64 432v-32C64 391.2 71.16 384 80 384h32C120.8 384 128 391.2 128 400V432zM128 304C128 312.8 120.8 320 112 320h-32C71.16 320 64 312.8 64 304v-32C64 263.2 71.16 256 80 256h32C120.8 256 128 263.2 128 272V304zM256 432c0 8.836-7.162 16-16 16h-32C199.2 448 192 440.8 192 432v-32C192 391.2 199.2 384 208 384h32c8.838 0 16 7.164 16 16V432zM256 304c0 8.836-7.162 16-16 16h-32C199.2 320 192 312.8 192 304v-32C192 263.2 199.2 256 208 256h32C248.8 256 256 263.2 256 272V304zM384 432c0 8.836-7.162 16-16 16h-32c-8.836 0-16-7.164-16-16v-32c0-8.836 7.164-16 16-16h32c8.838 0 16 7.164 16 16V432zM384 304c0 8.836-7.162 16-16 16h-32C327.2 320 320 312.8 320 304v-32C320 263.2 327.2 256 336 256h32C376.8 256 384 263.2 384 272V304z">
</path>
<path class="fa-primary" fill="currentColor" d="M400 64H352V31.1C352 14.33 337.7 0 320 0S288 14.33 288 31.1V64H160V31.1C160 14.33 145.7 0 128 0S96 14.33 96 31.1V64H48C21.49 64 0 85.49 0 112V192h448V112C448 85.49 426.5 64 400 64z">
</path>
</g>
</svg><!-- <i class="fad fa-calendar-alt"></i> --></span>
<input type="text" id="hotel-date" class="form-control" required="" placeholder="DD/MM/YYYY" autocomplete="off" value="" name="date"><span class="easepick-wrapper" style="position: absolute; pointer-events: none;"></span>
</div>
</div> <!-- <div class="leav-search-input col-md-4">
<label class="label-text-seach">الأشخاص</label>
<div class="input-group">
<div class="panel-dropdown guests-selector passengers--1 custom-select">
<a class="guests-tab">الأشخاص <span class="qtyTotal qtyTotal--1">1</span></a>
<div class="panel-dropdown-content" v-on:click="igonre_clicks">
Quantity Buttons
<div class="qtyButtons">
<label>Adults</label>
<input type="text" name="adult_count" onclick="init_qty_buttons(0)" class="qty_total--1 adult--1" :value="1">
</div>
<div class="qtyButtons">
<label>Children <small class="details-small">(Age 3 - 12)</small></label>
<input type="text" name="child_count" class="qty_total--1 child--1" :value="0">
</div>
<div class="qtyButtons">
<label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<input type="text" name="infant_count" class="qty_total--1 baby--1" :value="0">
</div>
</div>
</div>
</div>
</div> -->
</div>
<div class="clearfix"></div>
<div class="col-md-12 search-col-padding">
<button type="submit" class="search-button btn transition-effect">Search Hotels </button>
</div>
<div class="clearfix"></div>
</form>GET https://charter.jcloudable.com/search_hotels
<form action="https://charter.jcloudable.com/search_hotels" method="get">
<input type="hidden" name="_token" value="dISFfPClorNZJlS1HAae7rlSim3Lu1218wC0vtk8">
<div class="col-md-12 product-search-title">Book Hotel Rooms</div>
<div class="row">
<div class="row">
<div id="location-search">
<div class="col-md-4 location-autocomplete col-sm-6 auto-complete-div">
<label>I Want To Go -Country</label>
<input type="hidden" id="location_id" name="location_id" autocomplete="off" class="dropdown form-control" required="" placeholder="Going to">
<div class="input-group">
<span class="icon-search-inputfield"><svg class="svg-inline--fa fa-location fa-w-12" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker" aria-hidden="true"></i> --></span>
<!-- <i class="fad fa-plane-departure"></i> --> <input type="text" autocomplete="off" class="dropdown form-control name_of_location countries_list" v-on:keyup="country_search($event)" name="country_name" required="" placeholder="Going to"
value="" id="myInput" list="selectElement" onclick="myFunction()">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete autocomplete-location" v-for="( country, index ) in location" v-on:click="select_city(country)">
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">
<div class="autocomplete"><span
class="autocomplete-location-name">Istanbul</span><!--<span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span>-->
</div>
</span><br>
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">
<div class="autocomplete"><span
class="autocomplete-location-name">Canada</span><!--<span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span>-->
</div>
</span><br>
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">
<div class="autocomplete"><span
class="autocomplete-location-name">China</span><!--<span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span>-->
</div>
</span><br>
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">
<div class="autocomplete"><span class="autocomplete-location-name">South
Korea</span><!--<span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span>--></div>
</span><br>
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">
<div class="autocomplete"><span class="autocomplete-location-name">North
Korea</span><!--<span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span>--></div>
</span><br>
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">
<div class="autocomplete"><span class="autocomplete-location-name">United Arab
Emirates</span><!--<span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span>--></div>
</span><br>
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">
<div class="autocomplete"><span
class="autocomplete-location-name">Qatar</span><!--<span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span>-->
</div>
</span><br>
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">
<div class="autocomplete"><span class="autocomplete-location-name">Saudi
Arabia</span><!--<span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span>--></div>
</span><br>
</div>
</div>
<!-- <datalist id="selectElement" class="autocomplete">
<option class="autocomplete-location-name">Spain</option>
<option>Istanbul</option>
<option>Canada</option>
<option>China</option>
<option>South Korea</option>
<option>North Korea</option>
<option>United Arab Emirates</option>
<option>Qatar</option>
<option>Saudi Arabia</option>
</datalist> -->
<div class="col-md-12 col-sm-12">
<div class="autocomplete autocomplete-location" v-for="( country, index ) in location" v-on:click="select_city(country)">
<!-- <span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name">hello</span><br>-->
</div>
</div>
</div>
</div>
</div>
<div class=" date col-md-4">
<label>CHECK - IN CHECK - OUT</label>
<div class="input-group">
<span class="icon-search-inputfield"><svg class="svg-inline--fa fa-calendar-days fa-w-14" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="calendar-days" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M0 192v272C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0zM128 432C128 440.8 120.8 448 112 448h-32C71.16 448 64 440.8 64 432v-32C64 391.2 71.16 384 80 384h32C120.8 384 128 391.2 128 400V432zM128 304C128 312.8 120.8 320 112 320h-32C71.16 320 64 312.8 64 304v-32C64 263.2 71.16 256 80 256h32C120.8 256 128 263.2 128 272V304zM256 432c0 8.836-7.162 16-16 16h-32C199.2 448 192 440.8 192 432v-32C192 391.2 199.2 384 208 384h32c8.838 0 16 7.164 16 16V432zM256 304c0 8.836-7.162 16-16 16h-32C199.2 320 192 312.8 192 304v-32C192 263.2 199.2 256 208 256h32C248.8 256 256 263.2 256 272V304zM384 432c0 8.836-7.162 16-16 16h-32c-8.836 0-16-7.164-16-16v-32c0-8.836 7.164-16 16-16h32c8.838 0 16 7.164 16 16V432zM384 304c0 8.836-7.162 16-16 16h-32C327.2 320 320 312.8 320 304v-32C320 263.2 327.2 256 336 256h32C376.8 256 384 263.2 384 272V304z">
</path>
<path class="fa-primary" fill="currentColor" d="M400 64H352V31.1C352 14.33 337.7 0 320 0S288 14.33 288 31.1V64H160V31.1C160 14.33 145.7 0 128 0S96 14.33 96 31.1V64H48C21.49 64 0 85.49 0 112V192h448V112C448 85.49 426.5 64 400 64z">
</path>
</g>
</svg><!-- <i class="fad fa-calendar-alt"></i> --></span>
<input type="text" id="hotel-date1" class="form-control" required="" placeholder="DD/MM/YYYY" autocomplete="off" value="" name="date">
</div>
</div>
<!--<div class="col-md-6">
<label>Enter number of adults</label>
<input type="number" id="quantity" name="quantity_adults" min="0" max="10" class="form-control" required=""> <br>
<label>Enter number of children</label>
<input type="number" id="quantity" name="quantity_children" min="0" max="10" class="form-control" required="">
</div> -->
<!-- -->
<div class="label-text-search col-md-4"><label class="">Passengers</label>
<!-- <div class="input-group">
<div class="panel-dropdown guests-selector passengers-5 custom-select active"><a class="guests-tab">Passengers <span class="qtyTotal qtyTotal-4">1</span></a>
<div class="panel-dropdown-content">
Quantity Buttons -->
<!-- <div class="qtyButtons"><label>Adults</label>
<div class="qtyDec"></div><input type="text" name="adult_count" class="qty_total-5 adult-5">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Children <small class="details-small">(Age 3 - 12)</small></label>
<div class="qtyDec"></div><input type="text" name="child_count" class="qty_total-5 child-5">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<div class="qtyDec"></div><input type="text" name="infant_count" class="qty_total-5 baby-5">
<div class="qtyInc"></div>
</div>
<div class="pax-apply-button-container"><button class="qty-btn-apply" type="button">Apply</button></div>
</div>
</div>
</div>
</div> -->
<div class="input-group">
<div class="panel-dropdown guests-selector passengers-5 custom-select active"><a class="guests-tab">Passengers <span class="qtyTotal qtyTotal-5">1</span></a>
<div class="panel-dropdown-content">
<!-- Quantity Buttons -->
<div class="qtyButtons"><label>Adults</label>
<div class="qtyDec"></div><input type="text" name="quantity_adults" class="qty_total-5 adult-5" value="1">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Children <small class="details-small">(Age 3 - 12)</small></label>
<div class="qtyDec"></div><input type="text" name="quantity_children" class="qty_total-5 child-5" value="0">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<div class="qtyDec"></div><input type="text" name="quantity_infant" class="qty_total-5 baby-5" value="0">
<div class="qtyInc"></div>
</div>
<div class="pax-apply-button-container"><button class="qty-btn-apply" type="button">Apply</button></div>
</div>
</div>
</div>
</div>
</div>
<!-- here vue -->
<!-- <div class="bodydiv">
<input id="searchDropdown" type="text" placeholder="Type a name(ex: satya)" class="inputdiv"/>
<ul id="searchResults" class="uldiv"></ul>
</div> -->
<script>
var inputElement = document.getElementById("searchDropdown");
var resultsElement = document.getElementById("searchResults");
var lowerCaseData, filteredData;
var data = [{
name: "Satya",
age: 25
}, {
name: "Rahul",
age: 22
}, {
name: "Ronny",
age: 24
}, {
name: "Abc ",
age: 20
}, {
name: "Martha",
age: 22
}, {
name: "Broady",
age: 27
}];
inputElement.addEventListener("input", function(e) {
while (resultsElement.hasChildNodes()) {
resultsElement.removeChild(resultsElement.firstChild);
}
filteredData = data.filter(function(person) {
return person.name.toLowerCase().includes(e.target.value.toLowerCase());
});
populateDropdown(filteredData);
})
// Function to create search result dom.
function populateDropdown(result) {
var liElement, textNode;
var frag = document.createDocumentFragment();
result.forEach(function(resultRow) {
liElement = document.createElement("li");
textNode = document.createTextNode(resultRow.name + "(age:" + resultRow.age + ")");
liElement.appendChild(textNode);
frag.appendChild(liElement);
})
resultsElement.appendChild(frag);
}
</script>
<!-- end vue -->
<!-- <div class="col-md-4 location-autocomplete col-sm-6 auto-complete-div">
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div">
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-plane-departure fa-w-20" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="plane-departure" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
</svg>--><!-- <i class="fad fa-plane-departure"></i> --><!--</span> <input type="text" autocomplete="off" class="dropdown form-control name_of_location countries_list" v-on:keyup="country_search($event)" name="country_name" required="" placeholder="Going to" value="" id="countries_list" list="selectElement">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete autocomplete-location" v-for="( country, index ) in location" v-on:click="select_city(country)">
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name"> <div class="autocomplete"><span class="autocomplete-location-name">jordan</span><span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span></div></span><br>
</div>
<div class="autocomplete"><span class="autocomplete-location-name">jordan</span><span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span></div>
<div class="autocomplete"><span class="autocomplete-location-name">Turkey</span><span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Istanbul International Airport</span><span class="autocomplete-flight-code float-right">IST</span></div>
</div>
</div>
</div>
</div> -->
<!-- <div class="col-md-6 location-autocomplete col-sm-6 auto-complete-div" >
<label>I Want To Go -Country</label>
<div class="input-group" >
<span class="icon-search-inputfield"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
<input type="hidden" id="location_id" name="location_id" autocomplete="off"
class="dropdown form-control" required="" placeholder="Going to"
>
<input type="text" autocomplete="off"
class="dropdown form-control name_of_location" v-on:keyup="country_search($event)" name="country_name" required="" placeholder="Going to"
value=""
>
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete autocomplete-location" v-for="( country, index ) in location" v-on:click="select_city(country)">
<span v-text="country.name" v-bind:data-id="country.id" v-on:click="select_city(country)" data-id="" class="autocomplete-location-name"></span><br>
</div>
</div>
</div>
</div> -->
<!--Make sure the form has the autocomplete function switched off:-->
<!-- <div class="autocomplete" style="width:300px;">
<input id="myInput" type="text" name="myCountry" placeholder="Country" class="dropdown form-control">
</div>
<input type="submit"> -->
<!-- <div class="clearfix"></div>
<div class="location-saearch col-md-12">
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div" v-on:mouseleave="remove_autocomplete('from')">
<label>Leaving From</label>
<div class="input-group">
<span class="icon-search-inputfield"><i class="fad fa-plane-departure"></i></span>
<input type="text" id="airport-from-one-way" name="airline_from_name" autocomplete="off"
class="dropdown form-control" required="" placeholder="Departure City"
v-on:focus="autocomplete('from')"
v-model="from_search"
ref="from_location">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete" v-for="element in airport_from_filter" v-on:click="choose('from',element)">
<span v-text="element.location.name" class="autocomplete-location-name"></span>
<span class="autocomplete-location-name-parent" v-text="parent_location(element)"></span>
<br>
<span class="autocomplete-airport-name" v-text="element.name"></span>
<span class="autocomplete-flight-code float-right" v-text="element.code"></span>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="airline_from" :value="from">
<input type="hidden" name="airline_to" :value="to">
<input type="hidden" name="type" value="one_way"> -->
<!--//
<div class="autocomplete"><span class="autocomplete-location-name">Turkey</span><span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Istanbul International Airport</span><span class="autocomplete-flight-code float-right">IST</span></div>
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div"><label>Leaving To</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-plane-arrival fa-w-20" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="plane-arrival" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
</svg>-->
<!-- <i class="fad fa-plane-arrival"></i> -->
<!--</span><input type="text" id="airport-to-one-way" name="airline_to_name" autocomplete="off" class="dropdown form-control" required="" placeholder="Arrival City">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-to">
<div class="autocomplete"><span class="autocomplete-location-name">Turkey</span><span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Istanbul International Airport</span><span class="autocomplete-flight-code float-right">IST</span></div>
</div>
</div>
</div> //-->
<!-- <script>
// Quantity buttons
// $(function () {
// qtySum();
// });
$(function() {
$("select").select2();
});
</script> -->
<!-- -->
<!-- <div class="leav-search-input col-md-4">
<label class="label-text-seach">الأشخاص</label>
<div class="input-group">
<div class="panel-dropdown guests-selector passengers--1 custom-select">
<a class="guests-tab">الأشخاص <span class="qtyTotal qtyTotal--1">1</span></a>
<div class="panel-dropdown-content" v-on:click="igonre_clicks">
Quantity Buttons
<div class="qtyButtons">
<label>Adults</label>
<input type="text" name="adult_count" onclick="init_qty_buttons(0)" class="qty_total--1 adult--1" :value="1">
</div>
<div class="qtyButtons">
<label>Children <small class="details-small">(Age 3 - 12)</small></label>
<input type="text" name="child_count" class="qty_total--1 child--1" :value="0">
</div>
<div class="qtyButtons">
<label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<input type="text" name="infant_count" class="qty_total--1 baby--1" :value="0">
</div>
</div>
</div>
</div>
</div> -->
<!--<div class="panel-dropdown-content panel-in-search">
<div class="pax-apply-button-container">
<button class="qty-btn-apply" type="button">اتمام</button>
</div>
<div class="qtyButtons"><label>Adults</label>
<div class="qtyDec"></div>
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Children <small class="details-small">(Age 3 - 12)</small></label>
<div class="qtyDec"></div>
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<div class="qtyDec"></div>
<div class="qtyInc"></div>
</div>
<div class="pax-apply-button-container">
<button class="qty-btn-apply" type="button">اتمام</button>
</div>
</div>-->
<!--v-if-->
<!--<script>
array.forEach(element => {
if (key == 'adult') {
element.title == "CHD" || element.title == "INF" ? title_error = true : null;
}
if (key == 'child') {
element.title != "CHD" ? title_error = true : null;
}
if (key == 'infant') {
element.title != "INF" ? title_error = true : null;
}
});
</script>-->
</div>
<div class="clearfix"></div>
<div class="col-md-12 search-col-padding">
<button type="submit" class="search-button btn transition-effect">Search Hotels</button>
</div>
<div class="clearfix"></div>
</form>GET https://charter.jcloudable.com/amds_api
<form action="https://charter.jcloudable.com/amds_api" method="get">
<input type="hidden" name="_token" value="dISFfPClorNZJlS1HAae7rlSim3Lu1218wC0vtk8">
<div class="col-md-12 product-search-title">Book With Amadues</div>
<div class="row">
<div class="clearfix"></div>
<div class="location-saearch col-md-12">
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div" v-on:mouseleave="remove_autocomplete('from')">
<label>المغادرة من</label>
<div class="input-group" id="dropdown-content-parent">
<span class="icon-search-inputfield"><svg class="svg-inline--fa fa-plane-departure fa-w-20" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="plane-departure" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor" d="M608 448H31.1C14.33 448 0 462.3 0 479.1S14.33 512 31.1 512h576C625.7 512 640 497.7 640 480S625.7 448 608 448z"></path>
<path class="fa-primary" fill="currentColor"
d="M622.1 138.8c-16.25 25.37-40.25 44.75-66.1 58.24l-290.1 147.6c-9.125 4.75-19.25 7.125-29.62 7.125L104.8 352c-9.25 0-18-3.875-24.38-10.75L4.352 258.3c-7.625-8.875-4.875-22.75 5.5-27.1L49.97 209.9c5.125-2.623 11-2.623 16.12 0l72.38 36.37L241.6 193.9L85.47 95.9C77.35 87.03 79.97 72.78 90.6 67.28l65.75-33.37c5.75-2.875 12.62-2.5 17.1 1.123l218.7 82.12l98.5-49.99c26.75-13.62 56.38-21.5 86.25-19.5c33.5 2.125 50.1 12.87 58.25 27.5C643.3 89.65 641.3 110.3 622.1 138.8z">
</path>
</g>
</svg><!-- <i class="fad fa-plane-departure"></i> --></span>
<select onkeyup="filterFunction()" type="text" id="airport-from-one-way" name="airline_from_name" autocomplete="off" class="dropdown form-control" required="" placeholder="الاقلاع من مدينة">
<!-- <option value="IST">الاقلاع من مدينة</option> -->
<option value="IST">Turkey- Istanbul-Istanbul Atatürk Airport</option>
<option value="AAR">Denmark-Aarhus</option>
<option value="AUH">United Arab Emirates-Abu Dhabi - Abu Dhabi International</option>
<option value="ABS">Egypt-Abu Simbel</option>
<option value="AGU">Mexico-Aguascaliente</option>
<option value="ALB">USA-Albany (NY) - Albany International Airport</option>
<option value="LBI">France-Albi</option>
<option value="AMM">Jordan-Amman - Queen Alia International Airport</option>
<option value="AJU">Brazil-Aracaju</option>
<option value="ARH">Russia-Arkhangelsk</option>
<option> jordanQueen Alia International AirportQAIA </option>
</select>
<!-- <div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete" v-for="element in airport_from_filter" v-on:click="choose('from',element)">
<span v-text="element.location.name" class="autocomplete-location-name"></span>
<span class="autocomplete-location-name-parent" v-text="parent_location(element)"></span>
<br>
<span class="autocomplete-airport-name" v-text="element.name"></span>
<span class="autocomplete-flight-code float-right" v-text="element.code"></span>
</div>
</div> -->
</div>
</div>
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div" v-on:mouseleave="remove_autocomplete('to')">
<label>وجهة العودة</label>
<div class="input-group">
<span class="icon-search-inputfield"><svg class="svg-inline--fa fa-plane-arrival fa-w-20" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="plane-arrival" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"
data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor" d="M608 448H31.1C14.33 448 0 462.3 0 479.1S14.33 512 31.1 512h576C625.7 512 640 497.7 640 480S625.7 448 608 448z"></path>
<path class="fa-primary" fill="currentColor"
d="M574.9 343.5c-3.875 14.5-17.62 27.37-47.25 35.62c-26.5 7.373-54.5 5.873-80.1-1.25L158.1 299.5c-9.5-2.625-18.12-7.373-25.5-13.1L44.75 205.5c-6.5-5.875-12.38-14.25-12.5-23.25L32 80.57c.25-10.87 10.38-18.75 20.75-15.87L92.5 75.57c5 1.375 9 5 11 9.875l27.5 67.86l102.2 27.87l-47.87-164.2C185.1 5.832 195.5-2.291 205.1 .582l65.13 17.62c5.75 1.625 10.12 6.123 11.62 11.1l100.4 191.8l97.5 26.5c26.5 7.248 51.62 20.12 70.87 39.99C573.1 310.8 578.7 329 574.9 343.5z">
</path>
</g>
</svg><!-- <i class="fad fa-plane-arrival"></i> --></span>
<select type="text" id="airport-to-one-way" name="airline_to_name" autocomplete="off" class="dropdown form-control" required="" placeholder="مدينة الوصول" v-on:focus="autocomplete('to')" v-model="to_search" v-on:input="date=true">
<option value="AMM">Jordan-Amman - Queen Alia International Airport</option>
<option value="AAR">Denmark-Aarhus</option>
<option value="IST">Turkey- Istanbul-Istanbul Atatürk Airport</option>
<option value="AUH">United Arab Emirates-Abu Dhabi - Abu Dhabi International</option>
<option value="ABS">Egypt-Abu Simbel</option>
<option value="AGU">Mexico-Aguascaliente</option>
<option value="ALB">USA-Albany (NY) - Albany International Airport</option>
<option value="LBI">France-Albi</option>
<option value="AJU">Brazil-Aracaju</option>
<option value="ARH">Russia-Arkhangelsk</option>
</select>
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-to">
<div class="autocomplete" v-for="element in airport_to_filter" v-on:click="choose('to',element)">
<span class="autocomplete-location-name" v-text="element.location.name"></span>
<span class="autocomplete-location-name-parent" v-text="parent_location(element)"></span>
<br>
<span class="autocomplete-airport-name" v-text="element.name"></span>
<span class="autocomplete-flight-code float-right" v-text="element.code"></span>
</div>
</div>
</div>
</div>
<!-- -->
<!-- ============================================= -->
<div class="location-saearch col-md-12">
<div class="location-saearch date col-md-6">
<div class="col-md-12 col-sm-12 search-col-padding first-date-div"><label>Departure</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-calendar-days fa-w-14" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="calendar-days" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M0 192v272C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0zM128 432C128 440.8 120.8 448 112 448h-32C71.16 448 64 440.8 64 432v-32C64 391.2 71.16 384 80 384h32C120.8 384 128 391.2 128 400V432zM128 304C128 312.8 120.8 320 112 320h-32C71.16 320 64 312.8 64 304v-32C64 263.2 71.16 256 80 256h32C120.8 256 128 263.2 128 272V304zM256 432c0 8.836-7.162 16-16 16h-32C199.2 448 192 440.8 192 432v-32C192 391.2 199.2 384 208 384h32c8.838 0 16 7.164 16 16V432zM256 304c0 8.836-7.162 16-16 16h-32C199.2 320 192 312.8 192 304v-32C192 263.2 199.2 256 208 256h32C248.8 256 256 263.2 256 272V304zM384 432c0 8.836-7.162 16-16 16h-32c-8.836 0-16-7.164-16-16v-32c0-8.836 7.164-16 16-16h32c8.838 0 16 7.164 16 16V432zM384 304c0 8.836-7.162 16-16 16h-32C327.2 320 320 312.8 320 304v-32C320 263.2 327.2 256 336 256h32C376.8 256 384 263.2 384 272V304z">
</path>
<path class="fa-primary" fill="currentColor" d="M400 64H352V31.1C352 14.33 337.7 0 320 0S288 14.33 288 31.1V64H160V31.1C160 14.33 145.7 0 128 0S96 14.33 96 31.1V64H48C21.49 64 0 85.49 0 112V192h448V112C448 85.49 426.5 64 400 64z">
</path>
</g>
</svg><!-- <i class="fad fa-calendar-alt"></i> --></span><input type="text" id="departure-date" class="form-control departure-date" required="" placeholder="2024-07-31" autocomplete="off" name="departure_date"></div>
</div>
<div class="col-md-6 col-sm-6 search-col-padding secend-date-div"><label>Return </label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-calendar-days fa-w-14" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="calendar-days" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M0 192v272C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0zM128 432C128 440.8 120.8 448 112 448h-32C71.16 448 64 440.8 64 432v-32C64 391.2 71.16 384 80 384h32C120.8 384 128 391.2 128 400V432zM128 304C128 312.8 120.8 320 112 320h-32C71.16 320 64 312.8 64 304v-32C64 263.2 71.16 256 80 256h32C120.8 256 128 263.2 128 272V304zM256 432c0 8.836-7.162 16-16 16h-32C199.2 448 192 440.8 192 432v-32C192 391.2 199.2 384 208 384h32c8.838 0 16 7.164 16 16V432zM256 304c0 8.836-7.162 16-16 16h-32C199.2 320 192 312.8 192 304v-32C192 263.2 199.2 256 208 256h32C248.8 256 256 263.2 256 272V304zM384 432c0 8.836-7.162 16-16 16h-32c-8.836 0-16-7.164-16-16v-32c0-8.836 7.164-16 16-16h32c8.838 0 16 7.164 16 16V432zM384 304c0 8.836-7.162 16-16 16h-32C327.2 320 320 312.8 320 304v-32C320 263.2 327.2 256 336 256h32C376.8 256 384 263.2 384 272V304z">
</path>
<path class="fa-primary" fill="currentColor" d="M400 64H352V31.1C352 14.33 337.7 0 320 0S288 14.33 288 31.1V64H160V31.1C160 14.33 145.7 0 128 0S96 14.33 96 31.1V64H48C21.49 64 0 85.49 0 112V192h448V112C448 85.49 426.5 64 400 64z">
</path>
</g>
</svg><!-- <i class="fad fa-calendar-alt"></i> --></span><input type="text" id="arrival-date" name="arrival_date" class="form-control" placeholder="2024-08-01" required="" autocomplete="off"></div>
</div>
</div>
<div class="leav-search-input col-md-4"><label class="label-text-seach">Passengers</label>
<div class="input-group">
<div class="panel-dropdown guests-selector passengers-9 custom-select"><a class="guests-tab">Passengers <span class="qtyTotal qtyTotal-0">1</span></a>
<div class="panel-dropdown-content">
<!-- Quantity Buttons -->
<div class="qtyButtons"><label>Adults</label>
<div class="qtyDec"></div><input type="text" name="adult_count" class="qty_total-0 adult-0">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Children <small class="details-small">(Age 3 - 12)</small></label>
<div class="qtyDec"></div><input type="text" name="child_count" class="qty_total-0 child-0">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<div class="qtyDec"></div><input type="text" name="infant_count" class="qty_total-0 baby-0">
<div class="qtyInc"></div>
</div>
<div class="pax-apply-button-container"><button class="qty-btn-apply" type="button">Apply</button></div>
</div>
</div>
</div>
</div>
<div class="search-col-padding col-md-2"><button type="submit" class="search-button btn transition-effect"><svg class="svg-inline--fa fa-magnifying-glass fa-w-16" aria-hidden="true" focusable="false" data-prefix="fad"
data-icon="magnifying-glass" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z"></path>
<path class="fa-primary" fill="currentColor" d="M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z"></path>
</g>
</svg><!-- <i class="fad fa-search"></i> --> Search</button></div>
</div>
<!-- <div class="autocomplete"><span class="autocomplete-location-name">jordan</span><span class="autocomplete-location-name-parent"></span><br><span class="autocomplete-airport-name">Queen Alia International Airport</span><span class="autocomplete-flight-code float-right">QAIA</span></div> -->
</div>
<input type="hidden" name="airline_from" :value="from">
<input type="hidden" name="airline_to" :value="to">
<input type="hidden" name="type" value="round_trip">
<div class="location-saearch col-md-12">
</div>
<!-- END: FLIGHT SEARCH -->
</div>
</form>GET https://charter.jcloudable.com/flight/search
<form action="https://charter.jcloudable.com/flight/search" method="get" class="row">
<div class="clearfix"></div>
<div class="location-saearch col-md-12">
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div"><label>المغادرة من</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-plane-departure fa-w-20" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="plane-departure" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor" d="M608 448H31.1C14.33 448 0 462.3 0 479.1S14.33 512 31.1 512h576C625.7 512 640 497.7 640 480S625.7 448 608 448z"></path>
<path class="fa-primary" fill="currentColor"
d="M622.1 138.8c-16.25 25.37-40.25 44.75-66.1 58.24l-290.1 147.6c-9.125 4.75-19.25 7.125-29.62 7.125L104.8 352c-9.25 0-18-3.875-24.38-10.75L4.352 258.3c-7.625-8.875-4.875-22.75 5.5-27.1L49.97 209.9c5.125-2.623 11-2.623 16.12 0l72.38 36.37L241.6 193.9L85.47 95.9C77.35 87.03 79.97 72.78 90.6 67.28l65.75-33.37c5.75-2.875 12.62-2.5 17.1 1.123l218.7 82.12l98.5-49.99c26.75-13.62 56.38-21.5 86.25-19.5c33.5 2.125 50.1 12.87 58.25 27.5C643.3 89.65 641.3 110.3 622.1 138.8z">
</path>
</g>
</svg><!-- <i class="fad fa-plane-departure"></i> --></span><input type="text" id="airport-from-one-way" name="airline_from_name" autocomplete="off" class="dropdown form-control" required="" placeholder="الاقلاع من مدينة">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete"><span class="autocomplete-location-name">انطاليا</span><span class="autocomplete-location-name-parent">تركيا</span><br><span class="autocomplete-airport-name">مطار انطاليا</span><span
class="autocomplete-flight-code float-right">AYT</span></div>
<div class="autocomplete"><span class="autocomplete-location-name">عمان</span><span class="autocomplete-location-name-parent">الاردن</span><br><span class="autocomplete-airport-name">مطار الملكة علياء الدولي</span><span
class="autocomplete-flight-code float-right">AMM</span></div>
</div>
</div>
</div>
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div"><label>وجهة العودة</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-plane-arrival fa-w-20" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="plane-arrival" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor" d="M608 448H31.1C14.33 448 0 462.3 0 479.1S14.33 512 31.1 512h576C625.7 512 640 497.7 640 480S625.7 448 608 448z"></path>
<path class="fa-primary" fill="currentColor"
d="M574.9 343.5c-3.875 14.5-17.62 27.37-47.25 35.62c-26.5 7.373-54.5 5.873-80.1-1.25L158.1 299.5c-9.5-2.625-18.12-7.373-25.5-13.1L44.75 205.5c-6.5-5.875-12.38-14.25-12.5-23.25L32 80.57c.25-10.87 10.38-18.75 20.75-15.87L92.5 75.57c5 1.375 9 5 11 9.875l27.5 67.86l102.2 27.87l-47.87-164.2C185.1 5.832 195.5-2.291 205.1 .582l65.13 17.62c5.75 1.625 10.12 6.123 11.62 11.1l100.4 191.8l97.5 26.5c26.5 7.248 51.62 20.12 70.87 39.99C573.1 310.8 578.7 329 574.9 343.5z">
</path>
</g>
</svg><!-- <i class="fad fa-plane-arrival"></i> --></span><input type="text" id="airport-to-one-way" name="airline_to_name" autocomplete="off" class="dropdown form-control" required="" placeholder="مدينة الوصول">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-to">
<div class="autocomplete"><span class="autocomplete-location-name">عمان</span><span class="autocomplete-location-name-parent">الاردن</span><br><span class="autocomplete-airport-name">مطار الملكة علياء الدولي</span><span
class="autocomplete-flight-code float-right">AMM</span></div>
<div class="autocomplete"><span class="autocomplete-location-name">انطاليا</span><span class="autocomplete-location-name-parent">تركيا</span><br><span class="autocomplete-airport-name">مطار انطاليا</span><span
class="autocomplete-flight-code float-right">AYT</span></div>
</div>
</div>
</div>
</div><input type="hidden" name="airline_from"><input type="hidden" name="airline_to"><input type="hidden" name="type" value="round_trip">
<div class="location-saearch col-md-12">
<div class="location-saearch date col-md-6">
<div class="col-md-12 col-sm-12 search-col-padding first-date-div"><label>الاقلاع</label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-calendar-days fa-w-14" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="calendar-days" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M0 192v272C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0zM128 432C128 440.8 120.8 448 112 448h-32C71.16 448 64 440.8 64 432v-32C64 391.2 71.16 384 80 384h32C120.8 384 128 391.2 128 400V432zM128 304C128 312.8 120.8 320 112 320h-32C71.16 320 64 312.8 64 304v-32C64 263.2 71.16 256 80 256h32C120.8 256 128 263.2 128 272V304zM256 432c0 8.836-7.162 16-16 16h-32C199.2 448 192 440.8 192 432v-32C192 391.2 199.2 384 208 384h32c8.838 0 16 7.164 16 16V432zM256 304c0 8.836-7.162 16-16 16h-32C199.2 320 192 312.8 192 304v-32C192 263.2 199.2 256 208 256h32C248.8 256 256 263.2 256 272V304zM384 432c0 8.836-7.162 16-16 16h-32c-8.836 0-16-7.164-16-16v-32c0-8.836 7.164-16 16-16h32c8.838 0 16 7.164 16 16V432zM384 304c0 8.836-7.162 16-16 16h-32C327.2 320 320 312.8 320 304v-32C320 263.2 327.2 256 336 256h32C376.8 256 384 263.2 384 272V304z">
</path>
<path class="fa-primary" fill="currentColor" d="M400 64H352V31.1C352 14.33 337.7 0 320 0S288 14.33 288 31.1V64H160V31.1C160 14.33 145.7 0 128 0S96 14.33 96 31.1V64H48C21.49 64 0 85.49 0 112V192h448V112C448 85.49 426.5 64 400 64z">
</path>
</g>
</svg><!-- <i class="fad fa-calendar-alt"></i> --></span><input type="text" id="departure-date" class="form-control departure-date" required="" placeholder="DD/MM/YYYY" disabled="" autocomplete="off" name="departure_date"></div>
</div>
<div class="col-md-6 col-sm-6 search-col-padding secend-date-div"><label>العودة </label>
<div class="input-group"><span class="icon-search-inputfield"><svg class="svg-inline--fa fa-calendar-days fa-w-14" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="calendar-days" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M0 192v272C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0zM128 432C128 440.8 120.8 448 112 448h-32C71.16 448 64 440.8 64 432v-32C64 391.2 71.16 384 80 384h32C120.8 384 128 391.2 128 400V432zM128 304C128 312.8 120.8 320 112 320h-32C71.16 320 64 312.8 64 304v-32C64 263.2 71.16 256 80 256h32C120.8 256 128 263.2 128 272V304zM256 432c0 8.836-7.162 16-16 16h-32C199.2 448 192 440.8 192 432v-32C192 391.2 199.2 384 208 384h32c8.838 0 16 7.164 16 16V432zM256 304c0 8.836-7.162 16-16 16h-32C199.2 320 192 312.8 192 304v-32C192 263.2 199.2 256 208 256h32C248.8 256 256 263.2 256 272V304zM384 432c0 8.836-7.162 16-16 16h-32c-8.836 0-16-7.164-16-16v-32c0-8.836 7.164-16 16-16h32c8.838 0 16 7.164 16 16V432zM384 304c0 8.836-7.162 16-16 16h-32C327.2 320 320 312.8 320 304v-32C320 263.2 327.2 256 336 256h32C376.8 256 384 263.2 384 272V304z">
</path>
<path class="fa-primary" fill="currentColor" d="M400 64H352V31.1C352 14.33 337.7 0 320 0S288 14.33 288 31.1V64H160V31.1C160 14.33 145.7 0 128 0S96 14.33 96 31.1V64H48C21.49 64 0 85.49 0 112V192h448V112C448 85.49 426.5 64 400 64z">
</path>
</g>
</svg><!-- <i class="fad fa-calendar-alt"></i> --></span><input type="text" id="arrival-date" name="arrival_date" class="form-control" placeholder="DD/MM/YYYY" required="" disabled="" autocomplete="off"></div>
</div>
</div>
<div class="leav-search-input col-md-4"><label class="label-text-seach">الأشخاص</label>
<div class="input-group">
<div class="panel-dropdown guests-selector passengers-4 custom-select"><a class="guests-tab">الأشخاص <span class="qtyTotal qtyTotal-4">1</span></a>
<div class="panel-dropdown-content"><!-- Quantity Buttons -->
<div class="qtyButtons"><label>Adults <small class="details-small">(Age +12 )</small></label>
<div class="qtyDec"></div><input type="text" name="adult_count" class="qty_total-4 adult-4">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Children <small class="details-small">(Age 2 - 12)</small></label>
<div class="qtyDec"></div><input type="text" name="child_count" class="qty_total-4 child-4">
<div class="qtyInc"></div>
</div>
<div class="qtyButtons"><label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<div class="qtyDec"></div><input type="text" name="infant_count" class="qty_total-4 baby-4">
<div class="qtyInc"></div>
</div>
<div class="pax-apply-button-container"><button class="qty-btn-apply" type="button">اتمام</button></div>
</div>
</div>
</div>
</div>
<div class="search-col-padding col-md-2"><button type="submit" class="search-button btn transition-effect"><svg class="svg-inline--fa fa-magnifying-glass fa-w-16" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="magnifying-glass"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor"
d="M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z"></path>
<path class="fa-primary" fill="currentColor" d="M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z"></path>
</g>
</svg><!-- <i class="fad fa-search"></i> --> بحث</button></div>
</div>
</form><form>
<div class="col-md-12 product-search-title">Book Holiday Packages</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>From</label>
<div class="input-group">
<input type="text" name="pack-departure-city" class="form-control" required="" placeholder="E.g. New York">
<span class="input-group-addon"><svg class="svg-inline--fa fa-location fa-w-12 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker fa-fw"></i> --></span>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>I Want To Go</label>
<div class="input-group">
<input type="text" name="pack-destination-city" class="form-control" required="" placeholder="E.g. New York">
<span class="input-group-addon"><svg class="svg-inline--fa fa-location fa-w-12 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker fa-fw"></i> --></span>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>ابتداء من</label>
<div class="input-group">
<input type="text" id="package_start" class="form-control hasDatepicker" placeholder="DD/MM/YYYY">
<span class="input-group-addon"><svg class="svg-inline--fa fa-calendar fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="calendar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
data-fa-i2svg="">
<path fill="currentColor"
d="M400 64H352V31.1C352 14.4 337.6 0 320 0C302.4 0 288 14.4 288 31.1V64H160V31.1C160 14.4 145.6 0 128 0S96 14.4 96 31.1V64H48C21.49 64 0 85.49 0 112V160h448V112C448 85.49 426.5 64 400 64zM0 464C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0V464z">
</path>
</svg><!-- <i class="fa fa-calendar fa-fw"></i> --></span>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Duration(Optional)</label><br>
<select class="selectpicker bs-select-hidden" name="holiday_duration">
<option>3 Days</option>
<option>5 Days</option>
<option>1 Week</option>
<option>2 Weeks</option>
<option>1 Month</option>
<option>1+ Month</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle custom-select-button" data-toggle="dropdown" title="3 Days"><span class="filter-option pull-left">3 Days</span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">3 Days</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">5 Days</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1 Week</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">2 Weeks</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1 Month</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1+ Month</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Package Type(Optional)</label><br>
<select class="selectpicker bs-select-hidden" name="package_type">
<option>Group</option>
<option>Family</option>
<option>Individual</option>
<option>Honeymoon</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle custom-select-button" data-toggle="dropdown" title="Group"><span class="filter-option pull-left">Group</span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Group</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Family</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Individual</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Honeymoon</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Budget(Optional)</label><br>
<select class="selectpicker bs-select-hidden" name="package_budget">
<option>500</option>
<option>1000</option>
<option>1000+</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle custom-select-button" data-toggle="dropdown" title="500"><span class="filter-option pull-left">500</span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">500</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1000</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1000+</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-12 search-col-padding">
<button type="submit" class="search-button btn transition-effect">Search Packages</button>
</div>
<div class="clearfix"></div>
</form><form>
<div class="col-md-12 product-search-title">Search Perfect Car</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Pick Up Location</label>
<div class="input-group">
<input type="text" name="departure-city" class="form-control" required="" placeholder="E.g. New York">
<span class="input-group-addon"><svg class="svg-inline--fa fa-location fa-w-12 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker fa-fw"></i> --></span>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Drop Off Location</label>
<div class="input-group">
<input type="text" name="destination-city" class="form-control" required="" placeholder="E.g. New York">
<span class="input-group-addon"><svg class="svg-inline--fa fa-location fa-w-12 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker fa-fw"></i> --></span>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Pick Up Date</label>
<div class="input-group">
<input type="text" id="car_start" class="form-control hasDatepicker" placeholder="MM/DD/YYYY">
<span class="input-group-addon"><svg class="svg-inline--fa fa-calendar fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="calendar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
data-fa-i2svg="">
<path fill="currentColor"
d="M400 64H352V31.1C352 14.4 337.6 0 320 0C302.4 0 288 14.4 288 31.1V64H160V31.1C160 14.4 145.6 0 128 0S96 14.4 96 31.1V64H48C21.49 64 0 85.49 0 112V160h448V112C448 85.49 426.5 64 400 64zM0 464C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0V464z">
</path>
</svg><!-- <i class="fa fa-calendar fa-fw"></i> --></span>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Pick Off Date</label>
<div class="input-group">
<input type="text" id="car_end" class="form-control hasDatepicker" placeholder="MM/DD/YYYY">
<span class="input-group-addon"><svg class="svg-inline--fa fa-calendar fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="calendar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
data-fa-i2svg="">
<path fill="currentColor"
d="M400 64H352V31.1C352 14.4 337.6 0 320 0C302.4 0 288 14.4 288 31.1V64H160V31.1C160 14.4 145.6 0 128 0S96 14.4 96 31.1V64H48C21.49 64 0 85.49 0 112V160h448V112C448 85.49 426.5 64 400 64zM0 464C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0V464z">
</path>
</svg><!-- <i class="fa fa-calendar fa-fw"></i> --></span>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Car Brnad(Optional)</label><br>
<select class="selectpicker bs-select-hidden" name="brand">
<option>BMW</option>
<option>Audi</option>
<option>Mercedes</option>
<option>Suzuki</option>
<option>Honda</option>
<option>Hyundai</option>
<option>Toyota</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle custom-select-button" data-toggle="dropdown" title="BMW"><span class="filter-option pull-left">BMW</span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">BMW</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Audi</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Mercedes</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Suzuki</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Honda</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Hyundai</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="6"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Toyota</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Car Type(Optional)</label><br>
<select class="selectpicker bs-select-hidden" name="car_type">
<option>Limo</option>
<option>Sedan</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle custom-select-button" data-toggle="dropdown" title="Limo"><span class="filter-option pull-left">Limo</span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Limo</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Sedan</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-12 search-col-padding">
<button type="submit" class="search-button btn transition-effect">Search Cars</button>
</div>
<div class="clearfix"></div>
</form><form>
<div class="col-md-12 product-search-title">Cruise Holidays</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>From</label>
<div class="input-group">
<input type="text" name="pack-departure-city" class="form-control" required="" placeholder="E.g. New York">
<span class="input-group-addon"><svg class="svg-inline--fa fa-location fa-w-12 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker fa-fw"></i> --></span>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>I Want To Go</label>
<div class="input-group">
<input type="text" name="pack-destination-city" class="form-control" required="" placeholder="E.g. New York">
<span class="input-group-addon"><svg class="svg-inline--fa fa-location fa-w-12 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="location" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
data-fa-i2svg="">
<path fill="currentColor" d="M0 192C0 85.97 85.97 0 192 0s192 85.97 192 192c0 77.41-26.97 99.03-172.3 309.7c-9.531 13.77-29.91 13.77-39.44 0C26.97 291 0 269.4 0 192z"></path>
</svg><!-- <i class="fa fa-map-marker fa-fw"></i> --></span>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>ابتداء من</label>
<div class="input-group">
<input type="text" id="cruise_start" class="form-control hasDatepicker" placeholder="DD/MM/YYYY">
<span class="input-group-addon"><svg class="svg-inline--fa fa-calendar fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="calendar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
data-fa-i2svg="">
<path fill="currentColor"
d="M400 64H352V31.1C352 14.4 337.6 0 320 0C302.4 0 288 14.4 288 31.1V64H160V31.1C160 14.4 145.6 0 128 0S96 14.4 96 31.1V64H48C21.49 64 0 85.49 0 112V160h448V112C448 85.49 426.5 64 400 64zM0 464C0 490.5 21.5 512 48 512h352c26.5 0 48-21.5 48-48V192H0V464z">
</path>
</svg><!-- <i class="fa fa-calendar fa-fw"></i> --></span>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Duration(Optional)</label><br>
<select class="selectpicker bs-select-hidden" name="holiday_duration">
<option>3 Days</option>
<option>5 Days</option>
<option>1 Week</option>
<option>2 Weeks</option>
<option>1 Month</option>
<option>1+ Month</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle custom-select-button" data-toggle="dropdown" title="3 Days"><span class="filter-option pull-left">3 Days</span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">3 Days</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">5 Days</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1 Week</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">2 Weeks</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="4"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1 Month</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1+ Month</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Package Type(Optional)</label><br>
<select class="selectpicker bs-select-hidden" name="package_type">
<option>Group</option>
<option>Family</option>
<option>Individual</option>
<option>Honeymoon</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle custom-select-button" data-toggle="dropdown" title="Group"><span class="filter-option pull-left">Group</span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Group</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Family</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Individual</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Honeymoon</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 search-col-padding">
<label>Budget(Optional)</label><br>
<select class="selectpicker bs-select-hidden" name="package_budget">
<option>500</option>
<option>1000</option>
<option>1000+</option>
</select>
<div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle custom-select-button" data-toggle="dropdown" title="500"><span class="filter-option pull-left">500</span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">500</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1000</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">1000+</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-12 search-col-padding">
<button type="submit" class="search-button btn transition-effect">Search Cruises</button>
</div>
<div class="clearfix"></div>
</form>GET https://charter.jcloudable.com/flight/search
<form action="https://charter.jcloudable.com/flight/search" method="get" class="row" ref="form">
<div class="clearfix"></div>
<div class="location-saearch col-md-12">
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div" v-on:mouseleave="remove_autocomplete('from')">
<label>المغادرة من</label>
<div class="input-group">
<span class="icon-search-inputfield"><i class="fad fa-plane-departure"></i></span>
<input type="text" id="airport-from-one-way" name="airline_from_name" autocomplete="off" class="dropdown form-control" required="" placeholder="الاقلاع من مدينة" v-on:focus="autocomplete('from')" v-model="from_search" ref="from_location">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete" v-for="element in airport_from_filter" v-on:click="choose('from',element)">
<span v-text="element.location.name" class="autocomplete-location-name"></span>
<span class="autocomplete-location-name-parent" v-text="parent_location(element)"></span>
<br>
<span class="autocomplete-airport-name" v-text="element.name"></span>
<span class="autocomplete-flight-code float-right" v-text="element.code"></span>
</div>
</div>
</div>
</div>
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div" v-on:mouseleave="remove_autocomplete('to')">
<label>وجهة العودة</label>
<div class="input-group">
<span class="icon-search-inputfield"><i class="fad fa-plane-arrival"></i></span>
<input type="text" id="airport-to-one-way" name="airline_to_name" autocomplete="off" class="dropdown form-control" required="" placeholder="مدينة الوصول" v-on:focus="autocomplete('to')" v-model="to_search" v-on:input="date=true">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-to">
<div class="autocomplete" v-for="element in airport_to_filter" v-on:click="choose('to',element)">
<span class="autocomplete-location-name" v-text="element.location.name"></span>
<span class="autocomplete-location-name-parent" v-text="parent_location(element)"></span>
<br>
<span class="autocomplete-airport-name" v-text="element.name"></span>
<span class="autocomplete-flight-code float-right" v-text="element.code"></span>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="airline_from" :value="from">
<input type="hidden" name="airline_to" :value="to">
<input type="hidden" name="type" value="one_way">
<div class="location-saearch col-md-12">
<div class="location-saearch date col-md-6">
<div class="col-md-12 col-sm-12 search-col-padding first-date-div">
<label>الاقلاع</label>
<div class="input-group">
<span class="icon-search-inputfield"><i class="fad fa-calendar-alt"></i></span>
<input type="text" id="departure-date" :class="['form-control', ,'departure-date']" required="" placeholder="DD/MM/YYYY" :disabled="!date" autocomplete="off" name="departure_date">
</div>
</div>
</div>
<div class="leav-search-input col-md-4">
<label class="label-text-seach">الأشخاص</label>
<div class="input-group">
<div :class="`panel-dropdown guests-selector passengers-${index} custom-select`">
<a class="guests-tab">الأشخاص <span :class="`qtyTotal qtyTotal-${index}`">1</span></a>
<div class="panel-dropdown-content">
<!-- Quantity Buttons -->
<div class="qtyButtons">
<label>Adults <small class="details-small">(Age +12 )</small></label>
<input type="text" name="adult_count" :class="`qty_total-${index} adult-${index}`" :value="1">
</div>
<div class="qtyButtons">
<label>Children <small class="details-small">(Age 2 - 12)</small></label>
<input type="text" name="child_count" :class="`qty_total-${index} child-${index}`" :value="0">
</div>
<div class="qtyButtons">
<label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<input type="text" name="infant_count" :class="`qty_total-${index} baby-${index}`" :value="0">
</div>
<div class="pax-apply-button-container">
<button class="qty-btn-apply" type="button">اتمام</button>
</div>
</div>
</div>
</div>
</div>
<div class="search-col-padding col-md-2">
<button type="submit" class="search-button btn transition-effect"><i class="fad fa-search"></i> بحث</button>
</div>
</div>
</form>GET https://charter.jcloudable.com/flight/search
<form action="https://charter.jcloudable.com/flight/search" method="get" class="row" ref="form">
<div class="clearfix"></div>
<div class="location-saearch col-md-12">
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div" v-on:mouseleave="remove_autocomplete('from')">
<label>المغادرة من</label>
<div class="input-group">
<span class="icon-search-inputfield"><i class="fad fa-plane-departure"></i></span>
<input type="text" id="airport-from-one-way" name="airline_from_name" autocomplete="off" class="dropdown form-control" required="" placeholder="الاقلاع من مدينة" v-on:focus="autocomplete('from')" v-model="from_search" ref="from_location">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-from">
<div class="autocomplete" v-for="element in airport_from_filter" v-on:click="choose('from',element)">
<span v-text="element.location.name" class="autocomplete-location-name"></span>
<span class="autocomplete-location-name-parent" v-text="parent_location(element)"></span>
<br>
<span class="autocomplete-airport-name" v-text="element.name"></span>
<span class="autocomplete-flight-code float-right" v-text="element.code"></span>
</div>
</div>
</div>
</div>
<div class="leav-search-input col-md-6 col-sm-6 auto-complete-div" v-on:mouseleave="remove_autocomplete('to')">
<label>وجهة العودة</label>
<div class="input-group">
<span class="icon-search-inputfield"><i class="fad fa-plane-arrival"></i></span>
<input type="text" id="airport-to-one-way" name="airline_to_name" autocomplete="off" class="dropdown form-control" required="" placeholder="مدينة الوصول" v-on:focus="autocomplete('to')" v-model="to_search" v-on:input="date=true">
<div class="autocomplete-container col-md-12 col-sm-12 autocomplete-to">
<div class="autocomplete" v-for="element in airport_to_filter" v-on:click="choose('to',element)">
<span class="autocomplete-location-name" v-text="element.location.name"></span>
<span class="autocomplete-location-name-parent" v-text="parent_location(element)"></span>
<br>
<span class="autocomplete-airport-name" v-text="element.name"></span>
<span class="autocomplete-flight-code float-right" v-text="element.code"></span>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="airline_from" :value="from">
<input type="hidden" name="airline_to" :value="to">
<input type="hidden" name="type" value="round_trip">
<div class="location-saearch col-md-12">
<div class="location-saearch date col-md-6">
<div class="col-md-12 col-sm-12 search-col-padding first-date-div">
<label>الاقلاع</label>
<div class="input-group">
<span class="icon-search-inputfield"><i class="fad fa-calendar-alt"></i></span>
<input type="text" id="departure-date" :class="['form-control', ,'departure-date']" required="" placeholder="DD/MM/YYYY" :disabled="!date" autocomplete="off" name="departure_date" v-on:change="reset_date">
</div>
</div>
<div class="col-md-6 col-sm-6 search-col-padding secend-date-div">
<label>العودة </label>
<div class="input-group">
<span class="icon-search-inputfield"><i class="fad fa-calendar-alt"></i></span>
<input type="text" id="arrival-date" name="arrival_date" class="form-control" placeholder="DD/MM/YYYY" required="" :disabled="!date" autocomplete="off">
</div>
</div>
</div>
<div class="leav-search-input col-md-4">
<label class="label-text-seach">الأشخاص</label>
<div class="input-group">
<div :class="`panel-dropdown guests-selector passengers-${index} custom-select`">
<a class="guests-tab">الأشخاص <span :class="`qtyTotal qtyTotal-${index}`">1</span></a>
<div class="panel-dropdown-content">
<!-- Quantity Buttons -->
<div class="qtyButtons">
<label>Adults <small class="details-small">(Age +12 )</small></label>
<input type="text" name="adult_count" :class="`qty_total-${index} adult-${index}`" :value="1">
</div>
<div class="qtyButtons">
<label>Children <small class="details-small">(Age 2 - 12)</small></label>
<input type="text" name="child_count" :class="`qty_total-${index} child-${index}`" :value="0">
</div>
<div class="qtyButtons">
<label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<input type="text" name="infant_count" :class="`qty_total-${index} baby-${index}`" :value="0">
</div>
<div class="pax-apply-button-container">
<button class="qty-btn-apply" type="button">اتمام</button>
</div>
</div>
</div>
</div>
</div>
<div class="search-col-padding col-md-2">
<button type="submit" class="search-button btn transition-effect"><i class="fad fa-search"></i> بحث</button>
</div>
</div>
</form>GET https://charter.jcloudable.com/flight/search
<form action="https://charter.jcloudable.com/flight/search" method="get" class="row" ref="form">
<div v-for="(city,index) in citys">
<city :from_prop="airport_from" :to_prop="airport_to" :dates_prop="dates" :index="index">
</city>
</div>
<div class="col-md-12 leav-search add-flight-div">
<button class="btn btn-primary float-right" type="button" @click="citys++"> + Add another flight </button>
<button v-if="citys>2" class="btn btn-primary float-right" type="button" @click="citys--"> - Remove another flight </button>
</div>
<input type="hidden" name="type" value="multi_city">
<div class="leav-search-input col-md-4">
<label class="label-text-seach">الأشخاص</label>
<div class="input-group">
<div :class="`panel-dropdown guests-selector passengers-${index} custom-select`">
<a class="guests-tab">الأشخاص <span :class="`qtyTotal qtyTotal-${index}`">1</span></a>
<div class="panel-dropdown-content">
<!-- Quantity Buttons -->
<div class="qtyButtons">
<label>Adults <small class="details-small">(Age +12 )</small></label>
<input type="text" name="adult_count" :class="`qty_total-${index} adult-${index}`" :value="1">
</div>
<div class="qtyButtons">
<label>Children <small class="details-small">(Age 2 - 12)</small></label>
<input type="text" name="child_count" :class="`qty_total-${index} child-${index}`" :value="0">
</div>
<div class="qtyButtons">
<label>Infant <small class="details-small">(Age 0 - 2)</small></label>
<input type="text" name="infant_count" :class="`qty_total-${index} baby-${index}`" :value="0">
</div>
<div class="pax-apply-button-container">
<button class="qty-btn-apply" type="button">اتمام</button>
</div>
</div>
</div>
</div>
</div>
<div class="search-col-padding col-md-3">
<button type="submit" class="search-button btn transition-effect"><i class="fad fa-search"></i> بحث</button>
</div>
</form>POST https://charter.jcloudable.com/register
<form action="https://charter.jcloudable.com/register" class="sign-in-form bravo-form-register" method="POST">
<input type="hidden" name="_token" value="dISFfPClorNZJlS1HAae7rlSim3Lu1218wC0vtk8">
<h1>انشاء حساب</h1>
<!-- <div class="social-loginconatin">
<a href="https://charter.jcloudable.com/social-login/facebook" class="social"><i class="fab fa-facebook-f"></i></a>
<a href="https://charter.jcloudable.com/social-login/google" class="social"><i class="fab fa-google-plus-g"></i></a>
<a href="https://charter.jcloudable.com/social-login/twitter" class="social"><i class="fab fa-twitter"></i></a>
</div> -->
<span>استخدم بريدك الالكتروني لانشاء الحساب</span>
<input type="text" placeholder="الاسم الاول" name="first_name" autocomplete="off" required="">
<input type="text" placeholder="الاسم الاخير" name="last_name" autocomplete="off" required="">
<input type="text" placeholder="User Name" name="user_name" required="" autocomplete="off">
<input type="phone" placeholder="هاتف" name="phone" required="" autocomplete="off">
<input type="email" placeholder="البريد الالكتروني" name="email" required="" autocomplete="off">
<input type="password" placeholder="كلمة السر" name="password" required="" autocomplete="off">
<button type="submit">انشاء حساب</button>
</form>POST #
<form action="#" class="sign-in-form bravo-form-login" method="POST">
<input type="hidden" name="redirect" value="https://charter.jcloudable.com">
<h1>تسجيل الدخول</h1>
<!-- <div class="social-loginconatin">
<a href="https://charter.jcloudable.com/social-login/facebook" class="social"><i class="fab fa-facebook-f"></i></a>
<a href="https://charter.jcloudable.com/social-login/google" class="social"><i class="fab fa-google-plus-g"></i></a>
<a href="https://charter.jcloudable.com/social-login/twitter" class="social"><i class="fab fa-twitter"></i></a>
</div>
<span>أو استخدام حسابك</span>-->
<input type="text" placeholder="البريد الإلكتروني / اسم المستخدم" name="email" autocomplete="off" required="">
<input type="password" name="password" placeholder="كلمة السر" autocomplete="off" required="">
<div id="agent-code"></div>
<a id="forgot-password">نسيت كلمة السر?</a>
<button class="form-submit" type="submit">تسجيل الدخول</button>
</form>POST https://charter.jcloudable.com/password/email
<form method="POST" class="sign-in-form reset-password-form hidden" action="https://charter.jcloudable.com/password/email">
<h1>إعادة تعيين كلمة المرور</h1>
<input type="email" id="reset-email" placeholder="البريد الالكتروني" name="email" autocomplete="off" required="">
<button type="submit" class="form-submit send-pass-email">إرسال رابط إعادة تعيين كلمة السر</button>
</form>POST https://charter.jcloudable.com/register
<form class="form bravo-form-register" method="post" action="https://charter.jcloudable.com/register">
<input type="hidden" name="_token" value="dISFfPClorNZJlS1HAae7rlSim3Lu1218wC0vtk8"> <label>الاسم الاول</label>
<div class="input-group">
<input type="text" class="form-control" name="first_name" autocomplete="off" placeholder="الاسم الاول">
<span class="input-group-addon"><svg class="svg-inline--fa fa-envelope-o fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope-o" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
data-fa-i2svg="">
<g>
<path fill="currentColor" test="2"
d="M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z">
</path>
<circle fill="currentColor" test="2" cx="256" cy="364" r="28">
<animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="r" values="28;14;28;28;14;28;"></animate>
<animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;1;1;0;1;"></animate>
</circle>
<path fill="currentColor" test="2" opacity="1"
d="M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z">
<animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;0;0;0;1;"></animate>
</path>
<path fill="currentColor" test="2" opacity="0" d="M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z">
<animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="0;0;1;1;0;0;"></animate>
</path>
</g>
</svg><!-- <i class="fa fa-envelope-o fa-fw"></i> --></span>
<span class="invalid-feedback error error-first_name"></span>
</div>
<label>الاسم الاخير</label>
<div class="input-group">
<input type="text" class="form-control" name="last_name" autocomplete="off" placeholder="الاسم الاخير">
<span class="input-group-addon"><svg class="svg-inline--fa fa-envelope-o fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope-o" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
data-fa-i2svg="">
<g>
<path fill="currentColor" test="2"
d="M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z">
</path>
<circle fill="currentColor" test="2" cx="256" cy="364" r="28">
<animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="r" values="28;14;28;28;14;28;"></animate>
<animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;1;1;0;1;"></animate>
</circle>
<path fill="currentColor" test="2" opacity="1"
d="M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z">
<animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;0;0;0;1;"></animate>
</path>
<path fill="currentColor" test="2" opacity="0" d="M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z">
<animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="0;0;1;1;0;0;"></animate>
</path>
</g>
</svg><!-- <i class="fa fa-envelope-o fa-fw"></i> --></span>
<span class="invalid-feedback error error-last_name"></span>
</div>
<label>هاتف</label>
<div class="input-group">
<input type="text" class="form-control" name="phone" autocomplete="off" placeholder="هاتف">
<span class="input-group-addon"><svg class="svg-inline--fa fa-phone fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fa-solid" data-icon="phone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z">
</path>
</svg><!-- <i class="fa fa-solid fa-phone fa-fw"></i> --></span>
<span class="invalid-feedback error error-phone"></span>
</div>
<label>Email address</label>
<div class="input-group">
<input type="email" class="form-control" name="email" autocomplete="off" placeholder="Email address">
<span class="input-group-addon"><svg class="svg-inline--fa fa-envelope fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
data-fa-i2svg="">
<path fill="currentColor"
d="M256 352c-16.53 0-33.06-5.422-47.16-16.41L0 173.2V400C0 426.5 21.49 448 48 448h416c26.51 0 48-21.49 48-48V173.2l-208.8 162.5C289.1 346.6 272.5 352 256 352zM16.29 145.3l212.2 165.1c16.19 12.6 38.87 12.6 55.06 0l212.2-165.1C505.1 137.3 512 125 512 112C512 85.49 490.5 64 464 64h-416C21.49 64 0 85.49 0 112C0 125 6.01 137.3 16.29 145.3z">
</path>
</svg><!-- <i class="fa fa-envelope fa-fw"></i> --></span>
<span class="invalid-feedback error error-email"></span>
</div>
<label>كلمة السر</label>
<div class="input-group">
<input type="password" class="form-control" name="password" autocomplete="off" placeholder="كلمة السر">
<span class="input-group-addon"><svg class="svg-inline--fa fa-eye fa-w-18 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="eye" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
<path fill="currentColor"
d="M572.5 238.1C518.3 115.5 410.9 32 288 32S57.69 115.6 3.469 238.1C1.563 243.4 0 251 0 256c0 4.977 1.562 12.6 3.469 17.03C57.72 396.5 165.1 480 288 480s230.3-83.58 284.5-206.1C574.4 268.6 576 260.1 576 256C576 251 574.4 243.4 572.5 238.1zM432 256c0 79.45-64.47 144-143.9 144C208.6 400 144 335.5 144 256S208.5 112 288 112S432 176.5 432 256zM288 160C285.7 160 282.4 160.4 279.5 160.8C284.8 170 288 180.6 288 192c0 35.35-28.65 64-64 64C212.6 256 201.1 252.7 192.7 247.5C192.4 250.5 192 253.6 192 256c0 52.1 43 96 96 96s96-42.99 96-95.99S340.1 160 288 160z">
</path>
</svg><!-- <i class="fa fa-eye fa-fw"></i> --></span>
<span class="invalid-feedback error error-password"></span>
</div>
<div class="input-group">
<label for="term">
<input id="term" type="checkbox" name="term" class="mr5"> I have read and accept the <a href="" target="_blank">Terms and Privacy Policy</a>
<span class="checkmark fcheckbox"></span>
</label>
<div><span class="invalid-feedback error error-term"></span></div>
</div>
<div class="error message-error invalid-feedback"></div>
<div class="input-group">
<button type="submit" class="btn btn-primary form-submit"> انشاء حساب <span class="spinner-grow spinner-grow-sm icon-loading" role="status" aria-hidden="true"></span>
</button>
</div>
<div class="advanced">
<p class="text-center f14 c-grey">or continue with</p>
<div class="row">
<div class="col-xs-12 col-sm-4">
<a href="https://charter.jcloudable.com/social-login/facebook" class="btn btn_login_fb_link" data-channel="facebook">
<svg class="svg-inline--fa fa-facebook fa-w-16 input-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="facebook" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g><path fill="currentColor" test="2" d="M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"></path><circle fill="currentColor" test="2" cx="256" cy="364" r="28"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="r" values="28;14;28;28;14;28;"></animate><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;1;1;0;1;"></animate></circle><path fill="currentColor" test="2" opacity="1" d="M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;0;0;0;1;"></animate></path><path fill="currentColor" test="2" opacity="0" d="M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="0;0;1;1;0;0;"></animate></path></g></svg><!-- <i class="input-icon fa fa-facebook"></i> -->
Facebook
</a>
</div>
<div class="col-xs-12 col-sm-4">
<a href="https://charter.jcloudable.com/social-login/google" class="btn btn_login_gg_link" data-channel="google">
<svg class="svg-inline--fa fa-google fa-w-16 input-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="google" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g><path fill="currentColor" test="2" d="M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"></path><circle fill="currentColor" test="2" cx="256" cy="364" r="28"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="r" values="28;14;28;28;14;28;"></animate><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;1;1;0;1;"></animate></circle><path fill="currentColor" test="2" opacity="1" d="M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;0;0;0;1;"></animate></path><path fill="currentColor" test="2" opacity="0" d="M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="0;0;1;1;0;0;"></animate></path></g></svg><!-- <i class="input-icon fa fa-google"></i> -->
Google
</a>
</div>
<div class="col-xs-12 col-sm-4">
<a href="https://charter.jcloudable.com/social-login/twitter" class="btn btn_login_tw_link" data-channel="twitter">
<svg class="svg-inline--fa fa-twitter fa-w-16 input-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g><path fill="currentColor" test="2" d="M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"></path><circle fill="currentColor" test="2" cx="256" cy="364" r="28"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="r" values="28;14;28;28;14;28;"></animate><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;1;1;0;1;"></animate></circle><path fill="currentColor" test="2" opacity="1" d="M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="1;0;0;0;0;1;"></animate></path><path fill="currentColor" test="2" opacity="0" d="M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"><animate attributeType="XML" repeatCount="indefinite" dur="2s" attributeName="opacity" values="0;0;1;1;0;0;"></animate></path></g></svg><!-- <i class="input-icon fa fa-twitter"></i> -->
Twitter
</a>
</div>
</div>
</div>
<div class="c-grey f14 text-center"> هل لديك حساب بالفعل؟ <a href="#" data-target="#login" data-toggle="modal">Log In</a>
</div>
</form>Text Content
(+962) 6 552 5100 , (+962) 77 745 5789 info@suescanaltours.com العربية * English JOD * USD تسجيل الدخول انشاء حساب Toggle navigation * الرئيسية * رحلات الجوية * تأشيرة * من نحن * اتصل بنا Previous Next * رحلات الجوية ذهابا وايابا ذهاب المغادرة من انطالياتركيا مطار انطالياAYT عمانالاردن مطار الملكة علياء الدوليAMM وجهة العودة عمانالاردن مطار الملكة علياء الدوليAMM انطالياتركيا مطار انطالياAYT الاقلاع العودة الأشخاص الأشخاص 1 Adults (Age +12 ) Children (Age 2 - 12) Infant (Age 0 - 2) اتمام بحث Book Hotel Rooms I Want To Go -Country I Want To Go - City CHECK - IN CHECK - OUT Search Hotels Book Hotel Rooms I Want To Go -Country Istanbul Canada China South Korea North Korea United Arab Emirates Qatar Saudi Arabia CHECK - IN CHECK - OUT Passengers Passengers 1 Adults Children (Age 3 - 12) Infant (Age 0 - 2) Apply Search Hotels Book With Amadues المغادرة من Turkey- Istanbul-Istanbul Atatürk Airport Denmark-Aarhus United Arab Emirates-Abu Dhabi - Abu Dhabi International Egypt-Abu Simbel Mexico-Aguascaliente USA-Albany (NY) - Albany International Airport France-Albi Jordan-Amman - Queen Alia International Airport Brazil-Aracaju Russia-Arkhangelsk jordanQueen Alia International AirportQAIA وجهة العودة Jordan-Amman - Queen Alia International Airport Denmark-Aarhus Turkey- Istanbul-Istanbul Atatürk Airport United Arab Emirates-Abu Dhabi - Abu Dhabi International Egypt-Abu Simbel Mexico-Aguascaliente USA-Albany (NY) - Albany International Airport France-Albi Brazil-Aracaju Russia-Arkhangelsk Departure Return Passengers Passengers 1 Adults Children (Age 3 - 12) Infant (Age 0 - 2) Apply Search ذهابا وايابا ذهاب متعدد المدن المغادرة من انطالياتركيا مطار انطالياAYT عمانالاردن مطار الملكة علياء الدوليAMM وجهة العودة عمانالاردن مطار الملكة علياء الدوليAMM انطالياتركيا مطار انطالياAYT الاقلاع العودة الأشخاص الأشخاص 1 Adults (Age +12 ) Children (Age 2 - 12) Infant (Age 0 - 2) اتمام بحث Book Holiday Packages From I Want To Go ابتداء من Duration(Optional) 3 Days 5 Days 1 Week 2 Weeks 1 Month 1+ Month 3 Days * 3 Days * 5 Days * 1 Week * 2 Weeks * 1 Month * 1+ Month Package Type(Optional) Group Family Individual Honeymoon Group * Group * Family * Individual * Honeymoon Budget(Optional) 500 1000 1000+ 500 * 500 * 1000 * 1000+ Search Packages Search Perfect Car Pick Up Location Drop Off Location Pick Up Date Pick Off Date Car Brnad(Optional) BMW Audi Mercedes Suzuki Honda Hyundai Toyota BMW * BMW * Audi * Mercedes * Suzuki * Honda * Hyundai * Toyota Car Type(Optional) Limo Sedan Limo * Limo * Sedan Search Cars Cruise Holidays From I Want To Go ابتداء من Duration(Optional) 3 Days 5 Days 1 Week 2 Weeks 1 Month 1+ Month 3 Days * 3 Days * 5 Days * 1 Week * 2 Weeks * 1 Month * 1+ Month Package Type(Optional) Group Family Individual Honeymoon Group * Group * Family * Individual * Honeymoon Budget(Optional) 500 1000 1000+ 500 * 500 * 1000 * 1000+ Search Cruises قناة السويس للسياحة والسفر تأسست قناة السويس للسياحة والسفر في عام 2005 ولها تاريخ طويل في السياحة، حيث تمتد مكاتبها من العراق ومصر ، وتستمر حاليًا في الأردن حيث تفوقت في جميع مجالات السياحة حتى امتدت إلى الشرق الأوسط. أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن أحجز الأن المغادرة من وجهة العودة الاقلاع الأشخاص الأشخاص 1 Adults (Age +12 ) Children (Age 2 - 12) Infant (Age 0 - 2) اتمام بحث المغادرة من وجهة العودة الاقلاع العودة الأشخاص الأشخاص 1 Adults (Age +12 ) Children (Age 2 - 12) Infant (Age 0 - 2) اتمام بحث + Add another flight - Remove another flight الأشخاص الأشخاص 1 Adults (Age +12 ) Children (Age 2 - 12) Infant (Age 0 - 2) اتمام بحث المغادرة من وجهة العودة الاقلاع قناة السويس للسياحة والسفر تأسست قناة السويس للسياحة والسفر في عام 2005 ولها تاريخ طويل في السياحة، حيث تمتد مكاتبها من العراق ومصر ، وتستمر حاليًا في الأردن حيث تفوقت في جميع مجالات السياحة حتى امتدت إلى الشرق الأوسط. الاردن ,عمان فيلا 13 - شارع الامام مسلم الرابية قرب مسجد بر الوالدين. (+962) 6 552 5100 , (+962) 77 745 5789 اقرأ المزيد خريطة الموقع * الرئيسية * رحلات الجوية * تأشيرة * من نحن * اتصل بنا اتصل بنا الاردن ,عمان فيلا 13 - شارع الامام مسلم الرابية قرب مسجد بر الوالدين. (+962) 6 552 5100 , (+962) 79 745 5970 info@suescanaltours.com نحن نقبل * * * * جميع الحقوق محفوظة لـ قناو السويس ©2024 تم التصميم والتطوير بواسطة : الدعم المضاعف انشاء حساب استخدم بريدك الالكتروني لانشاء الحساب انشاء حساب تسجيل الدخول نسيت كلمة السر? تسجيل الدخول إعادة تعيين كلمة المرور إرسال رابط إعادة تعيين كلمة السر مرحبًا بعودتك! للبقاء على اتصال معنا ، يرجى تسجيل الدخول باستخدام معلوماتك الشخصية تسجيل الدخول اهلا بك أدخل بياناتك الشخصية وابدأ الرحلة معنا انشاء حساب انشاء حساب الاسم الاول الاسم الاخير هاتف Email address كلمة السر I have read and accept the Terms and Privacy Policy انشاء حساب or continue with Facebook Google Twitter هل لديك حساب بالفعل؟ Log In This website requires cookies to provide all of its features. By using our website, you agree to our use of cookies. More info Got it