<?php $__env->startSection('title'); ?> <?php echo e(lang('Book Secure','Book Secure')); ?><?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?> 
<!--
<script type="text/javascript" src="assets/Scripts/Roomdetail.js"></script>
<script type="text/javascript">
	Ply.ui.register( 'rooms-detail', {
		view: $( '.rooms-detail' ),
		options: {
			invalidDates: [],
			todayTimestamp: '<?php date('
			d / m / Y ',time()); date('
			h / s / i ',time());?>'
		}
	} )
</script>
-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="assets/css/daterangepicker.css"/>
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<script src="assets/js/owl.carousel.js"></script>
<script type="text/javascript" src="assets/js/daterangepicker.js"></script>
<section id="main">
	<div class="rooms-detail">
		<header data-animatedtop="" data-animatedbottom="" data-animatedx="" class="partial-banner" data-timeweather="">
			<img src='<?php echo e($bannerRow->link); ?>' class='background'>
			<style>
				.background {
					width: 1903px;
					height: 979.51px;
					left: 0px;
					top: -289.755px;
					opacity: 0.6;
				}
				
				.fixed-left-sidebar-layout .content>section {
					margin: 30px 0 40px;
				}
			</style>
		</header>
		<div class="fixed-left-sidebar-layout">
			<!--
      <nav class="partial-left_navigation sidebar">
        <ul style='top: 75px; left: 103.5px; position: fixed;' class='link-set'>
          <li class='link'><a href='/gallery.htm' title='Photo Gallery'>Photo Gallery</a></li>
          <li class='link'><a href='/about-us.htm' title='About Us'>About Us</a></li>
          <li class='link active'><a href='/rooms-rates.htm' title='Rooms & Suites'>Rooms & Suites</a>
            <div class='sublink-container'>
              <ul class='sublink-set'>
                <li class='sublink'><a href='/rooms-rates/superior-double-or-twin.htm' title='Superior Double or Twin'>Superior Double or Twin</a></li>
                <li class='sublink active'><a href='/rooms-rates/deluxe-double-or-twin.htm' title='Deluxe Double or Twin'>Deluxe Double or Twin</a></li>
                <li class='sublink'><a href='/rooms-rates/deluxe-triple.htm' title='Deluxe Triple'>Deluxe Triple</a></li>
                <li class='sublink'><a href='/rooms-rates/connecting-room.htm' title='Connecting Room'>Connecting Room</a></li>
                <li class='sublink'><a href='/rooms-rates/junior-suite.htm' title='Junior Suite'>Junior Suite</a></li>
                <li class='sublink'><a href='/rooms-rates/club-junior-suite.htm' title='Club Junior Suite'>Club Junior Suite</a></li>
                <li class='sublink'><a href='/rooms-rates/family-suite.htm' title='Family Suite'>Family Suite</a></li>
                <li class='sublink'><a href='/rooms-rates/la-siesta-suite.htm' title='La Siesta Suite'>La Siesta Suite</a></li>
                <li class='sublink'><a href='/rooms-rates/duplex-suite.htm' title='Duplex Suite'>Duplex Suite</a></li>
                <li class='sublink'><a href='/rooms-rates/club-duplex-suite.htm' title='Club Duplex Suite'>Club Duplex Suite</a></li>
                <li class='sublink'><a href='/rooms-rates/club-duplex-premier.htm' title='Club Duplex Premier'>Club Duplex Premier</a></li>
              </ul>
            </div>
          </li>
          <li class='link'><a href='/hotel-services.htm' title='Services'>Services</a></li>
          <li class='link'><a href='https://ehgtravel.com/' title='Tours'>Tours</a></li>
          <li class='link'><a href='/hanoi-discovery.htm' title='Hanoi discovery'>Hanoi discovery</a></li>
        </ul>
      </nav>
    -->
			<article style="min-height: 793px;" class="">
				<header style="margin-top: 30px;">
					<div id="container">
						<h1 class="content-title multiline"> <span class="subhead"><?php echo e($site_option->company); ?></span> BOOK SECURE </h1>
					</div>
					<!--
            <ul class="pagination">
              <li><a href='/rooms-rates/superior-double-or-twin.htm' class='upcase with-back-arrow'>Previous</a></li>
              <li><a href='/rooms-rates/deluxe-triple.htm' title='Deluxe Triple' class='upcase with-arrow'>Next</a></li>
            </ul>
          -->
				</header>
				<div class="form-left">
					<!--
                  <div class="header clearfix">
                <h3 class="text-muted">VNPAY DEMO</h3>
            </div>
          -->
					<!--            <h3>Tạo mới đơn hàng</h3>-->
					<div class="table-responsive">
					</div>
					<div id="container">
						<div class="row">
							<div class="col-md-7 hidden-xs">
								<div class="box-info-room">
									<div class="infor-book">
										<section class="room-features bleed-right" style="margin-bottom:0 !important; padding: 0!important">
											<div class="col-xs-12 fb-dark-bg fb-block-header fb-results-acc-title"><span class="fb-translate"><?php echo e($product->name); ?></span><a href="javascript:void(0)" class="hidden-md hidden-lg fb-results-room-details-mobile-link"> <i class="fa fa-info-circle"></i></a>
											</div>
											<div class="owl-carousel" id="product-rooms">
												<?php foreach($photo as $photo): ?>
												<div class="item">
													<img src="<?php echo e($photo->link); ?>">
												</div>
												<?php endforeach; ?>
											</div>
											<section id="info-rooms">
												<div id="vnhan31629-pack-100-Non-refundable-Promotion-Superior-Room" class="col-xs-12 fb-results-rate fb-light-bg">
													<div class="col-xs-9 fb-results-rate--left">
														<div>
															<div class="fb-results-rate-title"><span class="details"><a href="#" data-key="Details"><i class="fa fa-caret-right"></i><span class="fb-translate rate-title" data-key="vnhan31629:promotiontitle:Non-refundable-Promotion" data-mode="-1" data-fallback="Non-refundable Promotion" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Non-refundable Promotion</span>
																</a>
																</span>
															</div>
															<div style="padding-left: 12px;"></div>
														</div>
														<div style="margin-top: 20px;">
															<div class="fb-results-ratekeys fb-container">
																<div class="col-xs-4 fb-dark-gray fb-container fb-ratekey-clickable">
																	<div class="col-xs-12 col-sm-2 fb-container"><img src="assets/images/icon-package-mealplan-breakfast.png" border="0">
																	</div>
																	<div class="col-xs-12 col-sm-10 fb-results-ratekey"><span class="fb-translate" data-key="results-rate-meal-type-breakfast" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Breakfast included</span>
																	</div>
																</div>
																<div class="col-sm-4 fb-dark-gray fb-container fb-ratekey-clickable">
																	<div class="col-xs-12 col-sm-1 fb-container"><img src="assets/images/icon-package-salesterms-cross.png" border="0">
																	</div>
																	<div class="col-xs-12 col-sm-11 fb-results-ratekey"><span class="fb-translate" data-key="warrant-cancellable-not-amendable" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Non-cancellable,<br>1 night non modifiable</span>
																	</div>
																</div>
																<div class="col-sm-4 fb-dark-gray fb-container fb-ratekey-clickable">
																	<div class="col-xs-12 col-sm-2 fb-container"><img src="assets/images/icon-package-salesterms-payment-online.png" border="0">
																	</div>
																	<div class="col-xs-12 col-sm-10 fb-results-ratekey"><span class="fb-translate" data-key="results-rate-payment-internet" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Pay now</span>
																	</div>
																</div>
															</div>
														</div>
														<div style="margin-top: 10px; margin-left: -15px"></div>
													</div>
													<div class="col-xs-3 fb-results-rate--right">
														<div style="padding-bottom: 5px;"><span class="fb-dark-gray fb-price-small-text"><span class="fb-translate" data-key="night" data-mode="1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[1]">1 night</span><span class="fb-price-params-separator">, </span><span class="fb-translate" data-key="person" data-mode="2" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[2]">2 persons</span></span>
														</div>
														<div style="padding-right: 5px; padding-bottom: 5px;">
															<div class="new-price"><span class="fb-price" data-symbol="true"><span><?php echo e(Helper::adddotstring($product->price_sale)); ?></span><span class="fb-price-currency">₫</span></span>
															</div>
														</div>
													</div>
												</div>
											</section>
											<script>
												var owl = $( '#product-rooms' );
												owl.owlCarousel( {
													margin: 10,
													loop: true,
													responsive: {
														0: {
															items: 1
														},
														600: {
															items: 1
														},
														1000: {
															items: 1
														}
													}
												} )
											</script>
										</section>
										
									</div>
								</div>
							</div>
							<div class="col-md-5 col-xs-12">
								<div class="booking-online">
									<form action="" data-action="https://sandbox.vnpayment.vn/merchant_webapi/merchant.html" id="create_form" class="first-column first-row" method="post" style="border:none">
										<div class="checkIn">
											<div class="formCheckIn"><span class="iconCheckIn"><i class="fa fa-calendar fb-quicksearch--icon theme-link" aria-hidden="true"></i></span><input id="showDays" name="inputCheckIn" class="inputCheckIn"><span class="checkInDown"><i class="fa fa-caret-down" aria-hidden="true"></i></span>
											</div>
										</div>
										  <div class="form-group container">
    <label for="buyer-email"><span class="fb-translate" data-key="traveller-email" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">E-mail address</span><span class="mandatory-field-asterisk">*</span></label>
    <input type="text" class="form-control" id="buyer-email" name="email" value="" placeholder="abc@xyz.com">
	<span id="errorEmail" class="error"></span>
  </div>
  <div class="form-group container">
    <label for="buyer-title" class="col-md-12 fb-container"><span class="fb-translate" data-key="traveller-honorific" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Title</span><span class="mandatory-field-asterisk">*</span></label>
    <div class="btn-group" data-toggle="buttons">
      <label class="btn btn-default active" id="buyer-honorific-prefix">
        <input type="radio" name="buyer-honorific-prefix" value="Mr." autocomplete="buyer-honorific-prefix" id="buyer-honorific-Mr." checked="checked">
        <span class="fb-translate" data-key="honorific-mr" data-mode="-1" data-fallback="Mr." data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Mr.</span></label>
      <label class="btn btn-default" id="buyer-honorific-prefix">
        <input type="radio" name="buyer-honorific-prefix" value="Ms." autocomplete="buyer-honorific-prefix" id="buyer-honorific-Ms.">
        <span class="fb-translate" data-key="honorific-ms" data-mode="-1" data-fallback="Ms." data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Ms.</span></label>
      <label class="btn btn-default" id="buyer-honorific-prefix">
        <input type="radio" name="buyer-honorific-prefix" value="Mrs." autocomplete="buyer-honorific-prefix" id="buyer-honorific-Mrs.">
        <span class="fb-translate" data-key="honorific-mrs" data-mode="-1" data-fallback="Mrs." data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Mrs.</span></label>
      <label class="btn btn-default" id="buyer-honorific-prefix">
        <input type="radio" name="buyer-honorific-prefix" value="Dr." autocomplete="buyer-honorific-prefix" id="buyer-honorific-Dr.">
        <span class="fb-translate" data-key="honorific-dr" data-mode="-1" data-fallback="Dr." data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Dr.</span></label>
    </div>
  </div>
  <div class="form-group container">
    <label for="buyer-firstname"><span class="fb-translate" data-key="traveller-firstname" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">First name</span></label>
    <span class="mandatory-field-asterisk">*</span>
    <input type="text" class="form-control fb-translate" id="buyer-firstname" name="buyer-given-name" autocomplete="buyer-given-name" value="" placeholder="">
	<span id="errorFistName" class="error"></span>
  </div>
  <div class="form-group container">
    <label for="buyer-lastname"><span class="fb-translate" data-key="traveller-lastname" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Last name</span></label>
    <span class="mandatory-field-asterisk">*</span>
    <input type="text" class="form-control fb-translate" id="buyer-lastname" name="buyer-family-name" autocomplete="buyer-family-name" value="" placeholder="">
	  <span id="errorLastName" class="error"></span>
  </div>
  <div class="form-group container">
    <label for="buyer-phone" class="col-xs-12 fb-container"><span class="fb-translate" data-key="traveller-phone" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Phone number</span><span class="mandatory-field-asterisk">*</span></label>
	  <div class="row">
	      <div class="col-md-5 fb-container">
      <select class="form-control valid" name="buyer-phone-ext" id="buyer-phone-ext" autocomplete="tel-country-code">
        <option value="">&nbsp;</option>
        <option value="93" data-country="AF">Afghanistan (+93)</option>
        <option value="355" data-country="AL">Albania (+355)</option>
        <option value="213" data-country="DZ">Algeria (+213)</option>
        <option value="1684" data-country="AS">American Samoa (+1684)</option>
        <option value="376" data-country="AD">Andorra (+376)</option>
        <option value="244" data-country="AO">Angola (+244)</option>
        <option value="1264" data-country="AI">Anguilla (+1264)</option>
        <option value="672" data-country="AQ">Antarctica (+672)</option>
        <option value="1268" data-country="AG">Antigua and Barbuda (+1268)</option>
        <option value="54" data-country="AR">Argentina (+54)</option>
        <option value="374" data-country="AM">Armenia (+374)</option>
        <option value="297" data-country="AW">Aruba (+297)</option>
        <option value="61" data-country="AU">Australia (+61)</option>
        <option value="43" data-country="AT">Austria (+43)</option>
        <option value="994" data-country="AZ">Azerbaijan (+994)</option>
        <option value="1242" data-country="BS">Bahamas (+1242)</option>
        <option value="973" data-country="BH">Bahrain (+973)</option>
        <option value="880" data-country="BD">Bangladesh (+880)</option>
        <option value="1246" data-country="BB">Barbados (+1246)</option>
        <option value="375" data-country="BY">Belarus (+375)</option>
        <option value="32" data-country="BE">Belgium (+32)</option>
        <option value="501" data-country="BZ">Belize (+501)</option>
        <option value="229" data-country="BJ">Benin (+229)</option>
        <option value="1441" data-country="BM">Bermuda (+1441)</option>
        <option value="975" data-country="BT">Bhutan (+975)</option>
        <option value="591" data-country="BO">Bolivia (+591)</option>
        <option value="387" data-country="BA">Bosnia and Herzegovina (+387)</option>
        <option value="267" data-country="BW">Botswana (+267)</option>
        <option value="55" data-country="BR">Brazil (+55)</option>
        <option value="1284" data-country="VG">British Virgin Islands (+1284)</option>
        <option value="673" data-country="BN">Brunei (+673)</option>
        <option value="359" data-country="BG">Bulgaria (+359)</option>
        <option value="226" data-country="BF">Burkina Faso (+226)</option>
        <option value="257" data-country="BI">Burundi (+257)</option>
        <option value="855" data-country="KH">Cambodia (+855)</option>
        <option value="237" data-country="CM">Cameroon (+237)</option>
        <option value="1" data-country="CA">Canada (+1)</option>
        <option value="238" data-country="CV">Cape Verde (+238)</option>
        <option value="1345" data-country="KY">Cayman Islands (+1345)</option>
        <option value="236" data-country="CF">Central African Republic (+236)</option>
        <option value="235" data-country="TD">Chad (+235)</option>
        <option value="56" data-country="CL">Chile (+56)</option>
        <option value="86" data-country="CN">China (+86)</option>
        <option value="61" data-country="CX">Christmas Island (+61)</option>
        <option value="61" data-country="CC">Cocos [Keeling] Islands (+61)</option>
        <option value="57" data-country="CO">Colombia (+57)</option>
        <option value="269" data-country="KM">Comoros (+269)</option>
        <option value="242" data-country="CG">Congo - Brazzaville (+242)</option>
        <option value="243" data-country="CD">Congo - Kinshasa (+243)</option>
        <option value="682" data-country="CK">Cook Islands (+682)</option>
        <option value="506" data-country="CR">Costa Rica (+506)</option>
        <option value="385" data-country="HR">Croatia (+385)</option>
        <option value="53" data-country="CU">Cuba (+53)</option>
        <option value="357" data-country="CY">Cyprus (+357)</option>
        <option value="420" data-country="CZ">Czech Republic (+420)</option>
        <option value="225" data-country="CI">Côte d’Ivoire (+225)</option>
        <option value="45" data-country="DK">Denmark (+45)</option>
        <option value="253" data-country="DJ">Djibouti (+253)</option>
        <option value="1767" data-country="DM">Dominica (+1767)</option>
        <option value="1809" data-country="DO">Dominican Republic (+1809)</option>
        <option value="593" data-country="EC">Ecuador (+593)</option>
        <option value="20" data-country="EG">Egypt (+20)</option>
        <option value="503" data-country="SV">El Salvador (+503)</option>
        <option value="240" data-country="GQ">Equatorial Guinea (+240)</option>
        <option value="291" data-country="ER">Eritrea (+291)</option>
        <option value="372" data-country="EE">Estonia (+372)</option>
        <option value="251" data-country="ET">Ethiopia (+251)</option>
        <option value="500" data-country="FK">Falkland Islands (+500)</option>
        <option value="298" data-country="FO">Faroe Islands (+298)</option>
        <option value="679" data-country="FJ">Fiji (+679)</option>
        <option value="358" data-country="FI">Finland (+358)</option>
        <option value="33" data-country="FR">France (+33)</option>
        <option value="594" data-country="GF">French Guiana (+594)</option>
        <option value="689" data-country="PF">French Polynesia (+689)</option>
        <option value="235" data-country="TF">French Southern Territories (+235)</option>
        <option value="241" data-country="GA">Gabon (+241)</option>
        <option value="220" data-country="GM">Gambia (+220)</option>
        <option value="995" data-country="GE">Georgia (+995)</option>
        <option value="49" data-country="DE">Germany (+49)</option>
        <option value="233" data-country="GH">Ghana (+233)</option>
        <option value="350" data-country="GI">Gibraltar (+350)</option>
        <option value="30" data-country="GR">Greece (+30)</option>
        <option value="299" data-country="GL">Greenland (+299)</option>
        <option value="1473" data-country="GD">Grenada (+1473)</option>
        <option value="590" data-country="GP">Guadeloupe (+590)</option>
        <option value="1671" data-country="GU">Guam (+1671)</option>
        <option value="502" data-country="GT">Guatemala (+502)</option>
        <option value="44" data-country="GG">Guernsey (+44)</option>
        <option value="224" data-country="GN">Guinea (+224)</option>
        <option value="245" data-country="GW">Guinea-Bissau (+245)</option>
        <option value="592" data-country="GY">Guyana (+592)</option>
        <option value="509" data-country="HT">Haiti (+509)</option>
        <option value="672" data-country="HM">Heard Island and McDonald Islands (+672)</option>
        <option value="504" data-country="HN">Honduras (+504)</option>
        <option value="852" data-country="HK">Hong Kong SAR China (+852)</option>
        <option value="36" data-country="HU">Hungary (+36)</option>
        <option value="354" data-country="IS">Iceland (+354)</option>
        <option value="91" data-country="IN">India (+91)</option>
        <option value="62" data-country="ID">Indonesia (+62)</option>
        <option value="98" data-country="IR">Iran (+98)</option>
        <option value="964" data-country="IQ">Iraq (+964)</option>
        <option value="353" data-country="IE">Ireland (+353)</option>
        <option value="44" data-country="IM">Isle of Man (+44)</option>
        <option value="972" data-country="IL">Israel (+972)</option>
        <option value="39" data-country="IT">Italy (+39)</option>
        <option value="1876" data-country="JM">Jamaica (+1876)</option>
        <option value="81" data-country="JP">Japan (+81)</option>
        <option value="962" data-country="JO">Jordan (+962)</option>
        <option value="7" data-country="KZ">Kazakhstan (+7)</option>
        <option value="254" data-country="KE">Kenya (+254)</option>
        <option value="686" data-country="KI">Kiribati (+686)</option>
        <option value="965" data-country="KW">Kuwait (+965)</option>
        <option value="996" data-country="KG">Kyrgyzstan (+996)</option>
        <option value="856" data-country="LA">Laos (+856)</option>
        <option value="371" data-country="LV">Latvia (+371)</option>
        <option value="961" data-country="LB">Lebanon (+961)</option>
        <option value="266" data-country="LS">Lesotho (+266)</option>
        <option value="231" data-country="LR">Liberia (+231)</option>
        <option value="218" data-country="LY">Libya (+218)</option>
        <option value="423" data-country="LI">Liechtenstein (+423)</option>
        <option value="370" data-country="LT">Lithuania (+370)</option>
        <option value="352" data-country="LU">Luxembourg (+352)</option>
        <option value="853" data-country="MO">Macau SAR China (+853)</option>
        <option value="389" data-country="MK">Macedonia (+389)</option>
        <option value="261" data-country="MG">Madagascar (+261)</option>
        <option value="265" data-country="MW">Malawi (+265)</option>
        <option value="60" data-country="MY">Malaysia (+60)</option>
        <option value="960" data-country="MV">Maldives (+960)</option>
        <option value="223" data-country="ML">Mali (+223)</option>
        <option value="356" data-country="MT">Malta (+356)</option>
        <option value="692" data-country="MH">Marshall Islands (+692)</option>
        <option value="596" data-country="MQ">Martinique (+596)</option>
        <option value="222" data-country="MR">Mauritania (+222)</option>
        <option value="230" data-country="MU">Mauritius (+230)</option>
        <option value="262" data-country="YT">Mayotte (+262)</option>
        <option value="52" data-country="MX">Mexico (+52)</option>
        <option value="691" data-country="FM">Micronesia (+691)</option>
        <option value="373" data-country="MD">Moldova (+373)</option>
        <option value="377" data-country="MC">Monaco (+377)</option>
        <option value="976" data-country="MN">Mongolia (+976)</option>
        <option value="382" data-country="ME">Montenegro (+382)</option>
        <option value="1664" data-country="MS">Montserrat (+1664)</option>
        <option value="212" data-country="MA">Morocco (+212)</option>
        <option value="258" data-country="MZ">Mozambique (+258)</option>
        <option value="95" data-country="MM">Myanmar [Burma] (+95)</option>
        <option value="264" data-country="NA">Namibia (+264)</option>
        <option value="674" data-country="NR">Nauru (+674)</option>
        <option value="977" data-country="NP">Nepal (+977)</option>
        <option value="31" data-country="NL">Netherlands (+31)</option>
        <option value="599" data-country="AN">Netherlands Antilles (+599)</option>
        <option value="687" data-country="NC">New Caledonia (+687)</option>
        <option value="64" data-country="NZ">New Zealand (+64)</option>
        <option value="505" data-country="NI">Nicaragua (+505)</option>
        <option value="227" data-country="NE">Niger (+227)</option>
        <option value="234" data-country="NG">Nigeria (+234)</option>
        <option value="683" data-country="NU">Niue (+683)</option>
        <option value="672" data-country="NF">Norfolk Island (+672)</option>
        <option value="850" data-country="KP">North Korea (+850)</option>
        <option value="1670" data-country="MP">Northern Mariana Islands (+1670)</option>
        <option value="47" data-country="NO">Norway (+47)</option>
        <option value="968" data-country="OM">Oman (+968)</option>
        <option value="92" data-country="PK">Pakistan (+92)</option>
        <option value="680" data-country="PW">Palau (+680)</option>
        <option value="970" data-country="PS">Palestinian Territories (+970)</option>
        <option value="507" data-country="PA">Panama (+507)</option>
        <option value="675" data-country="PG">Papua New Guinea (+675)</option>
        <option value="595" data-country="PY">Paraguay (+595)</option>
        <option value="51" data-country="PE">Peru (+51)</option>
        <option value="63" data-country="PH">Philippines (+63)</option>
        <option value="870" data-country="PN">Pitcairn Islands (+870)</option>
        <option value="48" data-country="PL">Poland (+48)</option>
        <option value="351" data-country="PT">Portugal (+351)</option>
        <option value="1" data-country="PR">Puerto Rico (+1)</option>
        <option value="974" data-country="QA">Qatar (+974)</option>
        <option value="40" data-country="RO">Romania (+40)</option>
        <option value="7" data-country="RU">Russia (+7)</option>
        <option value="250" data-country="RW">Rwanda (+250)</option>
        <option value="262" data-country="RE">Réunion (+262)</option>
        <option value="590" data-country="BL">Saint Barthélemy (+590)</option>
        <option value="290" data-country="SH">Saint Helena (+290)</option>
        <option value="1869" data-country="KN">Saint Kitts and Nevis (+1869)</option>
        <option value="1758" data-country="LC">Saint Lucia (+1758)</option>
        <option value="590" data-country="MF">Saint Martin (+590)</option>
        <option value="508" data-country="PM">Saint Pierre and Miquelon (+508)</option>
        <option value="1784" data-country="VC">Saint Vincent and the Grenadines (+1784)</option>
        <option value="685" data-country="WS">Samoa (+685)</option>
        <option value="378" data-country="SM">San Marino (+378)</option>
        <option value="966" data-country="SA">Saudi Arabia (+966)</option>
        <option value="221" data-country="SN">Senegal (+221)</option>
        <option value="381" data-country="RS">Serbia (+381)</option>
        <option value="506" data-country="CS">Serbia and Montenegro (+506)</option>
        <option value="248" data-country="SC">Seychelles (+248)</option>
        <option value="232" data-country="SL">Sierra Leone (+232)</option>
        <option value="65" data-country="SG">Singapore (+65)</option>
        <option value="421" data-country="SK">Slovakia (+421)</option>
        <option value="386" data-country="SI">Slovenia (+386)</option>
        <option value="677" data-country="SB">Solomon Islands (+677)</option>
        <option value="252" data-country="SO">Somalia (+252)</option>
        <option value="27" data-country="ZA">South Africa (+27)</option>
        <option value="500" data-country="GS">South Georgia and the South Sandwich Islands (+500)</option>
        <option value="82" data-country="KR">South Korea (+82)</option>
        <option value="34" data-country="ES">Spain (+34)</option>
        <option value="94" data-country="LK">Sri Lanka (+94)</option>
        <option value="249" data-country="SD">Sudan (+249)</option>
        <option value="597" data-country="SR">Suriname (+597)</option>
        <option value="268" data-country="SZ">Swaziland (+268)</option>
        <option value="46" data-country="SE">Sweden (+46)</option>
        <option value="41" data-country="CH">Switzerland (+41)</option>
        <option value="963" data-country="SY">Syria (+963)</option>
        <option value="239" data-country="ST">São Tomé and Príncipe (+239)</option>
        <option value="886" data-country="TW">Taiwan (+886)</option>
        <option value="992" data-country="TJ">Tajikistan (+992)</option>
        <option value="255" data-country="TZ">Tanzania (+255)</option>
        <option value="66" data-country="TH">Thailand (+66)</option>
        <option value="670" data-country="TL">Timor-Leste (+670)</option>
        <option value="228" data-country="TG">Togo (+228)</option>
        <option value="690" data-country="TK">Tokelau (+690)</option>
        <option value="676" data-country="TO">Tonga (+676)</option>
        <option value="1868" data-country="TT">Trinidad and Tobago (+1868)</option>
        <option value="216" data-country="TN">Tunisia (+216)</option>
        <option value="90" data-country="TR">Turkey (+90)</option>
        <option value="993" data-country="TM">Turkmenistan (+993)</option>
        <option value="1649" data-country="TC">Turks and Caicos Islands (+1649)</option>
        <option value="688" data-country="TV">Tuvalu (+688)</option>
        <option value="1" data-country="UM">U.S. Minor Outlying Islands (+1)</option>
        <option value="1340" data-country="VI">U.S. Virgin Islands (+1340)</option>
        <option value="256" data-country="UG">Uganda (+256)</option>
        <option value="380" data-country="UA">Ukraine (+380)</option>
        <option value="971" data-country="AE">United Arab Emirates (+971)</option>
        <option value="44" data-country="GB">United Kingdom (+44)</option>
        <option value="1" data-country="US">United States (+1)</option>
        <option value="598" data-country="UY">Uruguay (+598)</option>
        <option value="998" data-country="UZ">Uzbekistan (+998)</option>
        <option value="678" data-country="VU">Vanuatu (+678)</option>
        <option value="379" data-country="VA">Vatican City (+379)</option>
        <option value="58" data-country="VE">Venezuela (+58)</option>
        <option value="84" data-country="VN" selected="selected">Vietnam (+84)</option>
        <option value="681" data-country="WF">Wallis and Futuna (+681)</option>
        <option value="967" data-country="YE">Yemen (+967)</option>
        <option value="260" data-country="ZM">Zambia (+260)</option>
        <option value="263" data-country="ZW">Zimbabwe (+263)</option>
      </select>
    </div>
    <div class="col-md-6 col-xs-offset-1 fb-container">
      <input type="tel" class="form-control fb-error" id="buyer-phone" name="buyer-phone" autocomplete="tel-local" value="">
   <span id="errorPhone" class="error"></span>
    </div>
	  </div>

  </div>
										<div id="fb-basket" class="fb-basket-empty">
											<div id="fb-basket-header-and-body" class="container fb-light-bg hidden-sm" style="border-bottom: 2px solid #e2e2e2">
												<div id="fb-basket-header" class="container fb-container fb-light-bg">
													<div class="col-md-4 fb-container"><span class="fb-translate col-md-12 fb-basket-header-total" data-key="Total" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Total</span>
														<div class="hidden-sm col-md-12 fb-basket-header-details nowrap"></div>
													</div>
													<div class="col-md-8 fb-container">
														<div class="col-md-12 fb-price-amount"><span class="fb-price" data-price="0" data-symbol="true"><span><span id="totalHtmlShow"><?php echo e(Helper::adddotstring($product->price_sale)); ?></span><span class="fb-price-currency">₫</span></span>
															</span>
														</div>
													</div>
												</div>
											</div>
											<div id="fb-basket-body" class="container col-xs-12 fb-container fb-light-bg">
												<div class="container fb-container fb-basket-accommodation fb-light-bg nowrap">
													<div class="product-book" style="margin-bottom: 5px; padding-bottom: 5px; display: block; clear: both">
														<div class="row" style="margin-bottom: 7px;">
															<div class="col-md-5 fb-font-bold fb-room-title"><span class="fb-translate" data-key="room-number" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[1]"><?php echo e($product->name); ?></span>
															</div>
															<div class="col-md-7 fb-price-amount"><span class="fb-price" data-symbol="true"><span><span id="roomPrice" data-price="<?php echo e(@$product->price_sale); ?>" ></span><?php echo e(Helper::adddotstring($product->price_sale)); ?></span><span class="fb-price-currency" data>₫</span>
																</span>
															</div>
														</div>
														
														<div class="row">
															<div class="col-md-7 fb-price-params ellipsis"><span class="fb-translate" data-key="vnhan31629:promotiontitle:Non-refundable-Promotion" data-mode="-1" data-fallback="Non-refundable Promotion" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Non-refundable Promotion</span>
															</div>
															<div class="col-md-5 align-right">
																<span class="countDays">1 room / <span id="return_date" >1</span> days</span>
															</div>
														</div>
													</div>
													<!--    <div class="fb-room-detail-element col-xs-12 fb-basket-room-remove"><a href="#" class="theme-link" data-hash="49afbe62fea691ab436d22ee3e694387f2f64b97039bf24d2b8d29d9ac7f8563f92164969b6eb541518c1ca016e6aaf5072426c449991a544c14ce11d75b73be"><span class="fb-translate" data-key="basket-room-remove" data-mode="-1" data-fallback="" data-disablehtmlclean="false" data-nodefaultlanguagefallback="false" data-placeholders="[]">Remove</span></a></div>-->
												</div>
											</div>
										</div>
										<div class="form-group" style="display: none">
											<label for="language">Loại hàng hóa </label>
											<select name="order_type" id="order_type" class="form-control">
												<option value="topup">Nạp tiền điện thoại</option>
												<option value="billpayment" selected>Thanh toán hóa đơn</option>
												<option value="fashion">Thời trang</option>
												<option value="other">Khác - Xem thêm tại VNPAY</option>
											</select>
										</div>
										<div class="form-group" style="display: none">
											<label for="order_id">Mã hóa đơn</label>
											<input class="form-control" id="order_id" name="order_id" type="text" value="<?php echo date(" YmdHis ")?>"/>
										</div>
										<div class="form-group" style="display: none">
											<label for="amount">Số tiền</label>
											<input class="form-control" id="amount" name="amount" type="number" value="<?php echo e(@$product->price_sale); ?>"/>
										</div>
										<div class="form-group" style="display: none">
											<label for="order_desc">Nội dung thanh toán</label>
											<textarea class="form-control" cols="20" id="order_desc" name="order_desc" rows="2">Thanh toan hoa don <?php echo date("YmdHis")?></textarea>
										</div>
										<div class="form-group" style="display: none">
											<label for="bank_code">Ngân hàng</label>
											<select name="bank_code" id="bank_code" class="form-control">
												<option value="">Không chọn</option>
												<option value="NCB"> Ngan hang NCB</option>
												<option value="AGRIBANK"> Ngan hang Agribank</option>
												<option value="SCB"> Ngan hang SCB</option>
												<option value="SACOMBANK">Ngan hang SacomBank</option>
												<option value="EXIMBANK"> Ngan hang EximBank</option>
												<option value="MSBANK"> Ngan hang MSBANK</option>
												<option value="NAMABANK"> Ngan hang NamABank</option>
												<option value="VNMART"> Vi dien tu VnMart</option>
												<option value="VIETINBANK">Ngan hang Vietinbank</option>
												<option value="VIETCOMBANK"> Ngan hang VCB</option>
												<option value="HDBANK">Ngan hang HDBank</option>
												<option value="DONGABANK"> Ngan hang Dong A</option>
												<option value="TPBANK"> Ngân hàng TPBank</option>
												<option value="OJB"> Ngân hàng OceanBank</option>
												<option value="BIDV"> Ngân hàng BIDV</option>
												<option value="TECHCOMBANK"> Ngân hàng Techcombank</option>
												<option value="VPBANK"> Ngan hang VPBank</option>
												<option value="MBBANK"> Ngan hang MBBank</option>
												<option value="ACB"> Ngan hang ACB</option>
												<option value="OCB"> Ngan hang OCB</option>
												<option value="IVB"> Ngan hang IVB</option>
												<option value="VISA"> Thanh toan qua VISA/MASTER</option>
											</select>
										</div>
										<div class="form-group" style="display: none">
											<textarea class="noteBook" name="noteBook">Book room: <?php echo e(@$product->name); ?> (<?php echo e(Helper::adddotstring(@$product->price_sale)); ?>đ/1 night)</textarea>
										</div>
										<div class="form-group" style="display: none">
											<input type="hidden" value="1" name="countDay" min="1" id="countDay">
										</div>
										<div class="form-group" style="display: none">
											<label for="language">Language</label>
											<select name="language" id="language" class="form-control">
												<option value="vn">Vietnamese</option>
												<option value="en">English</option>
											</select>
										</div>
										<!--                    <button type="submit" class="btn btn-primary" id="btnPopup">Thanh toán Popup</button>-->
										<button type="submit" id="submitForm" class="btn btn-default" style="line-height: 23px;"><strong style="text-transform: none; font-weight: 600; font-size: 16px;">Payment online by VNPAY </strong><br> <Span style="text-transform: none">(ATM, Visa, MasterCard, JCB, VNPAY QR, ....)</Span></button> <?php echo e(csrf_field()); ?>

									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</article>
		</div>
	</div>
	<div style="position: fixed; display: none;" class="back-to-top"> <span class="icon"></span> <a href="#" class="upcase">BACK TO TOP</a> </div>
