@extends('layouts.master')
    
@section('title', 'Member Profile')
    
@section('style')
	<style>
		.font_topic{
			font-weight: bold;
			color: blue
		}
	</style>
@endsection
    
@section('script')

@endsection
    
@section('content')
    
	@include('layouts.header')
	@include('layouts.header-sub')

	<section class="wrapper bg-light">
		<div class="container py-14 py-md-16">
			<div class="row gx-lg-8 gx-xl-12">

				<div class="col-md-12">
					<h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
					<p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
				</div>
        
				<div class="col-lg-12">
					<div class="blog single">
						<div class="card">
							<div class="card-body">
								
								@if(Auth::user()->hasRole('Admin') OR Auth::user()->id == $member->user_userid)
									<div align="right">
										<a class="btn btn-sm btn-violet rounded-pill me-2" href="{{ url('/membergetedit', $member->user_userid) }}">
											<i class="uil uil-pen" style="margin-right: 5px"></i> Edit
										</a>
									</div>
								@endif

								<br>

								<div align="center">
									<div class="item">
										<img class="rounded-circle w-20 mx-auto mb-4" src="{{ asset('/picture/'.$member->user_picture) }}">
										<h4 class="mb-1">
											{{ $member->user_firstname." ".$member->user_lastname }}
										</h4>
										<!-- <div class="meta mb-2">Marketing Specialist</div> -->
										<p class="mb-2">{{ $member->email }}</p>
										<!-- <nav class="nav social justify-content-center text-center mb-0">
											<a href="#"><i class="uil uil-twitter"></i></a>
											<a href="#"><i class="uil uil-slack"></i></a>
											<a href="#"><i class="uil uil-linkedin"></i></a>
										</nav> -->
									</div>
								</div>

								<hr/>
							
								<div class="row">
									<div class="col-md-3 font_topic">ID No. :</div>
									<div class="col-md-9">{{ $member->user_staff_no }}</div>
								</div>

								<div class="row">
									<div class="col-md-3 font_topic">Staff ID :</div>
									<div class="col-md-9">{{ $member->user_staff_id }}</div>
								</div>

								<div class="row">
									<div class="col-md-3 font_topic">Barcode :</div>
									<div class="col-md-9">{{ $member->user_staff_barcode }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Email :</div>
									<div class="col-md-9">{{ $member->email }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Position :</div>
									<div class="col-md-9">{{ $member->user_position }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Role :</div>
									<div class="col-md-9">{{ $member->user_role }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">School/Division :</div>
									<div class="col-md-9">{{ $member->school_name }} ({{ $member->school_shortname }})</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Role Type :</div>
									<div class="col-md-9">{{ $member->member_role_name }} ({{ $member->member_role_type }})</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Member Type :</div>
									<div class="col-md-9">{{ $member->member_type_name }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Date Working :</div>
									<div class="col-md-9">{{ $member->user_working }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Status :</div>
									<div class="col-md-9">{{ $member->user_status }}</div>
								</div>


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


	@include('layouts.footer')
    
@endsection