File: /home/barbeatleanalyti/public_html/manage.beatleanalytics.com/site/template/offers.php
<!--<link rel="stylesheet" type="text/css" href="theme/black/css/tm_editable.css">
<link rel="stylesheet" type="text/css" href="theme/black/css/tm_validator.css">
<link rel="stylesheet" type="text/css" href="theme/black/css/profile.css">
<link rel="stylesheet" type="text/css" href="theme/black/css/round-button-theme.css">
-->
<link href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="theme/black/css/profile.css">
<!--<link rel="stylesheet" href="profile.css"> -->
<?php
// Declare new object
$objProfile = object;
// Assing object
$objProfile = $objDB->objController;
// Assign all variable's value
$pg = $objProfile->pg;
$acn = $objProfile->acn;
$v = $objProfile->v;
$error = $objProfile->error;
$msg = $objProfile->msg;
$login = $objProfile->login;
$profileimage = $objProfile->profileimage;
?>
<style>
.head-line{
margin-top:2px !important;
margin-bottom:2px !important;
}
.bg__{
background:rgba(179, 31, 12, 0.28) !important;
}
</style>
<div class="content-wrapper" style="height:100vw;">
<section class="content-header">
<h1> <i class="fa fa-home"></i> <strong> <span style="font-size:16px !important;" id="org-name"><?php echo $OrgName; ?></span> </strong> </h1>
<ol class="breadcrumb">
<li><a href="dashboardma.html"><i class="fa fa-home"></i> Home</a></li>
<li class="active">Offers details</li>
</ol>
</section>
<!---
<section class="content-header">
<h1>
<?php if(strtolower($v) == 'list') { ?> Profile details.
<?php }?>
</h1>
</section>---->
<div class="col-md-12">
<?php
// Error or success message display
$objDB->NotificaitonForResult($msg,$error);
?>
</div>
<section class="content">
<div class="row">
<div class="col-md-12">
<?php if($v == 'list') {
$SQL = "SELECT * FROM beatle_offers WHERE orgid = ".$_SESSION['OtherInfo']['OrgID']." ORDER BY startdate DESC";
$rsOfferData = $objDB->sql_query($SQL);
$rsCustomerInfo = $objProfile->searchCustomerData();
?>
<div class="bx-box footer-box main-br">
<div class="box-header bx-box hed-line">
<h3 class="box-title">Search customer here</h3>
</div>
<div class="box-body main">
<div class="box-body col-md-4">
<form onsubmit="javascript: return frmValidateSearch()" name="frmCustomerSearch" id="frmCustomerSearch" class="bs-example form-horizontal ng-pristine ng-valid" method="post" action="offers.html" enctype="multipart/form-data" >
<input type="hidden" name="acn" value="searchCustomerData" id="acn" />
<input type="hidden" name="v" value="list" id="v" />
<input type="hidden" name="pg" value="offers" id="pg" />
<div class="row">
<div class="offer_serch_01">
<div class="col-md-3">
<button type="button" class="btn btn-default btn-warning btn-lg offer_upload_01" data-toggle="modal" data-target="#modal-default" style="color:#fff;"> <i class="fa fa-fw fa-cloud-upload upload_icon"></i> Upload your Offer </button>
</div>
<div class=" col-md-12 pull-left text-right serch_id_ph ">
<label>User id , Phone Number</label>
<input type="text" value="<?php echo @$_POST['userid']?>" class="search" name="userid" id="userid" placeholder=" Enter User ID, Phone number" style="width: 100%;padding: 5px 9px;font-size: 15px; border-radius: 3px; border: 1px solid #DDD;}">
</div>
<div class="col-md-12 pull-left text-right serch_tokan">
<label>Tokan Number</label>
<input type="text" value="<?php echo @$_POST['tokenid']?>" class="search" name="tokenid" id="tokenid" placeholder="Enter Token Number" style="width: 100%;padding: 5px 9px;font-size: 15px; border-radius: 3px; border: 1px solid #DDD;}">
<?php if(!empty($_POST['tokenid'])) {?><i onclick="javascript: return removeTokenid()" title="Delete token number." style="font-size:25px; color:#d2211b; cursor:pointer;" class="fa fa-times" aria-hidden="true"></i> <?php } ?>
</div>
<div class="col-md-3 serch_btn_offer">
<a href="#" onclick="javascript: return frmValidateSearch()" class="btn btn-block btn-primary"> <i class="fa fa-search" aria-hidden="true"></i>
Search </a>
</div>
<div class="col-md-3 reset_btn_offer">
<a href="offers.html" class="btn btn-block btn-danger "> <i class="fa fa-refresh" aria-hidden="true"></i> Reset</a>
</div>
</div>
<script>
function frmValidateSearch(){
var uid = document.getElementById('userid');
var tid = document.getElementById('tokenid');
if(uid.value.trim() == ''){
uid.style.border = '1px solid red';
return false;
}
document.getElementById('frmCustomerSearch').submit();
}
function removeTokenid(){
document.getElementById('tokenid').value = "";
document.getElementById('frmCustomerSearch').submit();
}
function validateCusOffer(appid){
var aid = document.getElementById('readeempoint_'+appid);
var avlpoint = document.getElementById('avail_point_'+appid).value.trim();
var custid = document.getElementById('custid_'+appid).value.trim();
aid.value.trim() > avlpoint
if(aid.value.trim() == ''){
aid.style.border = '1px solid red';
return false;
}else if(parseInt(aid.value.trim()) > parseInt(avlpoint)){
alert('Insufficient points');
return false;
}else{
if(!confirm('Are you sure to submit value')){
return false;
}
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
if(this.responseText == 0){
alert('Offer applied successfuly to customer!');
window.location.href = 'offers.html';
}else{
alert('Something woring to apply offers, please try again!');
window.location.href = 'offers.html';
}
//document.getElementById("festival-banner").innerHTML = this.responseText;
}
};
xhttp.open("GET", "runajax.php?acn=applyoffertocustomer&applyid="+appid+"&custid="+custid+"&readeempoint="+aid.value.trim(), true);
xhttp.send();
}
}
</script>
</div>
</form>
</div>
<div class="col-md-8 ">
<?php
if(count($rsCustomerInfo) > 0 ) {
?>
<?php //echo pagination_log($s,$perpage,$start,$nume,$totalpage,$pg,$v); ?>
<?php
}
?>
<div class="col-md-12">
<div class="table-responsive">
<table class="table table-striped table-bordered offer_serch_res">
<tbody>
<tr>
<th class="text-center">User ID</th>
<th class="text-center">Name</th>
<th class="text-center">Point</th>
<th class="text-center">Token No.</th>
<th class="text-center">Request date</th>
<th class="text-center">Status</th>
<th class="text-center">Action</th>
</tr>
<?php
//print_r($_SESSION);
//echo "<pre>";
//print_r($rsCustomerInfo);
//echo "</pre>";
if(count($rsCustomerInfo)>0){
if(!empty($FromDate))
$lnk = "&FromDate=".$FromDate;
if(!empty($ToDate))
$lnk .= "&ToDate=".$ToDate;
for ($i=0;$i< count($rsCustomerInfo);$i++)
{
if($i%2)
$bgclass='altrow';
else
$bgclass='oddrow';
$datetime = strtotime(date("Y-m-d H:i:s"));
$intime = 'N';
// && strtotime($rsOfferData[$i]['expire_time']) > $datetime
if((int)strtotime($rsCustomerInfo[$i]['added_date']) <= (int)$datetime && (int)strtotime($rsCustomerInfo[$i]['expire_time']) >= (int)$datetime){
$intime = 'Y';
}
$style_ = '';
if($rsCustomerInfo[$i]['approved'] == 'Y'){
$style_ = 'style="background-color:rgba(107, 177, 107, 1) !important; color:#fff;"';
}else if($intime == 'N') {
$style_ = 'style="background-color:rgba(179, 31, 12, 0.70) !important; color:#fff;"';
}
?>
<tr class="<?php echo $bgclass;?>" >
<td <?php echo $style_; ?> class="text-center"><label name="User ID"><?php echo $rsCustomerInfo[$i]['db_phone']; ?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="Name"><?php echo $rsCustomerInfo[$i]['db_username']; ?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="Points"><?php echo $totalPoints = $objProfile->fetchTotalBonus($rsCustomerInfo[$i]['userId']);?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="token number"><?php echo $rsCustomerInfo[$i]['tokenid']; ?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="date"><?php echo date("d/m/Y h:i:s A",strtotime($rsCustomerInfo[$i]['added_date']))." - ".date("d/m/Y h:i:s A",strtotime($rsCustomerInfo[$i]['expire_time'])); ?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="action">
<?php if($intime == 'Y') {
echo '<i style="font-size:25px; color:#217123;" class="fa fa-check" aria-hidden="true"></i>';
}else {
echo '<i style="font-size:25px; color:#d2211b;" class="fa fa-times" aria-hidden="true"></i>';
}?>
</label></td>
<td <?php echo $style_; ?> class="text-center">
<?php if($rsCustomerInfo[$i]['approved '] == 'Y') { ?>
<a data-toggle='modal' class="btn btn-info" data-target='#<?php echo "modal_".$rsCustomerInfo[$i]['applyid'];?>' href=''> DONE </a>
<?php }else{ ?>
<a data-toggle='modal' class="btn btn-info" data-target='#<?php echo "modal_".$rsCustomerInfo[$i]['applyid'];?>' href=''> Apply </a>
<?php } ?>
</td>
<div class="modal" id="<?php echo "modal_".$rsCustomerInfo[$i]['applyid'];?>" style="padding-right: 17px;">
<div class="modal-dialog" style="width:70% !important;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">More details</h4>
</div>
<div class="modal-body">
<h3> CUSTOMER DETAILS </h3>
<?php $SQL = "SELECT * FROM beatle_offers WHERE offerid = ".$rsCustomerInfo[$i]['offerid']." AND orgid = ".$_SESSION['OtherInfo']['OrgID']." ORDER BY startdate DESC";
$rsOfferDataCustomer = $objDB->sql_query($SQL);
?>
<div style="background:#fff !important; padding:10px;">
<h4> <p> <strong>Avilable Points : </strong> <?php echo $totalPoints; ?> </p> </h4>
<p> <strong>Name : </strong> <?php echo $rsCustomerInfo[$i]['db_username']; ?> </p>
<p> <strong>User ID : </strong> <?php echo $rsCustomerInfo[$i]['db_phone']; ?> </p>
<p> <strong>Token ID : <?php echo $rsCustomerInfo[$i]['tokenid']; ?> </strong></p>
<p> <strong>Point require : </strong> <?php echo $rsOfferDataCustomer[0]['spoint']. " - ".$rsOfferDataCustomer[0]['epoint']; ?> </p>
<?php
if($intime == 'Y' && $rsCustomerInfo[$i]['approved'] == 'N') {
?>
<p> <strong>Enter points : <input id="readeempoint_<?php echo $rsCustomerInfo[$i]['applyid']; ?>" name="pointval" type="text" />
<input type="button" name="btn-sub" onclick="javascript: validateCusOffer(<?php echo $rsCustomerInfo[$i]['applyid']; ?>)" class="btn btn-sm btn-success" value=" Apply offer now" /> </strong></p>
<?php } ?>
<input type="hidden" id="avail_point_<?php echo $rsCustomerInfo[$i]['applyid']; ?>" name="point" value="<?php echo $totalPoints; ?>" >
<input type="hidden" id="custid_<?php echo $rsCustomerInfo[$i]['applyid']; ?>" name="custid" value="<?php echo $rsCustomerInfo[$i]['userId']; ?>" >
</div>
</div>
<div class="modal-body">
<h3> OFFER APPLIED FOR</h3>
<?php $SQL = "SELECT * FROM beatle_offers WHERE offerid = ".$rsCustomerInfo[$i]['offerid']." AND orgid = ".$_SESSION['OtherInfo']['OrgID']." ORDER BY startdate DESC";
$rsOfferDataCustomer = $objDB->sql_query($SQL);
?>
<div style="background:#ffffea !important; padding:10px;"> <p> <strong>Title : </strong> <?php echo $rsOfferDataCustomer[0]['title']; ?> </p>
<p> <strong>Offer Validity : </strong> <?php echo date("d/m/Y H:i A",strtotime($rsOfferDataCustomer[0]['startdate'])). " to ".date("d/m/Y H:i A",strtotime($rsOfferDataCustomer[0]['enddate'])) ; ?> </p>
<p> <strong>Point require : </strong> <?php echo $rsOfferDataCustomer[0]['spoint']. " - ".$rsOfferDataCustomer[0]['epoint']; ?> </p>
<p> <strong>Description : </strong> <?php echo $rsOfferDataCustomer[0]['description']; ?> </p>
<p style="text-align:center;"><img style="width:70% !important; height:250px !important;<?php echo $style; ?>" class="card-bkimg" alt="" src="<?php echo OFFER_BANNER_ROOT.$rsOfferDataCustomer[0]['offer_image']?>"></p> </div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
<!--<button type="button" class="btn btn-primary">Save changes</button> -->
</div>
</div>
<!-- /.modal-content -->
</div>
</div>
</tr>
<?php }
}else{
?>
<tr class="altrow no_record" > <td colspan="10" align="center"><img src="theme/black/images/no-record-found.png"> </td> </tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
<?php
if(count($rsCustomerInfo) > 0 ) {
?>
<?php //echo pagination_log($s,$perpage,$start,$nume,$totalpage,$pg,$v); ?>
<?php
}
?>
</div>
<hr class="border_01">
<div class="col-md-12 offer_list">
<h3 class="offer_list_title" > <i class="fa fa-fw fa-hand-o-right"></i> Offer Status</h3>
<style>
.card{padding:5px;margin-top: 5px;}
.card-bkimg:hover{filter:none !important;}
</style>
<?php
//echo "<pre>";
//print_r($rsOfferData);
//echo "</pre>";
if(count($rsOfferData) > 0) { ?>
<div class="table-offer">
<div class="col-md-12 no-padding">
<div class="">
<table id="example90" class="display nowrap" style="width:100%">
<thead>
<tr class="">
<th class="col-md-1 text-center">Offer ID</th>
<th class="col-md-2 text-center">Offer Title</th>
<th class="col-md-2 text-center">Organization</th>
<th class="col-md-2 text-center">Branch</th>
<th class="col-md-2 text-center">Industry</th>
<th class="col-md-1 text-center">Value – in terms of Bonus Points</th>
<th class="col-md-1 text-center">Date of Activation</th>
<th class="col-md-1 text-center">Status</th>
</tr>
</thead>
<tbody>
<?php for($i=0; $i<count($rsOfferData); $i++) { ?>
<tr class="oddrow" data-toggle="modal" data-target="#modal-default-<?php echo $rsOfferData[$i]['offerid'];?>">
<td class="col-md-1 text-center"><?php echo $rsOfferData[$i]['offeruid']; ?></td>
<td class="col-md-2 text-center"><?php echo $rsOfferData[$i]['title'];?></td>
<td class="col-md-2 text-center"><?php echo $orgName = $objProfile->FetchOrganizationName($rsOfferData[$i]['orgid']);?></td>
<td class="col-md-2 text-center"> - </td>
<td class="col-md-2 text-center"> - </td>
<td class="col-md-1 text-center"><?php echo $rsOfferData[$i]['epoint'];?></td>
<td class="col-md-1 text-center"><?php echo date("d/m/Y",strtotime($rsOfferData[$i]['startdate']));?></td>
<td class="col-md-1 text-center"><?php if($rsOfferData[$i]['active'] == 'Y') echo 'Active'; else echo 'Not Active';?></td>
<!--<th class="col-xs-2 col-sm-1 col-md-2 text-center"><?php echo $rsOfferData[$i]['title'];?></th> -->
</tr>
<div class="modal fade in" id="modal-default-<?php echo $rsOfferData[$i]['offerid'];?>" style="display: none; padding-right: 17px;">
<div class="modal-dialog" style="width: 50%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Offers - #<?php echo $rsOfferData[$i]['offeruid'];?></h4>
</div>
<div class="modal-body">
<div class="col-md-12">
<div class="box box-success box-solid">
<div class="box-header with-border">
<h3 class="box-title"> <?php echo $rsOfferData[$i]['title'];?> </h3>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="box-body sub">
<div class="card-img">
<div class="card" style="text-align:center;" id="festival-banner"><img style="width:100% !important; height:250px !important; " class="card-bkimg" alt="" src="<?php echo OFFER_BANNER_ROOT.$rsOfferData[$i]['offer_image']?>"></div>
</div>
<div class="card-info">
<div class="validity"> <strong>Organization Name : </strong> <span> <?php echo $orgName;?> </span></div>
<div class="validity"> <strong>Industry Name : </strong> <span> - </span></div>
<div class="validity"> <strong>Branch Name : </strong> <span> - </span></div>
<div class="validity"> <strong>Offer Validity : </strong> <span> <?php echo date("d/m/Y H:i A",strtotime($rsOfferData[$i]['startdate'])). " to ".date("d/m/Y H:i A",strtotime($rsOfferData[$i]['enddate'])) ; ?> </span> </div>
<div class="validity"> <strong>Point require : </strong> <span> <?php echo $rsOfferData[$i]['epoint'];?> </span></div>
<div class="descri"> <strong>Description : </strong> <span> <?php echo $rsOfferData[$i]['description'];?> </span> </div>
</div>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<div class="modal-footer">
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<?php } ?>
</tbody>
</table>
<style>
</style>
</div>
</div>
</div>
<!-- hovercard -->
<!--<div class="bx-box footer-box main-br">
<div class="box-header bx-box hed-line">
<h3 class="box-title">All offers data</h3>
</div>
<div class="box-body main">
<?php for($i=0; $i<count($rsOfferData); $i++) {
$datetime = strtotime(date("Y-m-d H:i:s"));
$style = 'filter:grayscale(80%) blur(1px);';
if((int)strtotime($rsOfferData[$i]['startdate']) <= (int)$datetime && (int)strtotime($rsOfferData[$i]['enddate']) >= (int)$datetime){
$style = '';
}
?>
<div class="col-md-3">
<div class="bx-box footer-box offer-data" data-toggle="modal" data-target="#modal-default5">
<div class="box-header ui-sortable-handle bx-box" style="cursor: move;border-radius:0px;">
<i class="ion ion-clipboard"></i>
<h3 class="box-title" style="width:100%;"> <div class="title"> <strong>Title : </strong> </div> <div> <?php echo $rsOfferData[$i]['title']; ?> </div></h3>
</div>
<div class="box-body sub">
<div class="card-img">
<div class="card" style="text-align:center;" id="festival-banner"><img style="width:100% !important; height:250px !important;<?php echo $style; ?>" class="card-bkimg" alt="" src="<?php echo OFFER_BANNER_ROOT.$rsOfferData[$i]['offer_image']?>"></div>
</div>
<div class="card-info">
<div class="validity"> <strong>Offer Validity : </strong> </div> <div> <?php echo date("d/m/Y H:i A",strtotime($rsOfferData[$i]['startdate'])). " to ".date("d/m/Y H:i A",strtotime($rsOfferData[$i]['enddate'])) ; ?> </div>
<div class="validity"> <strong>Point require : </strong> </div> <div> <?php echo $rsOfferData[$i]['spoint']. " - ".$rsOfferData[$i]['epoint']; ?> </div>
<div class="descri"> <strong>Description : </strong> </div> <div> <?php echo $rsOfferData[$i]['description']; ?> </div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div> -->
<br />
<?php } else { ?>
<div class="box box-primary card hovercard " style="border:none; border:1px solid #ae3c3c;">
<div class="card no_any_offer" id="festival-banner "><div align="center"><img src="theme/black/images/no-offerfound.png"> </div></div>
</div>
<br />
<?php }?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
</div>
<!-- Other Libraries -->
<!---<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>------>
<!-- Tm Library -->
<!--
<script type="text/javascript" src="theme/black/js/tm_validator.js"></script>
<script type="text/javascript" src="theme/black/js/tm_editable.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#text_demo, #textarea_demo, #checkbox_demo, #select_demo, .width_auto_demo').tm_editbale('init',{
theme:'round-button-theme',
outside_btn:{
onshow:" <i class='fa fa-pencil'></i> ",
new_line:false,
onhover:''
},
inside_btn:{
new_line:false,
ok:"<i class='fa fa-check'></i>",
cancel:"<i class='fa fa-times'></i>"
}
});
setTimeout(function(){
$('#radio_demo').tm_editbale('init',{
theme:'round-button-theme',
outside_btn:{
onshow:" <i class='fa fa-pencil'></i> ",
new_line:false,
onhover:''
},
inside_btn:{
new_line:false,
ok:"<i class='fa fa-check'></i>",
cancel:"<i class='fa fa-times'></i>"
}
});
},350);
});
</script> -->
<style>
.card.no_any_offer img {
width: 40%;
padding: 36px 0;
}
.box-body.sub { background: #fff;}
.box-header.ui-sortable-handle { background: #d0c9c9;}
.bx-box { border-top-right-radius: 10px !IMPORTANT; border-top-left-radius: 10px;}
.card-info { color: #000;}
.bx-box.footer-box.offer-data {
border: 3px solid black;
margin-bottom: 14px;
}
.box-body.sub { margin-bottom: 20px;}
.card-info { color: #000; margin: 6px 0 0 0;}
.box-body.main { background: #FFF;}
.main-br { margin-bottom: 15px;}
</style>
<div class="modal fade in" id="modal-default" style="display:none; padding-right: 17px;">
<div class="modal-dialog products-add " style="width:55%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title" style="text-align:center;"> Offer Upload </h4>
</div>
<div class="modal-body">
<p>
<form name="frmOffers" id="frmOffers" action="offers.html?pg=offers&acn=addOffersTempData" method="post" class="form-horizontal" enctype="multipart/form-data">
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="product_name">Title</label>
<div class="col-md-6">
<input id="title" name="title" placeholder="Offers title" class="form-control input-md" type="text">
</div>
</div>
<script>
$(document).ready(function(e) {
$('#validity').daterangepicker()
});
</script>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="product_categorie">Offers validity</label>
<div class="col-md-6">
<input id="validity" name="validity" placeholder="Offers validity" class="form-control input-md" type="text">
</div>
</div>
<!-- Textarea -->
<div class="form-group">
<label class="col-md-4 control-label" for="product_description">Points </label>
<div class="col-md-3">
<input id="pointfrom" name="pointfrom" placeholder="Starting point" class="form-control input-md" value="1" type="hidden">
<input id="pointto" name="pointto" placeholder="Till point" class="form-control input-md" type="text">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="percentage_discount">Description</label>
<div class="col-md-6">
<textarea rows="6" cols="12" class="form-control input-md" name="description" id="description"></textarea>
</div>
</div>
<!-- File Button -->
<div class="form-group">
<label class="col-md-4 control-label" for="filebutton"> Upload offer images/banner </label>
<div class="col-md-4 product-file custom-upload">
<!-- <input id="filebutton" name="filebutton" class="input-file" type="file" style="padding: 8px 0; font-size:18px;">-->
<label id="filebutton" for="file-upload" class="custom-file-upload">
<i class="fa fa-cloud-upload"></i> Photo Upload
</label>
<input name="filebutton" id="file-upload" type="file"/>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label" for="filebutton"></label>
<div class="col-md-4 product-file terms">
<input class="terms-and-condition" id="terms" name="terms" type="checkbox"> Agree with terms and condition
</div>
</div>
<div class="form-group">
<div class="col-md-12" style="text-align:center;">
<input type="submit" id="singlebutton" name="singlebutton" class="btn btn-warning btn-lg producat-upload" value="Upload Offers">
</div>
</div>
</form>
</p>
</div>
<!--- <div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>---->
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-----offer_list_table--->
<script>
$(document).ready(function() {
$('#example90').DataTable( {
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
"scrollY": 650,
"scrollX": true
} );
} );
</script>
<!-----table--->
<style>
div.dataTables_wrapper { width: 100% !IMPORTANT; margin: 0 auto; padding: 0px !IMPORTANT;}
.dataTables_scrollHeadInner { padding: 0px !IMPORTANT; width: 100% !IMPORTANT;margin: 0 auto !IMPORTANT;}
table.display.nowrap.dataTable.no-footer {width: 100% !IMPORTANT; text-align: center !IMPORTANT; margin: 0 auto;padding: 0pc;}
table.display.nowrap.dataTable.no-footer thead th {text-align: center;}
.dataTables_scrollBody { height: auto !IMPORTANT; max-height: 50vw !IMPORTANT;}
.dataTables_scroll { border: 1px solid #909090; border-radius: 3px;}
table.table.table-bordered td { WIDTH: 71PX;}
table.table.table-bordered td { margin: 0px !IMPORTANT; padding: 0px;}
table.display.nowrap.dataTable.no-footer thead th {font-weight: 100 !IMPORTANT;}
table.dataTable thead th, table.dataTable thead td {
border-bottom: 0px solid #111;
}
</style>