</section>
<input type="hidden" value="<?php echo e(@$product->id); ?>" id="idRoom">
<style>
	#container {
		max-width: 1200px;
		margin: auto;
		display: block!Important
	}
</style>
<link href="https://sandbox.vnpayment.vn/paymentv2/lib/vnpay/vnpay.css" rel="stylesheet"/>
<script src="https://sandbox.vnpayment.vn/paymentv2/lib/vnpay/vnpay.js"></script>
<script type="text/javascript">
	$( "#btnPopup" ).click( function () {
		var postData = $( "#create_form" ).serialize();
		var submitUrl = $( "#create_form" ).attr( "data-action" );
		$.ajax( {
			type: "POST",
			url: submitUrl,
			data: postData,
			dataType: 'JSON',
			success: function ( x ) {
				if ( x.code === '00' ) {
					if ( window.vnpay ) {
						vnpay.open( {
							width: 768,
							height: 600,
							url: x.data
						} );
					} else {
						location.href = x.data;
					}
					return false;
				} else {
					alert( x.Message );
				}
			}
		} );
		return false;
	} );
</script>
<?php
$time = time();
$starDays = date( 'M d, Y', $time );
$endDay = date( 'd', $time ) + 1;
$endMon = date( 'M', $time );
$endYear = date( 'Y', $time );
?>
<script type="text/javascript">
	jQuery( document ).ready( function ( $ ) {
		$( '#showDays' ).keyup( function () {
			eval( $( this ).val() );
		} );
		updateConfig();
		function updateConfig() {
			var options = {};
			options.singleDatePicker = false;
			options.showDropdowns = false;
			options.showWeekNumbers = false;
			options.showISOWeekNumbers = false;
			options.timePicker = true;
			options.timePicker24Hour = true;
			options.timePickerSeconds = true;
			options.autoApply = true;
			$( '#rtl-wrap' ).hide();
			options.linkedCalendars = false;
			options.autoUpdateInput = true;
			options.showCustomRangeLabel = true;
			options.alwaysShowCalendars = true;
			options.parentEl = false;
			options.startDate = '<?php echo $starDays; ?>';
			options.endDate = '<?php echo $endMon; ?> <?php echo $endDay; ?>, <?php echo $endYear; ?>';
			options.opens = 'right';
			options.drops = 'down';
			$( '#showDays' ).daterangepicker( options ).click();;
		}
		$( '.daterangepicker ' ).hide();
		$( '#showDays' ).click( function () {
			$( '.daterangepicker ' ).show();
		} )
	
	$('label#buyer-honorific-prefix').click(function(){
		if($(this).find('input[name="buyer-honorific-prefix"]').is(':checked')){
			$('label#buyer-honorific-prefix').removeClass('active');
			$(this).addClass('active');
			console.log($(this).find('input[name="buyer-honorific-prefix"]').val());
		}
	});
	$('#create_form').submit(function(e){
		
		var email = $('#buyer-email').val();
		var firstname = $('#buyer-firstname').val();
		var lastname = $('#buyer-lastname').val();
		var phone = $('#buyer-phone').val();
		var validatePhone = /((9|3|7|8|5)+([1-9]{1,9})\d)/g; 
		var validateEmail = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		if(email == "" ) {
			$('#errorEmail').text('Please, write a valid email');
			return false;
		}else if(validateEmail.test(email) == false) {
			 $('#errorEmail').text('Invalid email');
			return false;
		}else {
			$('#errorEmail').hide();
		}
		if(firstname == ""){
			$('#errorFistName').text('Please, write your first name');
			return false;
		}else{
			$('#errorFistName').hide();
		}
		if(lastname == ""){
			$('#errorLastName').text('Please, write your last name');
			return false;
		}else {
			$('#errorLastName').hide();
		}
		if(phone==""){
			$('#errorPhone').text('Please, write a valid phone number');
			return false;
		}else if(validatePhone.test(phone) == false){
			 $('#errorPhone').text('Invalid phone number');
			return false;
			
		}else {
			$('#errorPhone').hide();
		}
		
	})
	} );
</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.layout.layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>