@extends('layouts.portal.app')
	@section('content')
		<div class="content-wrapper">
			<div class="container-xxl flex-grow-1 container-p-y">
				<div class="card">
					<h4 class="breadcrumb ml-3"> <span class="text-muted fw-light breadcrumb-link"> Home /</span> Prepaid Users - {{ $companyPrepaidUsers->total() }} records fetched </h4>

					@if(Session::has('errorResponse')) 
						<h6 class="row"> 
							<div class="col-md-12 temporary-alert">
								<div class="alert alert-danger alert-dismissible" role="alert"> <i class="fa fa-info-circle"></i> {!! Session::has('errorResponse') ? Session::get("errorResponse") : '' !!} <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> </button> </div>
							</div>
						</h6>
					@endif

					<div class="card-header d-flex border-top rounded-0 flex-wrap py-2">
						<div id="DataTables_Table_0_filter" class="dataTables_filter">
							<label><input type="search" class="form-control" placeholder="Search Product" aria-controls="DataTables_Table_0"></label>
						</div>

						<div class="ms-auto d-flex justify-content-start justify-content-md-end align-items-baseline pull-right">
							@if(Auth::user()->hasRole('Administrator') || (Auth::user()->hasRole('Client') && Auth::user()->can('Administer Company')))
								<a href="javascript:;" class="btn btn-outline-primary ms-2 ms-sm-0 waves-effect waves-light create-company-customer disabled-btn"><span><i class="ti ti-plus me-0 me-sm-1 ti-xs"></i> Add User </span></a> 
							@endif
						</div>
					</div>
				</div>

				<div class="pt-3">
					<div class="card">
						<div class="card-datatable table-responsive text-nowrap">
							<table class="table">
								<thead class="border-top">
									<tr>
										<th> # </th>
										<th> Username </th>
										<th> Names </th>
										<th> Plan </th>
										<th> Service Type </th>
										<th> MAC Address </th>
										<th> Date Ctreated </th>
										<th> Expired On </th>
										<th> Method </th>
									</tr>
								</thead>

								<tbody>
									@foreach($companyPrepaidUsers as $companyPrepaidUser)
										<tr>
											<td> <a href="javascript:;"> {{ $companyPrepaidUser->ref_no }} </a> </td>

											<td> -- </td>

											<td> -- </td>

											<td> -- </td>

											<td> -- </td>

											<td> -- </td>

											<td> -- </td>

											<td> -- </td>

											<td> -- </td>
										</tr>
									@endforeach
								</tbody>
							</table>

							{{ $companyPrepaidUsers->render() }}
						</div>
					</div>
				</div>
			</div>
		</div>

		@include('portal.companies.prepaid-users.create')
		<script type="text/javascript" src="{{ url('custom/companies/prepaid-users/create.js') }}"></script>

		@include('portal.companies.prepaid-users.edit')
		<script type="text/javascript" src="{{ url('custom/companies/prepaid-users/edit.js') }}"></script>

		@include('portal.companies.prepaid-users.activate')
		<script type="text/javascript" src="{{ url('custom/companies/prepaid-users/activate.js') }}"></script>

		@include('portal.companies.prepaid-users.deactivate')
		<script type="text/javascript" src="{{ url('custom/companies/prepaid-users/deactivate.js') }}"></script>
	@endsection