| 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/leaddetail/ |
Upload File : |
<?php
$packageThemeList = $this->packageThemeList;
$packageInclList = $this->packageInclList;
$cityListArray = $this->cityListArray;
$customerId = $this->customerId;
$leadDetail = $this->leadDetail;
$customerId = $this->customerId;
$leadID = $this->leadID;
$tpintsysID = $this->tpintsysID;
?>
<?php echo $this->partial('leaddetail/leaddetailpartial.phtml', array('pageName' => 'Remarks List', 'customerDetail' => $this->customerDetail, 'leadId' => $this->leadId, 'leadDetail' => $this->leadDetail[0], 'sourceCity' => $this->sourceCity, 'customerId' => $this->customerId, 'flightproposal' => $this->flightproposal, 'proposalCount' => $this->proposalCount, 'packageThemeList' => $this->packageThemeList, 'packageFoodPreferenceList' => $this->packageFoodPreferenceList, 'packageInclList' => $this->packageInclList, 'cityListArray' => $this->cityListArray, 'tpintsysID' => $this->tpintsysID)); ?>
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading align_paddingbottom_0">
<h3 class="panel-title">Lead Remarks </h3>
</div>
<div class="panel-body table-responsive">
<table class="table tablestyle">
<tbody>
<tr class="alert alert-graylight">
<th class="small smallbold" width="5%">#</th>
<th class="small smallbold" width="20%">Create Date</th>
<th class="small smallbold">Remark</th>
<th class="small smallbold">Updated By</th>
<th class="small smallbold" width="5%">Action</th>
</tr>
<?php if (!empty($this->paginator) ) :
$s = 1;
foreach ($this->paginator as $getAllCustomerRemark) {
?>
<tr class="remarkshow_<?php echo $getAllCustomerRemark['RemarkSysId']; ?>">
<td><?php echo $s++; ?></td>
<td><?php echo $getAllCustomerRemark['CreatedDate']->format('d-M-y'); ?></td>
<td><?php echo stripslashes($getAllCustomerRemark['Remarks']); ?></td>
<td><?php echo (trim($getAllCustomerRemark['FirstName']) != '') ? trim(stripslashes($getAllCustomerRemark['FirstName'])) . ' ' . trim(stripslashes($getAllCustomerRemark['LastName'])) : ''; ?></td>
<td class="small"><a onclick="if(confirm('Are you sure want to delete it?')){ deleteRemark('<?php echo base64_encode($getAllCustomerRemark['RemarkSysId']); ?>','<?php echo base64_encode($this->customerId); ?>'); }" class="view_text1 tooltipLink" data-placement="top" title="Delete"><i class="fa fa-minus-circle"></i></a>
</td>
</tr>
<?php }
else : ?>
<tr>
<td align="center" colspan="4"><strong>No record found</strong></td>
</tr>
<?php endif; ?>
</tbody>
</table>
</div>
</div>
<div class="panel-box clearfix">
<?php if (!empty($this->paginator) ) { ?>
<?php echo $this->paginationControl($this->paginator, 'Sliding', 'pagination.phtml'); ?>
<?php } ?>
</div>
</div>
</div>
<!-- Main Content Element End-->
</div>
</div>
<?php echo $this->render('copyrightfooter.phtml'); ?>
<!--Page main section end -->
<div class="modal fade" id="myModa1vewDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" style="width:90%;">
<div class="modal-content">
<div class="modal-header no-border-btm" style="position:relative; padding-bottom:0px;">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position:absolute; right:20px; top:15px;">×</button>
<div class="clear"></div>
</div>
<div class="modal-body">
<div id="main-content">
<div class="container-fluid">
<!--Top header start-->
<div class="col-md-2 no-padding">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body text-center whbg border-bottom"> <a href="#"><img src="assets/images/logo-client.jpg" alt="logo" style="max-width:80%;"></a> </div>
<div class="panel-body text-center whbg " style="padding-top:0;"> <strong class="orange"> Kapp Soft pvt. ltd.</strong> <br>
Plot No.56 (Indo Asia Building),
Institutional Area,
Sector 44,
Gurgaon, Haryana (India) </div>
</div>
</div>
</div>
<div class="col-md-10">
<div class="panel panel-default">
<div class="panel-body whbg">
<div class="col-md-6 pull-left no-padding ">
<p style="font-size:12px; line-height:40px;"> <span style="margin:0 10px 0 0;">Quotation ID : <span class="graytxt">#08887</span></span> <span style="margin:0 10px 0 0;">Version : <span class="graytxt">1.0</span> </span> <span style="margin:0 10px 0 0;">Contact No : <span class="graytxt">9999999999</span> </span> <span style="margin:0 10px 0 0;">Package ID : <span class="graytxt">#08887</span></span> </p>
</div>
<div class="col-md-6 pull-right no-padding " align="right"> <a href="#">
<div class="btn btn-defaultWhite btn-small"><i class="fa fa-user"></i></div>
</a> <a href="#">
<div class="btn btn-defaultWhite btn-small"><i class="fa fa-edit"></i></div>
</a> <a href="#">
<div class="btn btn-defaultWhite btn-small"><i class="fa fa-download"></i>
<!--Brochure-->
</div>
</a> <a href="#">
<div class="btn btn-defaultWhite btn-small"><i class="fa fa-exchange"></i> Compare
<!--This Plane-->
</div>
</a>
<div class="btn-group">
<button type="button" class="btn btn-defaultWhite dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-share"></i> Share <span class="caret"></span> </button>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa fa-envelope"></i> Mail</a></li>
<li><a href="#"><i class="fa fa-facebook"></i> Facebook</a></li>
<li><a href="#"><i class="fa fa-twitter"></i> Twitter</a></li>
<li><a href="#"><i class="fa fa-google-plus"></i> Google Plus</a></li>
<li><a href="#"><i class="fa fa-linkedin"></i> Linkedin</a></li>
</ul>
</div>
<a href="#">
<div class="btn btn-danger btn-small"><span class="glyphicon glyphicon-remove"></span></div>
</a>
</div>
<div class="col-md-12 " style="background:#f9f9f9; color:444 !important; font-weight:300; border-color:#f1f1f1; padding-bottom:15px; padding-top:15px;">
<h2 style="margin-top:0;">Package Name (Standard) <span class="small">6 Nights 7 Days</span></h2>
<div class="clear"></div>
<div class="col-md-3 no-padding" style="padding-right:15px !important;">
<h4>Starting from (Dubai) to (Dubai)</h4>
<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 class="clear"></div>
<div class="form-group">
<label><strong>Trip Start 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-3 ">
<h4 style="color:#fdac4c; font-size:20px;"><span> Price </span> <span class="small ">Per Adult</span> <span class="t text-info"> <span class="fa fa-inr "></span> 25000</span></h4>
<div class="clear"></div>
<h4 style="color:#fdac4c; font-size:20px;"><span> Price </span> <span class="small ">Per Kids</span> <span class=" text-info"> <span class="fa fa-inr "></span> 12500</span></h4>
<p style="padding-top:10px;">
<strong>Price Include:</strong><br>
3 Activities, 2 Hotel, 2 Transporters<br>
Return fare, Insurance, Visa
</p>
</div>
<div class="col-md-5 ">
<h4 style=" font-size:20px;"><span> Total </span> <span class="small "> Price</span> <span class="text-info"> <span class="fa fa-inr "></span> <span>50,000</span></span></h4>
<h4 style=" font-size:20px;"><span> Book </span> <span class="small ">now pay 10% </span> <span class="text-info"> <span class="fa fa-inr "></span> <span>5000</span></span></h4>
<p>
<strong>Deal :</strong> Use coupon code <span class="large text-danger">"zhdy765"</span>
(to get discount of INR 2000)
</p>
</div>
<div class="col-md-1 no-padding " align="right">
<button class="btn btn-primary ">Book Now</button>
<div class="clear" style="padding-top:10px;"></div>
<button class="btn btn-success">Enquire</button>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!--Top header end -->
<div class="col-md-12">
<div class="sale-widget">
<!-- Nav tabs -->
<ul class="nav nav-tabs icon-tab icon-tab-home nav-justified">
<li class="active"><a href="#monthly" data-toggle="tab"><i class="fa fa-tag"></i> <span> Offer 1 </span> <span class="fa fa-inr large"></span> <span class="large">25000</span></a></li>
<li><a href="#yearly" data-toggle="tab"><i class="fa fa-tag"></i> <span>Offer 2 </span> <span class="fa fa-inr large"></span> <span class="large">25000</span></a></li>
<li><a href="#product" data-toggle="tab" data-identifier="heroDonut"><i class="fa fa-tag"></i> <span>Offer 3 </span> <span class="fa fa-inr large"></span> <span class="large">25000</span></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade in active" id="monthly">
<div class="col-md-12 no-padding">
<div class="clear"> </div>
<div class="col-md-9 no-padding">
<div class="col-md-12 text-right"> <a href="viewFinalpackagemail.html" class="btn btn-primary btn-sm">Day</a><a href="viewFinalpackageWeekmail.html" class="btn btn-default btn-sm">Week</a><a href="viewFinalpackageOverviewmail.html" class="btn btn-default btn-sm">Overview</a><a href="viewFinalpackageProfilemail.html" class="btn btn-default btn-sm">Trip Profile</a> </div>
<div class="col-md-12">
<div class="alert " style="background:#f9f9f9; color:444 !important; font-weight:300; border-color:#f1f1f1;">
<!--<div class="col-md-2 text-center no-padding">
<div class="col-md-12 no-padding margin-top-bot small"><i class="fa fa-plane"></i> <i class="fa fa-long-arrow-right"></i> SRN</div>
<div class="col-md-day fa-border no-padding">
<span class="col-md-dayTop">SRN</span>
<a href="#" class="col-md-dayNavActive">M 5/23</a>
<a href="#" class="col-md-dayNav">T 5/24</a>
<a href="#" class="col-md-dayNav">W 5/25</a>
<a href="#" class="col-md-dayNav">T 5/26</a>
<a href="#" class="col-md-dayNav">F 5/27</a>
<a href="#" class="col-md-dayNav">S 5/28</a>
</div>
<div class="col-md-12 no-padding margin-top-bot small">SRN <i class="fa fa-long-arrow-right"></i> <i class="fa fa-plane"></i></div>
</div>-->
<div class="col-md-4" style="padding-left:0;">
<div class="col-md-12 text-center no-padding fa-border" style="line-height:30px;"><i class="fa fa-caret-left pull-left btn btn-primarygray"></i><span style="margin-bottom:10px;"><strong>Day 1</strong> of <strong>6</strong> (Monday - May. 23)</span><i class="fa fa-caret-right pull-right btn btn-defaultWhite"></i></div>
<div class="col-md-12 whbg">
<ul class="sortable packagesort">
<li>
<div class="dayPackage-line">
<div class="dayPackage-lineInblue">
<div class="col-md-2 no-padding text-center"><i class="fa fa-plane large-icon"></i></div>
<div class="col-md-10"><strong>Arriving in Srinagar</strong><br />
<span class="small">7:00 AM <a data-toggle="modal" data-target="#myModalflightChange" href="javascript:void(0);"><i class="fa fa-pencil"></i></a></span>
</div>
<i class="fa fa-angle-double-right arrowpos"></i>
<div class="clear"></div>
</div>
</div>
</li>
</ul>
<ul class="sortable sortable1 packagesort">
<li>
<div class="dayPackage-line">
<div class="dayPackage-lineInblue">
<div class="col-md-2 no-padding text-center"><i class="fa fa-building blue large-icon"></i></div>
<div class="col-md-10"><strong>Check In City Grace Hotel</strong><br />
<span class="small">3 <img src="assets/images/packStar_Orange.png"></span><span class="small pull-right"><a data-toggle="modal" data-target="#myModalhotelView" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">View</a> | <a data-toggle="modal" data-target="#myModalhotelChange" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">Change</a></span>
</div>
<i class="fa fa-angle-double-right arrowpos"></i>
<div class="clear"></div>
</div>
</div>
</li>
<li>
<div class="dayPackage-line">
<div class="dayPackage-lineIngreen">
<div class="col-md-2 no-padding text-center"><i class="fa fa-bell green large-icon"></i></div>
<div class="col-md-10"><strong>Shankaracharya Temple</strong><br />
<span class="small">(Optional)</span><span class="small pull-right"><a data-toggle="modal" data-target="#myModalhotelView1" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">View</a> | <a data-toggle="modal" data-target="#myModalhotelView1" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">Add</a></span>
</div>
<i class="fa fa-angle-double-right arrowpos"></i>
<div class="clear"></div>
</div>
</div>
</li>
<li>
<div class="dayPackage-line">
<div class="dayPackage-lineInred">
<div class="col-md-2 no-padding text-center"><i class="fa fa-image maroon large-icon"></i></div>
<div class="col-md-10"><strong>Meadow of Flowers, Gulmarg</strong><br />
<span class="small">(Included)</span><span class="small pull-right"><a data-toggle="modal" data-target="#myModalhotelView2" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">View</a></span>
</div>
<i class="fa fa-angle-double-right arrowpos"></i>
<div class="clear"></div>
</div>
</div>
</li>
<li>
<div class="dayPackage-line">
<div class="dayPackage-lineInblue">
<div class="col-md-2 no-padding text-center"><i class="fa fa-image blue large-icon"></i></div>
<div class="col-md-10"><strong>Dal Lake, Srinagar</strong><br />
<span class="small">(Optional)</span><span class="small pull-right"><a data-toggle="modal" data-target="#myModalhotelView1" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">View</a> | <a data-toggle="modal" data-target="#myModalhotelView1" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">Add</a></span>
</div>
<i class="fa fa-angle-double-right arrowpos"></i>
<div class="clear"></div>
</div>
</div>
</li>
<li>
<div class="dayPackage-line">
<div class="dayPackage-lineIngreen">
<div class="col-md-2 no-padding text-center"><i class="fa fa-tint green large-icon"></i></div>
<div class="col-md-10"><strong>Sonamarg, Srinagar</strong><br />
<span class="small">(Optional)</span><span class="small pull-right"><a data-toggle="modal" data-target="#myModalhotelView1" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">View</a> | <a data-toggle="modal" data-target="#myModalhotelView1" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">Add</a></span>
</div>
<i class="fa fa-angle-double-right arrowpos"></i>
<div class="clear"></div>
</div>
</div>
</li>
<li>
<div class="dayPackage-line">
<div class="dayPackage-lineInred">
<div class="col-md-2 no-padding text-center"><i class="fa fa-picture-o maroon large-icon"></i></div>
<div class="col-md-10"><strong>Lidder River, Srinagar</strong><br />
<span class="small">(Included)</span><span class="small pull-right"><a data-toggle="modal" data-target="#myModalhotelView2" href="javascript:void(0);" class="btn btn-link" style="padding:3px 7px;">View</a></span>
</div>
<i class="fa fa-angle-double-right arrowpos"></i>
<div class="clear"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-8" style="height:500px; background:url(assets/images/googlemap.jpg) top center no-repeat; position:relative;"> <i class="fa fa-picture-o maroon large-iconmap" style="position:absolute; top:30%; left:30%;" data-target="#myModalhotelView2" data-toggle="modal"></i> <i class="fa fa-tint green large-iconmap" style="position:absolute; top:50%; left:50%;" data-target="#myModalhotelView1" data-toggle="modal"></i> <i class="fa fa-image blue large-iconmap" style="position:absolute; top:24%; left:39%;" data-target="#myModalhotelView1" data-toggle="modal"></i> <i class="fa fa-image maroon large-iconmap" style="position:absolute; top:70%; left:10%;" data-target="#myModalhotelView2" data-toggle="modal"></i> <i class="fa fa-bell green large-iconmap" style="position:absolute; top:55%; left:65%;" data-target="#myModalhotelView1" data-toggle="modal"></i> <i class="fa fa-building blue large-iconmap" style="position:absolute; top:75%; left:35%;" data-target="#myModalhotelView" data-toggle="modal"></i> </div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><strong>Chat With Agent </strong> <span class="user-status is-online"></span></h3>
<ul class="panel-control">
<!-- <li><a class="close-panel" href="javascript:void(0)"><i class="fa fa-times"></i></a></li>
<li><a class="minus" href="javascript:void(0)"><i class="fa fa-angle-up large"></i></a></li>-->
<li><a class="refresh" href="javascript:void(0)"> <i class="fa fa-comments"></i> Chat History</a></li>
<li><a class="refresh" href="javascript:void(0)"><i class="fa fa-refresh"></i></a></li>
</ul>
</div>
<div class="panel-body" style="background:#2c3e50;">
<div class="nano nano-chat-widget">
<div class="nano-content nano-chat-box">
<div class="ls-chat"> <img class="right rounded" alt="user2" src="assets/images/demo/avatar-80.png">
<div class="triangle-right"></div>
<div class="text text-right">
<p class="msg msg-alter">Hi there! <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="rounded" alt="user1" src="assets/images/demo/avatar-80.png">
<div class="triangle"></div>
<div class="text">
<p class="msg">How are you? <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="right rounded" alt="user2" src="assets/images/demo/avatar-80.png">
<div class="triangle-right"></div>
<div class="text text-right">
<p class="msg msg-alter">Fine thanks :) <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="rounded" alt="user1" src="assets/images/demo/avatar-80.png">
<div class="triangle"></div>
<div class="text">
<p class="msg">Laos alnongside many of it's Southeast Asian neighbours, is well known. <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="right rounded" alt="user2" src="assets/images/demo/avatar-80.png">
<div class="triangle-right"></div>
<div class="text text-right">
<p class="msg msg-alter">Hi there! <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="rounded" alt="user1" src="assets/images/demo/avatar-80.png">
<div class="triangle"></div>
<div class="text">
<p class="msg">How are you? <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="right rounded" alt="user2" src="assets/images/demo/avatar-80.png">
<div class="triangle-right"></div>
<div class="text text-right">
<p class="msg msg-alter">Fine thanks :) <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="rounded" alt="user1" src="assets/images/demo/avatar-80.png">
<div class="triangle"></div>
<div class="text">
<p class="msg">Laos alnongside many of it's Southeast Asian neighbours, is well known. <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="right rounded" alt="user2" src="assets/images/demo/avatar-80.png">
<div class="triangle-right"></div>
<div class="text text-right">
<p class="msg msg-alter">Sometimes! <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
<div class="ls-chat"> <img class="rounded" alt="user1" src="assets/images/demo/avatar-80.png">
<div class="triangle"></div>
<div class="text">
<p class="msg">Something :) <span class="date">May, 25 2013 2:00pm</span> </p>
</div>
</div>
</div>
</div>
<hr />
<div>
<form class="ls_form" action="#">
<div class="input-group input-group-message">
<input type="text" placeholder="Write a message" class="form-control textColor">
<span class="input-group-btn">
<button type="button" class="btn ls-light-green-btn"> <i class="fa fa-location-arrow"></i></button>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="clear"> </div>
</div>
<div class="tab-pane fade " id="yearly">
<div id="seriesToggleWidget" class="seriesToggleWidget"></div>
<ul id="choicesWidget">
</ul>
</div>
<div class="tab-pane fade" id="product">
<div id="flotPieChart" class="flotPieChartWidget"></div>
</div>
</div>
<!-- Tab End -->
</div>
</div>
</div>
<!-- Main Content Element Start-->
<!-- Main Content Element End-->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<?php include_once 'application/views/scripts/newfooter.phtml'; ?>
<script>
function deleteRemark(remarkId, customerId) {
$.ajax({
url: '/customer/delete-remark',
data: {
'id': remarkId,
'customerId': customerId
},
type: 'POST',
async: false,
dataType: 'json',
beforeSend: function(data) {
//$(".modalloader").show();
},
success: function(response) {
if (response.status == 'success') {
//alert(response.id);
$(".remarkshow_" + response.id).fadeOut('slow');
}
},
error: function() {
alert("fail : Please try after some time");
}
});
}
$(document).ready(function() {
$('.iCheck-helper').click(function() {
var parent = $(this).parent().parent();
if (parent.hasClass('flightshow')) {
$('.flightshow').trigger('click');
}
if (parent.hasClass('hotelshow')) {
$('.hotelshow').trigger('click');
}
if (parent.hasClass('hotelflightshow')) {
$('.hotelflightshow').trigger('click');
}
if (parent.hasClass('packageshow')) {
$('.packageshow').trigger('click');
}
});
});
</script>