@extends('layouts.app1')

@section('content')
<link href={{asset("css/modern.min.css")}} rel="stylesheet" type="text/css" />
<div class="right_col" role="main">
	@include('flashmessage')
    <div class="">
		<div class="page-title">
			<div class="title_left">
				<h3>Bill Payment</h3>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="panel-body">
			
		</div>
		<div class="">
			<div class="col-md-12 col-sm-12  ">
                <div class="x_panel">
					
					<div class="x_content">
						<div class="col-lg-3 col-md-6">
							<div class="panel info-box panel-pink" data-service="Electricity" onclick="getBillers(this)">
								<div class="panel-body">
									<div class="info-box-stats">
										<p><span class="counter">Electricity</span></p>
										<span class="info-box-title">
											Bill payment
										</span>
									</div>
									<div class="info-box-icon">
										<i class="icon-energy"></i>
									</div>
									<div class="info-box-progress">
										<div class="progress progress-xs progress-squared bs-n">
											<div class="progress-bar progress-bar-info" role="progressbar"
												aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="x_panel">
					
					<div class="x_content">
						<div class="panel-white">
							<div class="panel-body">
								<div id="payment">

								</div>
								<br />
								<div id="billers">

								</div>

							</div>
							<!-- <br />
							<div id="payment">

							</div> -->


						</div>
					</div>
				</div>
				
			</div>
		</div>
		<div class="clearfix"></div>    
	</div>
	<div class="clearfix"></div>
	
</div>

@endsection