Subversion Repositories SmartDukaan

<style>

.row{

	margin:0 auto;

}

.modal-content{

		background : white;

	}

	.modelHeaderCustom{

		font-size:14px;

		font-weight:bold;

	}

	.border-highlight{

		border : 3px solid red;

	}

	hr{

		background-color:#007aff;

		border:none;

		height:1px;

		background:#007aff;

	}

	.table-striped > tbody > tr:nth-child(odd) > td{

  		background: #f2f2f2;

  		background-color: #f2f2f2;

	}

	.table-striped > tbody > tr:nth-child(even) > td{

  		background:  #f2f2f2;

  		background-color: #f2f2f2;

	}

	.control-label {

		margin-top: 0;

    	margin-bottom: 0;

    	padding-top: 7px;

    	font-weight:bold;

    	font-size:14px;

	}

	.form-group{

		border-bottom: 1px solid #eff2f7;

    	padding-bottom: 15px;

    	margin-bottom: 15px;

	}

	.right{

		float:right;

	}

	.form-control{

		color:black;

		text-transform:uppercase;

	}

.table-align-center{

	text-align:center;

}

</style>

<script type="text/javascript">

var customRetailers = ${customRetailers};

	$("#partnerFofoId").typeahead({

	  source: customRetailers,

	  autoSelect: true,

	  displayText:function(item){return item.businessName + "-" + item.address.city;},

	  afterSelect:	function(currentItem){

	  					currentFofoId = currentItem.partnerId;

	  				}

	});

</script>

<section class="wrapper">

	<div class="row">

		<div class="col-lg-12">

			<h3 class="page-header"><i class="icon_document_alt"></i>PROMOTER</h3>

			<ol class="breadcrumb">

				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>

				<li><i class="icon_document_alt"></i>CREATE</li>						  	

			</ol>

		</div>

	</div>

	<form id="promoter-info-form">

		<div id="promoter-details" style="background:white;background-color:white;padding:10px;">

			<h4 class="modelHeaderCustom" style="font-size:22px;">Promoter Information</h4>

			<div>

				<div class = "row">

					<div class="col-lg-2 form-group">

					   	<input placeholder="Name" id="promoterName" name="promoterName" type="text" value="" class="form-control input-sm">

					</div>

					<div class="col-lg-2 form-group">

					   	<input placeholder="email" id="promoterEmail" name="promoterEmail" type="text" value="" class="form-control input-sm">

					</div>

					<div class="col-lg-2 form-group">

					   	<input placeholder="mobile" id="promoterMobile" maxlength="10" name="promoterMobile" type="number" value="" class="form-control input-sm">

					</div>

					<div class="col-lg-2">

						<select class="form-control input-sm" id ="tag-listing-brands" placeholder="Brands" >

							<option value="" disabled selected>Brands</option>

							#foreach($brand in $brands)

								<option value="$brand">$brand</option>

							#end

						</select>

					</div>

					<div class="col-lg-2">

					<div class="input-group">

			    	<input id="partnerFofoId" type="text" class="typeahead form-control form-control-sm" placeholder="Search Partner by Store" data-provide="typeahead" 

			    	 #if(${retailerName}) value="${retailerName}" #end

			    	 autocomplete="off"/>

			    	  </div> 

			    	  </div>

					<div class="col-lg-2">

						<input class="btn btn-primary create-promoter"  type="button" style="width:100%;border-radius:0px;" value="Create Promoter">	

					</div>

				</div>

				</div>

		</div>

		</div>

	</form>

	<div id="promoter-Info-table">

		<div class="row">

	    	<div class="col-lg-12">

	    		<table class="table table-striped table-advance table-hover">

	    			<tbody>

	    				<tr>

	    					<th>Id</th>

	    					<th>Name</th>

	    					<th>email</th>

	    					<th>mobile</th>

	    					<th>Brand</th>

	    					<th>Partner Name</th>

	    					<th colspan = 2>Status</th>

	    				</tr>

	    					#if(!$promoterInfo.isEmpty())

			    			#foreach( $request in $promoterInfo )

			    				<tr class="promoterInfo" data="$request.getId()">

			    					<td>$request.getId()</td>

			    					<td>$request.getName()</td>

			    					<td>$request.getEmail()</td>

			    					<td>$request.getMobile()</td>

			    					<td>$request.getBrand()</td>

			    					#if($partnersMap.get($request.getRetailerId()))

			    					<td>$partnersMap.get($request.getRetailerId()).getBusinessName()</td>

			    					#else

			    					<td> null </td>

			    					#end

			    					<td><button class="btn btn-primary updatePromoterdetail"  data-requestid="$request.getId()"  data-name="$request.getName()" data-brand="$request.getBrand()" data-partner ="$partnersMap.get($request.getRetailerId()).getBusinessName()" data-email="$request.getEmail()" data-mobile="$request.getMobile()"type="button" style="width:100%;border-radius:0px;">Update</button>

								     </td>

								     <td><button class="btn btn-primary removePromoter" data-requestid="$request.getId()"  type="button" style="width:100%;border-radius:0px;">Remove</button>

								     </td>

			    				</tr>	

			    	   #end

		    			#else

		    				<tr>

		    					<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>

		    				</tr>

		    			#end

	    			</tbody>

	    		</table>

	    	</div>

	    </div>

    </div>

    #if(!$promoterInfo.isEmpty())

    	<div class="row" id="promoter-info-paginated">

    		<div class="col-lg-9">

    			<p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>

    		</div>

    		<div class="col-lg-4" style="text-align:right;float:right">

				<div class="btn-group" style="width:40%">

					<button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>

				</div>

				<div class="btn-group" style="width:40%">

					#if($end >= $size)

						<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>

					#else

						<button class="btn btn-primary next" style="width:100%">Next</button>

					#end

				</div>

	    	</div>

	    </div>

    #end

    </div>	

</section>

<div id="promoter-container" style="background:white;background-color:white;">

</div>