@extends('adminlayout.mobile_sidebar')
@section('content')

<style>
.mainTop{
	ackground-color: rgb(239, 239, 239);
    background-size: cover;
    display: flex;
    justify-content: center;
}
.maxWidth {
    max-width: 450px;
}
.mainRoot{
	display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
    min-width: 320px;
	min-height: 100%!important;
	padding-bottom: 15px;
}
.sticky-top {
    z-index: 1111 !important;
}
.headerNav {
	background: #fff;
    opacity: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
	padding: 0.8rem 0.6rem !important;
}
.boxShadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}
.navLeftText {
    color: #111111;
}
.innerHeadText{
	font-size: 16px;
}
.backIcon {
    margin-right: 15px;
}
.backIcon img{
	width: 21px;
}
.m-t-10{
	margin-top: 10px;
}

.mobDtable div.dataTables_wrapper div.dataTables_length, 
.mobDtable  div.dataTables_wrapper div.dataTables_filter{
	text-align: left;
	margin-bottom: 15px;
}
.mobDtable div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: 100%;
}
.mobDtable .table th, .mobDtable .table td {
    padding: 0.5rem;
    vertical-align: middle;
    border-top: 1px solid #dbdfea;
    font-size: 14px;
    color: #111111;
}
.mobDtable div.dataTables_wrapper div.dataTables_length label, 
.mobDtable div.dataTables_wrapper div.dataTables_filter label {
    color: #111111;
}
.mobDtable div.dataTables_wrapper div.dataTables_length select {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    color: #111111;
    padding: 10px;
    margin: 0px 10px;
	text-align: center;
}
.mobDtable div.dataTables_wrapper div.dataTables_info {
    text-align: left !important;
}
</style>

<div class="nk-content-body">
<div class="mainTop">
	<div class="mainRoot maxWidth">
		<div class="navTop sticky-top">
			<nav id="" class="navbar navbar-expand-lg headerNav boxShadow">
				<div class="navLeftText">
					<a class="backIcon" href="{{ url()->previous() }}"><span><img src="{{url('/assets/images/mob-dash/back-arrow.png')}}"></span></a> <span class="innerHeadText">Recharge Service</span>
				</div>
				
			</nav>
		</div>
		<div class="container">
			<div class="nk-block-head nk-block-head-sm m-t-10">
				<div class="nk-block-between">
					<div class="nk-block-head-content">
						<div class="nk-block-des text-soft">
							<!-- @if($errors->any())
					 <p class="text-danger">
						{{ implode('', $errors->all(':message')) }}
					 </p>
					 @endif -->
						</div>
					</div>
					<!-- .nk-block-head-content -->
				</div>
				<!-- .nk-block-between -->
			</div>
			<!-- .nk-block-head -->
			<div class="row">
			<div class="col-12">
			<div class="mobDtable">
				<div class="table-responsive">
					<table id="example1" class="card table table-hover dataTable no-footer" role="grid" aria-describedby="example1_info" style="width:123%;overflow: scroll;">
						<thead>
							<tr role="row">
								<th class="sorting_asc" tabindex="0" aria-controls="example1" style="width: 45px;">Sr. No.
								</th>
								<th class="sorting" tabindex="0" aria-controls="example1" style="width: 76px;">Operator
								</th>
								@if(Auth::User()->hasRole('super_admin', 'admin'))
								<th class="sorting" tabindex="0" aria-controls="example1" style="width: 150px;">Admin Com.
								</th>
								@endif
								@if(Auth::User()->hasRole('super_admin', 'partner'))
								<th class="sorting" tabindex="0" aria-controls="example1" style="width: 146px;">Partner Com.
								</th>
								@endif
								@if(Auth::User()->hasRole('super_admin', 'franchise'))
								<th class="sorting" tabindex="0" aria-controls="example1" style="width: 151px;">Franchise Com.
								</th>
								@endif
								@if(Auth::User()->hasRole('super_admin', 'suvidha_kendra'))
								<th class="sorting" tabindex="0" aria-controls="example1" style="width: 148px;">Suvidha Kendra Com.
								</th>
								@endif
								@if(Auth::User()->hasRole('super_admin', 'user'))
								<th class="sorting" tabindex="0" aria-controls="example1" style="width: 149px;">User Com.
								</th>
								@endif
								<th class="sorting" tabindex="0" aria-controls="example1" style="width: 95px;">Type
								</th>
								@if(Auth::User()->hasRole('super_admin'))
								<th class="sorting" tabindex="0" aria-controls="example1">Action
								</th>
								@endif
							</tr>
						</thead>
						<tbody>
													</tbody>
					</table>
				</div>
			</div>
			</div>
			</div>
		</div>
</div>
</div>
</div>
@endsection