| Server IP : 103.234.187.230 / Your IP : 216.73.216.216 Web Server : Apache System : Linux lserver42043-ind.megavelocity.net 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/b2bzend/application/views/scripts/buyhotel/ |
Upload File : |
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="author" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Viewport metatags -->
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- iOS webapp metatags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- TODO: Add a favicon -->
<link rel="shortcut icon" href="assets/images/ico/fab.ico">
<title>Global Travel Exchange</title>
<!--Page loading plugin Start -->
<link rel="stylesheet" href="assets/css/plugins/pace.css">
<script src="assets/js/pace.min.js"></script>
<!--Page loading plugin End -->
<!-- Plugin Css Put Here -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/plugins/bootstrap-progressbar-3.1.1.css">
<link rel="stylesheet" href="assets/css/plugins/jquery-jvectormap.css">
<link rel="stylesheet" href="assets/css/plugins/selectize.bootstrap3.css">
<link rel="stylesheet" href="assets/css/plugins/jquery.minicolors.css">
<link rel="stylesheet" href="assets/css/plugins/jquery.datetimepicker.css">
<link rel="stylesheet" href="assets/css/plugins/icheck/skins/all.css">
<link rel="stylesheet" href="assets/css/plugins/jquery.toolbars.css">
<link rel="stylesheet" href="assets/css/plugins/ladda-themeless.min.css">
<!-- Plugin Css End -->
<!-- Custom styles Style -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Custom styles Style End-->
<!-- Responsive Style For-->
<link href="assets/css/responsive.css" rel="stylesheet">
<!-- Responsive Style For-->
<!-- Custom styles for this template -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="">
<!--Navigation Top Bar Start-->
<nav class="navigation">
<div class="container-fluid">
<!--Logo text start-->
<div class="header-logo">
<a href="index.html" title="">
<h1>GTE</h1>
</a>
</div>
<!--Logo text End-->
<div class="top-navigation">
<!--Collapse navigation menu icon start -->
<div class="menu-control hidden-xs">
<a href="javascript:void(0)">
<i class="fa fa-exchange"></i>
</a>
</div>
<!--Collapse navigation menu icon end -->
<!--Top Navigation Start-->
<ul>
<li class="dropdown">
<!--Notification drop down start-->
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
<span class="fa fa-bell-o"></span>
<span class="badge badge-red">6</span>
</a>
<div class="dropdown-menu right top-notification">
<h4>Notification</h4>
<ul class="ls-feed">
<li>
<a href="javascript:void(0)">
<span class="label label-red">
<i class="fa fa-check white"></i>
</span>
You have 4 pending tasks.
<span class="date">Just now</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="label label-light-green">
<i class="fa fa-bar-chart-o"></i>
</span>
Finance Report for year 2013
<span class="date">30 min</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="label label-lightBlue">
<i class="fa fa-shopping-cart"></i>
</span>
New order received with
<span class="date">45 min</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="label label-lightBlue">
<i class="fa fa-user"></i>
</span>
5 pending membership
<span class="date">50 min</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="label label-red">
<i class="fa fa-bell"></i>
</span>
Server hardware upgraded
<span class="date">1 hr</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="label label-blue">
<i class="fa fa-briefcase"></i>
</span>
IPO Report for
<span class="lightGreen">2014</span>
<span class="date">5 hrs</span>
</a>
</li>
<li class="only-link">
<a href="notification.html">View All</a>
</li>
</ul>
</div>
<!--Notification drop down end-->
</li>
<li class="hidden-xs">
<a class="right-sidebar" href="javascript:void(0)">
<i class="fa fa-comment-o"></i>
</a>
</li>
<li class="dropdown">
<!--Notification drop down start-->
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
<i class="fa fa-cogs"></i>
</a>
<div class="dropdown-menu right top-notification">
<h4>Account Setting</h4>
<ul class="ls-feed">
<li>
<a href="profile.html">
<span class="label label-red">
<i class="fa fa-user white"></i>
</span>
Profile
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="label label-light-green">
<i class="fa fa-lock"></i>
</span>
Change Password
</a>
</li>
<li>
<a href="login.html">
<span class="label label-lightBlue">
<i class="fa fa-power-off"></i>
</span>
Logout
</a>
</li>
</ul>
</div>
<!--Notification drop down end-->
</li>
</ul>
<!--Top Navigation End-->
</div>
</div>
</nav>
<!--Navigation Top Bar End-->
<section id="main-container">
<!--Left navigation section start-->
<section id="left-navigation">
<!--Left navigation user details start-->
<div class="user-image">
<img src="assets/images/demo/avatar-80.png" alt=""/>
<div class="user-online-status"><span class="user-status is-online "></span> </div>
</div>
<ul class="social-icon">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i></a></li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i></a></li>
<li><a href="javascript:void(0)"><i class="fa fa-google-plus"></i></a></li>
</ul>
<!--Left navigation user details end-->
<!--Left navigation start-->
<ul class="mainNav">
<li class="active">
<a href="index.html" >
<i class="fa fa-dashboard"></i> <span>Dashboard</span>
</a>
</li>
<li class="active">
<a href="#" class="active">
<i class="fa fa-support"></i> <span>CRM</span>
</a>
<ul>
<li ><a href="crm_customers.html">Customers</a></li>
<li><a href="suppliers.html">Suppliers</a></li>
<li><a href="leadListing.html" class="active">Leads</a></li>
</ul>
</li>
<li>
<a href="#">
<i class="fa fa-shopping-cart"></i> <span>Buy</span>
</a>
<ul>
<li><a href="flight.html">Flights</a></li>
<li><a href="hotel.html" >Hotels</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="Sightseeing.html">Sightseeing</a> </li>
<li><a href="insurance.html">Insurance</a></li>
<li><a href="packageSearch.html">Packages</a> </li>
<li><a href="CustomizePackages.html">Customize Packages</a></li>
</ul>
</li>
<li>
<a href="#">
<i class="fa fa-check-square-o"></i> <span>Booking</span>
</a>
<ul>
<li><a href="flightBookinglist.html">Flights</a></li>
<li><a href="hotelBookinglist.html">Hotels</a></li>
<li><a href="activitiesBookinglist.html">Activities</a></li>
<li><a href="SightseeingBooking.html">Sightseeing</a> </li>
<li><a href="insuranceBookinglist.html">Insurance</a></li>
<li><a href="packageBookinglist.html">Packages</a></li>
</ul>
</li>
<li>
<a href="#">
<i class="fa fa-cubes"></i> <span>My Inventory</span>
</a>
<ul>
<li><a href="flight-inventory.html">Flight</a></li>
<li><a href="hotel-listing.html">Hotel</a></li>
<li><a href="listactivities.html">Activities</a></li>
<li><a href="listsightseeing.html">Sightseeing</a></li>
<li><a href="Transport_listing.html">Transport</a></li>
<li><a href="flexiPackageList.html">Packages</a></li>
</ul>
</li>
<li>
<a href="#">
<i class="fa fa-money"></i> <span>Finance</span>
</a>
<ul>
<li><a href="customers.html">Customers</a></li>
<li><a href="suppliersFinance.html">Suppliers</a></li>
<li><a href="GTX_Balance_Wallet.html">GTX Balance/Wallet</a></li>
<li><a href="GTX_points.html">GTX Points</a></li>
</ul>
</li>
<li>
<a href="#">
<i class="fa fa-users"></i> <span>Staff Management</span>
</a>
<ul>
<li><a href="Roles.html">Roles</a></li>
<li><a href="Department.html">Department</a></li>
<li><a href="staff.html">Staff</a></li>
</ul>
</li>
<li>
<a href="#">
<i class="fa fa-gears"></i> <span>Setting</span>
</a>
<ul>
<li><a href="profile.html">Company Profile</a></li>
<li><a href="edit_policies.html">T & C</a></li>
<li><a href="markupSetting.html">Mark up Settings</a></li>
</ul>
</li>
</ul>
<!--Left navigation end-->
</section>
<!--Left navigation section end-->
<!--Page main section start-->
<section id="min-wrapper" class="active">
<div id="main-content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<!--Top header start-->
<h3 class="ls-top-header">Lead Detail</h3>
<!--Top header end -->
<!--Top breadcrumb start -->
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-home"></i></a></li>
<li class="active">Opportunities</li><li class="active"><a href="leadListing.html">Lead Listing</a></li><li class="active">5N/6D - New York City package</li>
</ol>
<!--Top breadcrumb start -->
</div>
</div>
<!-- Main Content Element Start-->
<div class="row">
<!--<div class="col-md-12 text-right">
<div class="form-group form-group1">
<button class="btn btn-defaultWhite" type="button"><i class="fa fa-plus"></i> Add Lead</button>
<button class="btn btn-defaultWhite" type="button"><i class="fa fa-download"></i> Import</button>
<div class="btn-group" role="group">
<button type="button" class="btn btn-defaultWhite dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-wrench"></i> Customize <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Menu link</a></li>
<li><a href="#">Menu link</a></li>
</ul>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fa fa-question-circle"></span>
Help
<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<li><a href="#">Menu link</a></li>
<li><a href="#">Menu link</a></li>
</ul>
</div>
</div>
</div>-->
<div class="col-md-12 ">
<div class="leadeBorder">
<div class="clear" style="padding-top:5px;"></div>
<div class="col-md-6">
<h5 class="text-danger">Customer Details</h5>
Customer Name : <span class="blue"> Kawaljeet Kaur</span><br>
Contact No : 9999999999<br>
Email ID:<span class="blue"> kawaljeet@tripsbank.com</span> <br>
Active Since : <span class="blue">31 - 03 - 2010</span>
</div>
<div class="col-md-6" align="right">
<div class="col-md-12 no-padding">
<button class="btn btn-info" data-toggle="modal" data-target="#myModaladdCustomer"><i class="fa fa-pencil"></i> Edit</button> <a class="text-danger btn btn-success createleads" href="javascript:void(0);"><i class="fa fa-fw fa-arrows"></i> Create Lead</a>
</div>
<div class="col-md-12 no-padding" style="position:relative; margin-top:12px;">
<a class="text-danger btn btn-defaultWhite edittxt" href="javascript:void(0);"> + Add Remarks</a>
<div class="editBoxContainer" style="display:none; margin-top:34px; width:400px; right:0;">
<div class="form-group form-group1">
<div class="col-md-9 no-padding text-center">
<input name="" type="text" class="form-control whbg" value="Enter Remarks" >
</div>
<div class="col-md-3 no-padding text-center">
<a href="javascript:void(0);" class="btn btn-success btn-sm submittxt"><span class="glyphicon glyphicon-ok"></span></a>
<a href="javascript:void(0);" class="btn btn-danger btn-sm canceltxt"><i class="fa fa-times"></i></a>
</div>
</div>
</div></div>
<div class="col-md-12 no-padding text-right" style="margin-top:12px;">
<strong>Last Remark :</strong> Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
</div>
<div class="clear"> </div>
</div>
<div class="clear"></div></div>
<div class="clear"> </div>
<div class="col-md-12 viewcustomerId" style="display:none;">
<div class="panel panel-dark">
<div class="panel-heading">
<h2 class="panel-title">Create Lead</h2>
</div>
<div class="panel-body whbg">
<div class="col-md-12 no-padding">
<div class="form-group">
<label>Requirement Type</label>
<div class="col-md-12 no-padding">
<label class="radio inlinebl flightshow">
<input class="icheck-black" type="radio" name="radioRedCheckbox" id="radioRedCheckbox5" value="option3"> Flight
</label>
<label class="radio inlinebl hotelshow">
<input class="icheck-black" type="radio" name="radioRedCheckbox" id="radioRedCheckbox5" value="option3"> Hotel
</label>
<label class="radio inlinebl hotelflightshow">
<input class="icheck-black" type="radio" name="radioRedCheckbox" id="radioRedCheckbox5" value="option3"> Hotel + Flight
</label>
<label class="radio inlinebl packageshow">
<input class="icheck-black" type="radio" name="radioRedCheckbox" id="radioRedCheckbox5" value="option3"> Package
</label>
</div>
</div>
</div>
<div class="col-md-12 no-padding">
<div class="panel panel-default no-margin">
<div class="panel-body">
<div class="form-group form-group1 no-margin">
<label>Additional Requirments : </label>
<label class="checkbox inlinebl no-margin">
<input class="icheck-red" type="checkbox" id="checkRed1" value="option1" checked> Visa
</label>
<label class="checkbox inlinebl no-margin">
<input class="icheck-red" type="checkbox" id="checkRed1" value="option1" checked> Forex
</label>
<label class="checkbox inlinebl no-margin">
<input class="icheck-red" type="checkbox" id="checkRed1" value="option1" checked> Insurance
</label>
</div>
</div>
</div>
</div>
<div class="col-md-12 no-padding" style="display:none; margin-top:15px;" id="modsrchdetail">
<div class="col-md-12 leadeBorder alert" style="margin-bottom:0;">
<label class="radio inlinebl" id="onWay"><input class="icheck-red" type="radio" name="radioRedCheckbox4" id="radioRedCheckbox4" value="option5" checked="checked"> <strong>One Way</strong></label>
<label class="radio inlinebl" id="roundTrip"><input class="icheck-red" type="radio" name="radioRedCheckbox4" id="radioRedCheckbox4" value="option5"> <strong>Round Trip</strong></label>
<label class="radio inlinebl" id="multiCity"><input class="icheck-red" type="radio" name="radioRedCheckbox4" id="radioRedCheckbox4" value="option5"> <strong>Multi City</strong></label>
</div>
<div class="col-md-12 no-padding leadeBorder" style="padding-top:10px !important; padding-bottom:10px !important;" id="onWay-tab">
<div class="col-md-6">
<div class="form-group">
<label><strong>From</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">New Delhi, India (DEL)</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>To</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">Thailand</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Departure Date</strong></label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
<div class="clear"></div></div>
</div>
<div class="col-md-6">
<div class="form-group" style="width:32%; display:inline-table;">
<label class="small">Adults <span class="graytxt small">(+12 YRS)</span></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
</div>
<div class="form-group" style="width:32%; display:inline-table;">
<label class="small">Child <span class="graytxt small">(2-11 YRS)</span></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
</div>
<div class="form-group" style="width:32%; display:inline-table;">
<label class="small">Infant <span class="graytxt small">(0-2 YRS)</span></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
</div>
</div>
<div class="clear"></div>
<div class="col-md-6">
<div class="form-group" style="width:100%; display:inline-table;">
<label><strong>Class</strong></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="0">Economy</option>
<option value="1">Premium Economy</option>
<option value="2">Business</option>
</select>
</div>
</div>
<div class="col-md-12">
<div class="ls-group-input">
<a href="flightresult.html" class="btn btn btn-danger btn-lg ladda-button" target="_blank"><span
class="ladda-label"> Search Flights</span></a>
</div>
</div>
</div>
<div class="col-md-12 no-padding leadeBorder" style="padding-top:10px !important; padding-bottom:10px !important; display:none;" id="onWay-tab1">
<div class="col-md-6">
<div class="form-group">
<label><strong>From</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">New Delhi, India (DEL)</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>To</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">Thailand</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Departure Date</strong></label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
<div class="clear"></div></div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Return Date</strong></label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
<div class="clear"></div></div>
</div>
<div class="col-md-6">
<div class="form-group" style="width:32%; display:inline-table;">
<label class="small">Adults <span class="graytxt small">(+12 YRS)</span></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
</div>
<div class="form-group" style="width:32%; display:inline-table;">
<label class="small">Child <span class="graytxt small">(2-11 YRS)</span></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
</div>
<div class="form-group" style="width:32%; display:inline-table;">
<label class="small">Infant <span class="graytxt small">(0-2 YRS)</span></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group" style="width:100%; display:inline-table;">
<label><strong>Class</strong></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="0">Economy</option>
<option value="1">Premium Economy</option>
<option value="2">Business</option>
</select>
</div>
</div>
<div class="col-md-12">
<div class="ls-group-input">
<a href="flightresult-Two-Way.html" class="btn btn btn-danger btn-lg ladda-button" target="_blank"><span
class="ladda-label"> Search Flights</span></a>
</div>
</div>
</div>
<div class="panel-body" id="onWay-tab2" style="display:none;">
</div>
</div>
<div class="col-md-12 no-padding" style="display:none; margin-top:15px;" id="modhoteldetail">
<div class="leadeBorder" style="padding:15px 0;">
<div class="col-md-12 no-padding">
<div class="col-md-6">
<div class="form-group">
<label><strong>Destination</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">New Delhi, India (DEL)</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div></div>
<div class="col-md-12 no-padding">
<div class="col-md-3">
<div class="form-group">
<label>Check In </label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Nights </label>
<input type="email" placeholder="1" class="form-control whbg">
</div></div>
<div class="col-md-3">
<div class="form-group">
<label>Check Out </label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Nationality </label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">Indian</option>
<option value="1">Indian</option>
<option value="2">Indian</option>
<option value="3">Indian</option>
<option value="4">Indian</option>
<option value="5">Indian</option>
<option value="6">Indian</option>
<option value="7">Indian</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 no-padding">
<div class="col-md-3">
<div class="form-group">
<label>Rooms </label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
</div></div>
<div class="col-md-3">
<div class="form-group">
<label>Adults <span class="graytxt">(18+)</span></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
</div></div>
<div class="col-md-3">
<div class="form-group">
<label>Children <span class="graytxt">(0-12 )</span></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select> </div> </div>
<div class="col-md-3">
<div class="form-group">
<label>Age of Children </label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0-2</option>
<option value="0">2-4</option>
<option value="1">4-6</option>
<option value="2">6-8</option>
<option value="3">8-10</option>
<option value="4">10-12</option>
</select>
</div></div>
</div>
<div class="col-md-12 no-padding">
<div class="col-md-3">
<div class="form-group">
<label>Star Rating </label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1 Star </option>
<option value="1">2 Star</option>
<option value="2">3 Star</option>
<option value="3">4 Star</option>
<option value="4">5 Star or More</option>
</select>
</div></div>
<div class="col-md-3">
<div class="form-group">
<label>Prefrred Hotel </label>
<input type="email" placeholder="Eg. Intercontinental" class="form-control whbg">
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-md-6">
<div class="ls-group-input">
<a href="hotelResult.html" class="btn btn btn-danger btn-lg ladda-button" target="_blank"><span
class="ladda-label"> Search Hotel</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 no-padding" style="display:none; margin-top:15px;" id="modhotelflightdetail">
<div class="leadeBorder" style="padding:15px 0;">
<div class="col-md-12 no-padding">
<div class="col-md-6">
<div class="form-group">
<label><strong>From</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">New Delhi, India (DEL)</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>To</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">New Delhi, India (DEL)</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 no-padding">
<div class="col-md-4">
<div class="form-group">
<label>Depart On </label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Retur On </label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>My Hotel Stay is difft</label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
</div>
<div class="col-md-12 no-padding">
<div class="col-md-4">
<div class="form-group">
<label>Check In </label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Nights </label>
<input type="email" placeholder="1" class="form-control whbg">
</div></div>
<div class="col-md-4">
<div class="form-group">
<label>Check Out </label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon dateTimePickerCustom1"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Travelers</strong></label>
<div class="travelerboxMain">
<div class="travelerbox">1</div>
<div class="roomBoxMain">
<div class="roomBoxMainIn">
<div class="roomLoop">
<h1>Room 1</h1>
<div class="travelerIn"><div class="travelerLft">ADULTS (+12 YRS)</div>
<div class="travelerrght">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="clear"></div></div>
<div class="travelerIn"><div class="travelerLft">CHILDREN(0 - 11YRS)</div>
<div class="travelerrght">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="clear"></div></div>
<div class="travelerInChild">
<div class="travelerInChildTop">AGE OF CHILDREN</div>
<div class="travelerInChildBottom">
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
</div>
<div class="clear"></div></div>
<div class="clear"></div>
</div>
<div class="roomLoop"><ul class="panel-control" style="top:0px; right:0px;">
<li><a href="javascript:void(0)" class="close-panel1"><i class="fa fa-times"></i></a></li>
</ul>
<h1>Room 2</h1>
<div class="travelerIn"><div class="travelerLft">ADULTS (+12 YRS)</div>
<div class="travelerrght">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="clear"></div></div>
<div class="travelerIn"><div class="travelerLft">CHILDREN(0 - 11YRS)</div>
<div class="travelerrght">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="clear"></div></div>
<div class="travelerInChild">
<div class="travelerInChildTop">AGE OF CHILDREN</div>
<div class="travelerInChildBottom">
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
</div>
<div class="clear"></div></div>
<div class="clear"></div>
</div>
<button class="btn btn-primary" style="width:100%;">Add more room</button>
<div class="clear" style="padding-bottom:10px"></div>
<button class="btn btn-success" data-dismiss="modal" style="width:100%;">Done</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6" align="right">
<label><strong> </strong></label>
<div class="ls-group-input">
<a href="javascript:void(0);" class="btn btn btn-danger btn-lg ladda-button"><span
class="ladda-label"> Search Flight + Hotel </span></a>
</div>
</div>
</div>
</div>
<div class="col-md-12 no-padding" style="display:none; margin-top:15px;" id="modpackagedetail">
<div class="col-md-12 no-padding leadeBorder" style="padding-top:10px!Important;">
<div class="col-md-6">
<div class="form-group">
<label><strong>From</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">New Delhi, India (DEL)</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>To</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">Thailand</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Specific Date</strong></label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon datePickerOnly"><i class="fa fa-calendar"></i></span>
</div>
<div class="clear"></div></div>
</div>
<div class="col-md-6 no-padding">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label><strong>No. of Nights</strong></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="none">0</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
</select>
<div class="clear"></div></div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label><strong>Flexible with</strong></label>
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="0">0 day</option>
<option value="1">+1 day</option>
<option value="2">+2 days</option>
<option value="3" selected>+3 days</option>
<option value="4">+4 days</option>
<option value="5">+5 days</option>
</select>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Travelers</strong></label>
<div class="travelerboxMain">
<div class="travelerbox">1</div>
<div class="roomBoxMain">
<div class="roomBoxMainIn">
<div class="roomLoop">
<h1>Room 1</h1>
<div class="travelerIn"><div class="travelerLft">ADULTS (+12 YRS)</div>
<div class="travelerrght">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="clear"></div></div>
<div class="travelerIn"><div class="travelerLft">CHILDREN(0 - 11YRS)</div>
<div class="travelerrght">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="clear"></div></div>
<div class="travelerInChild">
<div class="travelerInChildTop">AGE OF CHILDREN</div>
<div class="travelerInChildBottom">
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
</div>
<div class="clear"></div></div>
<div class="clear"></div>
</div>
<div class="roomLoop"><ul class="panel-control" style="top:0px; right:0px;">
<li><a href="javascript:void(0)" class="close-panel1"><i class="fa fa-times"></i></a></li>
</ul>
<h1>Room 2</h1>
<div class="travelerIn"><div class="travelerLft">ADULTS (+12 YRS)</div>
<div class="travelerrght">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="clear"></div></div>
<div class="travelerIn"><div class="travelerLft">CHILDREN(0 - 11YRS)</div>
<div class="travelerrght">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="clear"></div></div>
<div class="travelerInChild">
<div class="travelerInChildTop">AGE OF CHILDREN</div>
<div class="travelerInChildBottom">
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
<div class="col-md-3" style="padding:0 4px;">
<select class="form-control input-sm whbg" style="padding:5px;">
<option value="">Select</option>
<option value="">1 yrs</option>
<option value="">2 yrs</option>
<option value="">3 yrs</option>
<option value="">4 yrs</option>
<option value="">5 yrs</option>
<option value="">6 yrs</option>
<option value="">7 yrs</option>
<option value="">8 yrs</option>
<option value="">9 yrs</option>
<option value="">10 yrs</option>
<option value="">11 yrs</option>
</select>
</div>
</div>
<div class="clear"></div></div>
<div class="clear"></div>
</div>
<button class="btn btn-primary" style="width:100%;">Add another room</button>
<div class="clear" style="padding-bottom:10px"></div>
<button class="btn btn-success" data-dismiss="modal" style="width:100%;">Done</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Flight Required</strong></label>
<div class="col-md-12 no-padding">
<label class="radio inlinebl"><input class="icheck-red" type="radio" name="radioRedCheckbox24" id="radioRedCheckbox24" value="option25" checked="checked"> <strong>Yes</strong></label>
<label class="radio inlinebl"><input class="icheck-red" type="radio" name="radioRedCheckbox24" id="radioRedCheckbox24" value="option25"> <strong>No</strong></label>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Sightseeing Required</strong></label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">Sightseeing 1</option>
<option value="go">Sightseeing 2</option>
<option value="mum">Sightseeing 3</option>
<option value="ch">Sightseeing 4</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label><strong>Transport</strong></label>
<div class="col-md-12 no-padding">
<div class="col-md-6 col-sm-6 no-padding">
<label class="radio inlinebl no-margin" id="ty"><input class="icheck-red" type="radio" name="radioRedCheckbox14" id="radioRedCheckbox14" value="option15" checked="checked"> <strong>Yes</strong></label>
<label class="radio inlinebl no-margin" id="tn"><input class="icheck-red" type="radio" name="radioRedCheckbox14" id="radioRedCheckbox14" value="option15"> <strong>No</strong></label></div><select id="select-country" class="demo-default select-country inlinebl" style="width:100px;">
<option value="0">Select</option>
<option value="1">PVT</option>
<option value="2">SIC</option>
</select>
</div>
</div>
</div>
<div class="clear"></div>
<div class="col-md-12">
<div class="ls-group-input">
<a href="javascript:void(0);" class="btn btn btn-danger btn-lg ladda-button"><span
class="ladda-label"> Search Package</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body no-padding whbg">
<ul class="leadDetail">
<li><a href="customerLead.html">Profile</a></li>
<li><a href="LeadsList.html">Leads</a></li>
<li><a href="customerContacts.html">Contacts</a></li>
<li><a href="customerPaymentHistory.html">Payment History</a></li>
<li><a href="customerChats.html">Chats</a></li>
<li><a href="customerBookings.html" class="activelead">Bookings</a></li>
<li><a href="customerInvoices.html">Invoices</a></li>
<li><a href="customerpInvoices.html">P. Invoices</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Booking List</h3>
</div>
<div class="panel-body table-responsive no-padding">
<table class="table table-bordered">
<tbody>
<tr class="alert alert-success">
<th><strong>#</strong></th>
<th><strong>Lead ID</strong></th>
<th><strong>Quote ID</strong></th>
<th><strong>Type</strong></th>
<th><strong>Created On</strong></th>
<th><strong>Last Update</strong></th>
<th><strong>Amount</strong></th>
<th><strong>Booked On</strong></th>
<th><strong>Payment Status</strong></th>
<th><strong>Pending Amount</strong></th>
<th><strong>Action</strong></th>
</tr>
<tr>
<td>1</td>
<td><a href="leadDetailFinal.html">L1234</a></td>
<td><a href="Quotes.html">Q1324</a></td>
<td><a href="javascript:void(0);" data-target="#myModalviewPackage" data-toggle="modal">Flight</a></td>
<td>30/06/2016</td>
<td>10/07/2016</td>
<td><span class="fa fa-rupee"></span> 40,000</td>
<td>05/07/2016</td>
<td>Partial Paid</td>
<td><span class="fa fa-rupee"></span> 10,000</td>
<td><a href="leadDetailFinal.html"><button data-original-title="View" class="btn btn-xs btn-success tooltipLink" data-placement="top" title=""><i class="fa fa-eye"></i></button></a> <a href="paySupplier.html"><button data-original-title="Pay Suppliers" class="btn btn-xs btn-warning tooltipLink" data-placement="top" title=""><i class="fa fa-money"></i></button></a></td>
</tr>
<tr>
<td>2</td>
<td><a href="leadDetailFinal.html">L1234</a></td>
<td><a href="Quotes.html">Q1324</a></td>
<td><a href="javascript:void(0);" data-target="#myModalviewPackage" data-toggle="modal">Flight</a></td>
<td>30/06/2016</td>
<td>10/07/2016</td>
<td><span class="fa fa-rupee"></span> 40,000</td>
<td>05/07/2016</td>
<td>Partial Paid</td>
<td><span class="fa fa-rupee"></span> 10,000</td>
<td><a href="leadDetailFinal.html"><button data-original-title="View" class="btn btn-xs btn-success tooltipLink" data-placement="top" title=""><i class="fa fa-eye"></i></button></a> <a href="paySupplier.html"><button data-original-title="Pay Suppliers" class="btn btn-xs btn-warning tooltipLink" data-placement="top" title=""><i class="fa fa-money"></i></button></a></td>
</tr>
<tr>
<td>3</td>
<td><a href="leadDetailFinal.html">L1234</a></td>
<td><a href="Quotes.html">Q1324</a></td>
<td><a href="javascript:void(0);" data-target="#myModalviewPackage" data-toggle="modal">Flight</a></td>
<td>30/06/2016</td>
<td>10/07/2016</td>
<td><span class="fa fa-rupee"></span> 40,000</td>
<td>05/07/2016</td>
<td>Partial Paid</td>
<td><span class="fa fa-rupee"></span> 10,000</td>
<td><a href="leadDetailFinal.html"><button data-original-title="View" class="btn btn-xs btn-success tooltipLink" data-placement="top" title=""><i class="fa fa-eye"></i></button></a> <a href="paySupplier.html"><button data-original-title="Pay Suppliers" class="btn btn-xs btn-warning tooltipLink" data-placement="top" title=""><i class="fa fa-money"></i></button></a></td>
</tr>
<tr>
<td>4</td>
<td><a href="leadDetailFinal.html">L1234</a></td>
<td><a href="Quotes.html">Q1324</a></td>
<td><a href="javascript:void(0);" data-target="#myModalviewPackage" data-toggle="modal">Flight</a></td>
<td>30/06/2016</td>
<td>10/07/2016</td>
<td><span class="fa fa-rupee"></span> 40,000</td>
<td>05/07/2016</td>
<td>Partial Paid</td>
<td><span class="fa fa-rupee"></span> 10,000</td>
<td><a href="leadDetailFinal.html"><button data-original-title="View" class="btn btn-xs btn-success tooltipLink" data-placement="top" title=""><i class="fa fa-eye"></i></button></a> <a href="paySupplier.html"><button data-original-title="Pay Suppliers" class="btn btn-xs btn-warning tooltipLink" data-placement="top" title=""><i class="fa fa-money"></i></button></a></td>
</tr>
<tr>
<td>5</td>
<td><a href="leadDetailFinal.html">L1234</a></td>
<td><a href="Quotes.html">Q1324</a></td>
<td><a href="javascript:void(0);" data-target="#myModalviewPackage" data-toggle="modal">Flight</a></td>
<td>30/06/2016</td>
<td>10/07/2016</td>
<td><span class="fa fa-rupee"></span> 40,000</td>
<td>05/07/2016</td>
<td>Partial Paid</td>
<td><span class="fa fa-rupee"></span> 10,000</td>
<td><a href="leadDetailFinal.html"><button data-original-title="View" class="btn btn-xs btn-success tooltipLink" data-placement="top" title=""><i class="fa fa-eye"></i></button></a> <a href="paySupplier.html"><button data-original-title="Pay Suppliers" class="btn btn-xs btn-warning tooltipLink" data-placement="top" title=""><i class="fa fa-money"></i></button></a></td>
</tr>
</tbody></table>
</div>
</div>
<div class="col-md-12 text-right no-padding">
<ul class="pagination no-margin">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Main Content Element End-->
</div>
</div>
<?php echo $this->render('copyrightfooter.phtml'); ?>
</section>
<!--Page main section end -->
<!--Right hidden section start-->
<section id="right-wrapper">
<!--Right hidden section close icon start-->
<div class="close-right-wrapper">
<a href="javascript:void(0)"><i class="fa fa-times"></i></a> </div>
<!--Right hidden section close icon end-->
<!--Tab navigation start-->
<ul class="nav nav-tabs" id="setting-tab">
<li class="active"><a href="#chatTab" data-toggle="tab"><i class="fa fa-comment-o"></i> Chat</a></li>
</ul>
<!--Tab navigation end -->
<!--Tab content start-->
<div class="tab-content">
<div class="tab-pane active" id="chatTab">
<div class="nano">
<div class="nano-content">
<div class="chat-group chat-group-fav">
<h3 class="ls-header">Favorites</h3>
<a href="javascript:void(0)">
<span class="user-status is-online"></span>
Catherine J. Watkins
<span class="badge badge-lightBlue">1</span>
</a>
<a href="javascript:void(0)">
<span class="user-status is-idle"></span>
Fernando G. Olson
</a>
<a href="javascript:void(0)">
<span class="user-status is-busy"></span>
Susan J. Best
</a>
<a href="javascript:void(0)">
<span class="user-status is-offline"></span>
Brandon S. Young
</a>
</div>
<div class="chat-group chat-group-coll">
<h3 class="ls-header">Colleagues</h3>
<a href="javascript:void(0)">
<span class="user-status is-offline"></span>
Brandon S. Young
</a>
<a href="javascript:void(0)">
<span class="user-status is-idle"></span>
Fernando G. Olson
</a>
<a href="javascript:void(0)">
<span class="user-status is-online"></span>
Catherine J. Watkins
<span class="badge badge-lightBlue">3</span>
</a>
<a href="javascript:void(0)">
<span class="user-status is-busy"></span>
Susan J. Best
</a>
</div>
<div class="chat-group chat-group-social">
<h3 class="ls-header">Social</h3>
<a href="javascript:void(0)">
<span class="user-status is-online"></span>
Catherine J. Watkins
<span class="badge badge-lightBlue">5</span>
</a>
<a href="javascript:void(0)">
<span class="user-status is-busy"></span>
Susan J. Best
</a>
</div>
</div>
</div>
<div class="chat-box">
<div class="chat-box-header">
<h5>
<span class="user-status is-online"></span>
Catherine J. Watkins
</h5>
</div>
<div class="chat-box-content">
<div class="nano nano-chat">
<div class="nano-content">
<ul>
<li>
<span class="user">Catherine</span>
<p>Are you here?</p>
<span class="time">10:10</span>
</li>
<li>
<span class="user">Catherine</span>
<p>Whohoo!</p>
<span class="time">10:12</span>
</li>
<li>
<span class="user">Catherine</span>
<p>This message is pre-queued.</p>
<span class="time">10:15</span>
</li>
<li>
<span class="user">Catherine</span>
<p>Do you like it?</p>
<span class="time">10:20</span>
</li>
<li>
<span class="user">Catherine</span>
<p>This message is pre-queued.</p>
<span class="time">11:00</span>
</li>
<li>
<span class="user">Catherine</span>
<p>Hi, you there ?</p>
<span class="time">12:00</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="chat-write">
<textarea class="form-control autogrow" placeholder="Type your message"></textarea>
</div>
</div>
</div>
<!--Tab content -->
</section>
<!--Right hidden section end -->
<div id="change-color">
<div id="change-color-control">
<a href="javascript:void(0)"><i class="fa fa-magic"></i></a>
</div>
<div class="change-color-box">
<ul>
<li class="default active"></li>
<li class="red-color"></li>
<li class="blue-color"></li>
<li class="light-green-color"></li>
<li class="black-color"></li>
<li class="deep-blue-color"></li>
</ul>
</div>
</div>
</section>
<div class="modal fade" id="myModaladdCustomer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Edit Customer Info</h4>
</div>
<div class="modal-body">
<div class="col-md-2">
<div class="form-group">
<label>Salution</label>
<select id="select-title" class="demo-default select-country">
<option value="1" selected>Mr.</option>
<option value="2">Mrs.</option>
</select>
</div>
</div>
<div class="col-md-5">
<div class="form-group">
<label>First Name</label>
<input type="name" class="form-control whbg" value="Abinash">
</div>
</div>
<div class="col-md-5">
<div class="form-group">
<label>Last Name</label>
<input type="name" class="form-control whbg" value="Kumar">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Email</label>
<input type="name" class="form-control whbg" value="abinash@catpl.co.in">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Mobile Number</label>
<input type="name" class="form-control whbg" value="9899592538">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>City</label>
<input type="name" class="form-control whbg" value="New Delhi">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>State</label>
<input type="name" class="form-control whbg" value="Delhi">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Country</label>
<input type="name" class="form-control whbg" value="India">
</div>
</div>
<div class="clear"></div></div>
<div class="modal-footer">
<button type="button" class="btn btn-warning btn-round" data-dismiss="modal">Submit</button>
<button type="button" class="btn btn-default btn-round" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModalviewPackage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">View Package Details</h4>
</div>
<div class="modal-body">
<div class="col-md-12 no-padding">
Enquiry ID : <span class="blue">L12345678</span><br>
Type : <span class="blue">Package </span> [ Includes :
3 Activities, 2 Hotel, 2 Transporters
Return fare, Insurance, Visa ]
<br>
No of Pax : <span class="blue">2 Adults | 1 Infant </span>
<br>
Cost : <span class="blue">INR 50,000</span> | Status : <span class="blue">Proposal Sent</span>
<br>
Date : <span class="blue">05/07/2016 </span> <span class="graytxt"> Duration (6 Nights 7 Days)</span>
<br>
<span class="graytxt">Created On : 04/07/2016</span> <br>
<span class="graytxt">Updated On :05/07/2016</span>
</div>
<div class="clear"></div></div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-round" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--Layout Script start -->
<script type="text/javascript" src="assets/js/color.js"></script>
<script type="text/javascript" src="assets/js/lib/jquery-1.11.min.js"></script>
<script src="assets/js/lib/jqueryui.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/multipleAccordion.js"></script>
<!--easing Library Script Start -->
<script src="assets/js/lib/jquery.easing.js"></script>
<!--easing Library Script End -->
<!--Nano Scroll Script Start -->
<script src="assets/js/jquery.nanoscroller.min.js"></script>
<!--Nano Scroll Script End -->
<!--switchery Script Start -->
<script src="assets/js/switchery.min.js"></script>
<!--switchery Script End -->
<!--bootstrap switch Button Script Start-->
<script src="assets/js/bootstrap-switch.js"></script>
<!--bootstrap switch Button Script End-->
<!--easypie Library Script Start -->
<script src="assets/js/jquery.easypiechart.min.js"></script>
<!--easypie Library Script Start -->
<!--bootstrap-progressbar Library script Start-->
<script src="assets/js/bootstrap-progressbar.min.js"></script>
<!--bootstrap-progressbar Library script End-->
<script type="text/javascript" src="assets/js/pages/layout.js"></script>
<!--Layout Script End -->
<!--loader Button Script Start-->
<script src="assets/js/loader/spin.js"></script>
<script src="assets/js/loader/ladda.js"></script>
<!--loader Button Script End-->
<script src="assets/js/pages/buttonSwitch.js"></script>
<!--selectize Library start-->
<script src="assets/js/selectize.min.js"></script>
<!--selectize Library End-->
<!--Select & Tag demo start-->
<script src="assets/js/pages/selectTag.js"></script>
<!--Select & Tag demo end-->
<!--Tooltip Bar Library Script Start -->
<script src="assets/js/jquery.toolbar.min.js"></script>
<!--Tooltip Bar Library Script End -->
<!-- MiniColors Library Script Start -->
<script src="assets/js/jquery.minicolors.min.js"></script>
<!-- MiniColors Library Script Start -->
<!-- Date & Time Picker Library Script Start -->
<script src="assets/js/jquery.datetimepicker.js"></script>
<!-- Date & Time Picker Library Script End -->
<!--Demo for Date, Time Color Picker Script Start -->
<script src="assets/js/pages/pickerTool.js"></script>
<!--Demo for Date, Time Color Picker Script End -->
<!-- Script For Icheck -->
<script src="assets/js/icheck.min.js"></script>
<!-- Script For Icheck -->
<!--Advance Radio and checkbox demo start-->
<script src="assets/js/pages/checkboxRadio.js"></script>
<!--Advance Radio and checkbox demo start-->
<!--Demo ui element Script Start -->
<script src="assets/js/pages/uiElements.js"></script>
<!--Demo ui element Script End -->
<!--Demo ui element Script Start -->
<script src="assets/js/pages/uiElements.js"></script>
<!--Demo ui element Script End -->
<script type="application/x-javascript">
$(".createleads").click(function(){
$(".viewcustomerId").toggle();
});
$("#onWay").click(function(){
$("#onWay-tab").show();
$("#onWay-tab1").hide();
$("#onWay-tab2").hide();
});
$("#roundTrip").click(function(){
$("#onWay-tab").hide();
$("#onWay-tab1").show();
$("#onWay-tab2").hide();
});
$("#multiCity").click(function(){
$("#onWay-tab").hide();
$("#onWay-tab1").hide();
$("#onWay-tab2").show();
});
$(".flightshow").click(function(){
$("#modsrchdetail").show();
$("#modhoteldetail").hide();
$("#modhotelflightdetail").hide();
$("#modpackagedetail").hide();
});
$(".hotelshow").click(function(){
$("#modsrchdetail").hide();
$("#modhoteldetail").show();
$("#modhotelflightdetail").hide();
$("#modpackagedetail").hide();
});
$(".hotelflightshow").click(function(){
$("#modsrchdetail").hide();
$("#modhoteldetail").hide();
$("#modhotelflightdetail").show();
$("#modpackagedetail").hide();
});
$(".packageshow").click(function(){
$("#modsrchdetail").hide();
$("#modhoteldetail").hide();
$("#modhotelflightdetail").hide();
$("#modpackagedetail").show();
});
$(".travelerbox").click(function(){
$(".roomBoxMain").toggle();
});
$(".edittxt").click(function(){
$(".editBoxContainer").show();
});
$(".submittxt, .canceltxt").click(function(){
$(".editBoxContainer").hide();
});
</script>
</body>
</html>