@extends('layouts.app')
@section('title', session('company_code') . ' Elite System')

	<style type="text/css">
		section.ssm > div.ssm-container{
	        font-size  : 14px;
	        padding    : 10px 0px;
	        height     : 80%;
	        background : #FFF;
		}		

	    .page-header{
	        margin: 0px !important;
	    }		

	    li.active{
	    	background-color: #039be5;
	    	border-left: 0px solid #0d47a1;
	    }

	    li.active > a{
	    	color: #fff !important;
	    }	    

	    .table > thead > tr > th{
	    	font-family: Tahoma;
	    	font-size: 13px;
	    }

	    .table > tbody > tr > td{
	    	font-family: Tahoma;
	    	font-size: 12px;
	    	white-space: nowrap;
	    }	  

	    div.dataTables_filter input{
	    	font-family: Tahoma;
	    	font-size: 12px;    	
	    }

	    #t-customers_filter,
	    #t-jo_filter{
	        margin-top  : 10px; 
	        margin-left : -10px;		    	
	    }

	    .box-tools{
	        margin-top: 3px;
	        padding-right: 3px;
	    } 	 

	    .select2-container--default 
	    .select2-selection--single 
	    .select2-selection__clear {
	        display: none;
	    }      

	    .cellpad-center{
	    	vertical-align: middle !important;
	    }

	</style>

@section('body')
	<section class="ssm">

		<div class="row">
			<div class="col-xs-12">
				<h2 class="page-header">
					Sewage and Septage Management
				</h2>
			</div>
		</div>

		
		<div class="ssm-container">
			<div class="col-xs-12">
				<div class="col-xs-3" style="background-colorx: #fafafa; padding: 5px;">
					<ul class="nav nav-pills nav-stacked ssm-menu">
<!-- 					  <li class="">
					  	<a href="#" data-id="customers">CUSTOMERS</a>
					  </li> -->
					  <li class="">
					  	<a href="#" data-id="joborders">JOB ORDERS</a>
					  </li>
					  <li class="">
					  	<a href="#" data-id="cycle">DE-SLUDGE CYCLE</a>
					  </li>
					  <li class="">
					  	<a href="#" data-id="septagefees">RATES</a>
					  </li>
					  <li class="">
					  	<a href="#" data-id="sharefees">SHARING OF FEES</a>
					  </li>
<!-- 					  <li class="">
					  	<a href="#" data-id="reports">REPORTS</a>
					  </li>	 -->				  
					</ul>					
				</div>
				<div class="col-xs-9">
					
					
						

							

					
										
				</div>
			</div>
		</div>

	</section>
@endsection

@section("scripts")
	<script src="{{ url(mix('js/septage.js')) }}"></script>
@endsection