Subversion Repositories SmartDukaan

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

  background: white;

  background-color: white;

}

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

  background: white;

  background-color:white;

}

.table-striped > tbody > tr:hover > td,

	.table-striped > tbody > tr:hover {

	  background-color: #e98c8f;

	  color:white;

	}

	.btn:hover{

  	color: grey;

  	text-decoration: none;

	}

	.btn-primary:hover{

  	color: grey;

  	text-decoration: none;

	}

	.add-to-bag{

		cursor:pointer;

	}

	modal-dialog.modal-lg{

		left:10%;

		right:auto;

		width:80%;

	}

	.modal-content{

		background : white;

	}

	.modelHeaderCustom{

		font-size:14px;

		font-weight:bold;

	}

	hr{

		background-color:#007aff;

		border:none;

		height:1px;

		background:#007aff;

	}

</style>

<section class="wrapper">

	<div class="row">

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

			<h3 class="page-header"><i class="icon_genius"></i>CATALOG</h3>

			<ol class="breadcrumb">

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

				<li><i class="icon_genius"></i>Activated Imeis Not Yet Billed</li>

			</ol>

		</div>

	</div>

     <div id="catalog-table">

         <div class="row">

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

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

    				<tbody>

    					<tr>

    						<th>Item Code</th>

    						<th>Brand</th>

    						<th>Model Name</th>

    						<th>Model Number</th>

    						<th>Color</th>

    						<th>IMEI</th>

    						<th>Stock Since</th>

    						<th>Activated On</th>

    					</tr>

    					#if(!$inventoryItems.isEmpty())

	    					 #foreach( $invetoryItem in $invetoryItems )

	    					 	<tr data="$inventoryItem.getItemId()" class="add-to-bag" data-toggle="modal" data-target="#bagModel">

	    					 		<td>$invetoryItem.getItemId()</td>

	    					 		<td>$invetoryItem.getItem().getBrand()</td>

	    					 		<td>$invetoryItem.getItem().getModelName()</td>

	    					 		<td>$invetoryItem.getItem().getModelNumber()</td>

	    					 		<td>$invetoryItem.getItem().getColor()</td>

	    					 		<td>$invetoryItem.getSerialNumber()</td>

	    					 		<td>$dateTimeFormatter.format($invetoryItem.getCreateTimestamp())</td>

	    					 		<td>$dateTimeFormatter.format($invetoryItem.getActivationTimestamp())</td>

	    					 	</tr>

	    					 #end

	    				#else

	    					<tr>

	    						<td colspan="7" style="text-align:center;">Great, you have no Activated IMEIs in Stock :)</td>

	    					</tr>

	    				#end

    				</tbody>

    			</table>

    		</div>

    	</div>

	</div>

</section>

<div id="bagModel" class="modal fade" role="dialog">

  		<div class="modal-dialog modal-md">

	       <!-- Modal content-->

		    <div class="modal-content">

		      <div class="modal-header">

		        <button type="button" class="close" data-dismiss="modal">&times;</button>

		        <h4 class="modal-title">Add Item To Bag</h4>

		      </div>

		      <div class="modal-body" style="min-height:200px">

		      <div id="catalogModalBody">

					<input type="hidden" class="itemId" />

					<input type="hidden" class="availability" />

					<h4 class="bagModalProductInfo modelHeaderCustom">Product Details : <span></span></h4>

					<h4 class="bagModalAvailability modelHeaderCustom">Availability : <span></span></h4>

					<h4 class="bagModalEarlyImeis modelHeaderCustom">Imeis to bill: <span></span></h4>

					<h4 class="bagModalQuantity modelHeaderCustom">Enter Quantity

					<span>

						<input type="number" min="1" class="form-control quantity"></input>

					</span></h4>

				<hr/>

				<span>

					<button type="submit" id="addToBagButton" class="btn btn-primary">Submit!</button>

		       	</span>

			  </div>

			  </div>

		    </div>

		</div>

 </div>