@extends('Layouts.Application')

@section('MainContent')

<style>
	.vAlign {
	vertical-align: middle !important;
	}
</style>

<div class="col-md-12">
	<div class="card mb-4">
		@if (session('flash_success'))
			<div class="alert alert-success text-center">
				{{ session('flash_success') }}
			</div>
		@endif

		@if (session('flash_warning'))
			<div class="alert alert-warning text-center">
				{{ session('flash_warning') }}
			</div>
		@endif

		<div class="card-body">
			<div class="table-responsive">
				<table id="basic-table" class="data-table table table-striped nowrap table-hover" cellspacing="0">
					<thead>
						<tr>
							<th class="vAlign">User Name</th>
							<th class="vAlign">Email</th>
							<th class="center">Phone</th>
							<th class="vAlign">Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($allUser as $data)
							<tr>
								<td class="vAlign">{{ $data->full_name }}</td>
								<td class="vAlign">{{ $data->email }}</td>
								<td class="vAlign">{{ ($data->phone_no) }}</td>
								<td class="vAlign">
									<a href="{{ url(route('LoggedIn.User.manageBranchByUser', ['user_id' => $data->user_id])) }}" class="btn btn-info">Manage Branch</a>
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

@endsection