@extends('layouts.lpapp')

@section('content')
			<div class="container">
				<div class="page-inner">
					<div class="page-header">
						<h4 class="page-title">Billing</h4>
						<ul class="breadcrumbs">
							<li class="nav-home">
								<a href="#">
									<i class="flaticon-home"></i>
								</a>
							</li>
							<li class="separator">
								<i class="flaticon-right-arrow"></i>
							</li>
							<li class="nav-item">
								<a href="#">Payment Method</a>
							</li>
							<li class="separator">
								<i class="flaticon-right-arrow"></i>
							</li>
							<li class="nav-item">
								<a href="#">Data</a>
							</li>
						</ul>
					</div>
                    <div id="app">
					<div class="row">
						<div class="col-md-12">
							<div class="card">
								<div class="card-header">
									<h4 class="card-title">Payment Method</h4>
								</div>

								<div class="card-body">
									<div class="table-responsive">

                                    To pay via your mobile phone (enabled with Mpesa service) follow these simple steps:<br><br>

1. Select the Pay Bill option<br>
2. Enter Busines no.   - Type in 748729<br>
3. Enter a/c no   - Type in:
@foreach($shopcredentials as $shopcredential)
{{ $shopcredential->mpesa_account_name }}
@endforeach
<br>
4. Enter amount   - Type in the amount you wish to Top-Up your account with<br>
5. Enter pin   - Type in your Mpesa Pin<br>
6. Confirm all details are correct then press OK   - You will receive a confirmation SMS from Mpesa immediately<br>

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




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


            @endsection