@extends('layouts.app')
@section('titlePage', 'Manage Page')
@section('content')
<script>
    document.getElementById("draz-1").classList.add("is-expanded");
    document.getElementById("dra-1").classList.add("active","is-expanded");
    document.getElementById("view-1").classList.add("active");
</script> 
<div class="page-wrapper">
	<!-- [ breadcrumb ] start -->
	<div class="breadcrumb-header justify-content-between">
		<div class="left-content">
			<span class="main-content-title mg-b-0 mg-b-lg-1">VIEW</span>
		</div>
		<div class="justify-content-center mt-2">
			<ol class="breadcrumb breadcrumb-style3">
			<li class="breadcrumb-item"><a href="{{ _route('master.manager-staff.index') }}"><i class="feather icon-home"></i></a></li>
			<!-- <li class="breadcrumb-item ">	<a href="{{ route('master.manager-staff.index')}}"
			class="breadcrumb-item inactive">Management</a></li> -->
				<li class="breadcrumb-item active">Staff View</a></li>
			</ol>
		</div>
	</div>
	<!-- <div class="page-header">
		<div class="page-block">
			<div class="row align-items-center">
				<div class="col-md-12">
					<div class="page-header-title">
						<h5>View</h5>
					</div>
					<ul class="breadcrumb">
						<li class="breadcrumb-item"><a href="{{ _route('master.client.index') }}"><i class="feather icon-home"></i></a></li>
						<li class="breadcrumb-item"><a href="#!">View Management</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div> -->
	<!-- [ breadcrumb ] end -->
	<!-- [ Main Content ] start -->
	<div class="row">
		<div class="col-sm-12">
			<div class="card">
				<!-- <div class="card-header">
				<span class="main-content-title mg-b-0 mg-b-lg-1"> VIEW </span>
				</div> -->
				<div class="card-body">
					<form method="get" action="{{ route('master.manager-staff.index', $data->id) }}">
						@csrf
						<!-- @method('PUT') -->
                        
						<div class="row">
							<div class="col-md-4 font-weight-bold ">
								<!-- <div class="form-group">
									<label for="">Full name:</label><span class="ml-2">{{ $data->full_name }}</span>
								</div>
								<div class="form-group">
									<label for="">Role:</label><span class="ml-2">{{ $data->staff_role }}</span>
								</div>
								<div class="form-group">
									<label for="">Employee ID:</label><span class="ml-2">{{ $data->employee_id }}</span>
								</div>
								<div class="form-group">
									<label for="">Date of birth:</label><span class="ml-2">{{ $data->dob }}</span>
								</div>
								<div class="form-group">
									<label for="">Email:</label><span class="ml-2">{{ $data->email }}</span>
								</div>
								<div class="form-group">
									<label for="">Date of Joining:</label><span class="ml-2">{{ $data->date_joining }}</span>
								</div>
								<div class="form-group">
									<label for="">Phone Number:</label><span class="ml-2">{{ $data->phone_number }}</span>
								</div> -->

							
       							<div class="card p-3" style="background:linear-gradient(45deg, rgba(var(--primary-rgba),0.05), #fff);border:none;">
           						<!-- <img class="m-auto" style="border-radius:50%" src="{{ asset('assets/b2c_img/_DAN4697.jpg') }}" alt="img" width="180" height="180"> -->
                				<div class="card-body text-center">
								<h5 class="text-primary">{{ $data->full_name }}</h5>
								<div class="d-flex">
									<div class="d-flex">
										<p class="text-secondary">Role :</p>
										<span>{{ $data->staff_role }}</span>
									</div>
									<div class="d-flex">
										<p class="text-secondary">ID :</p>
										<span>{{ $data->employee_id }}</span>
									</div>
								</div>
								<div class="d-flex">
									<p class="text-secondary">D.O.B :</p>
									<p>{{ $data->dob }}</p>
								</div>
								<div class="d-flex">
									<p class="text-secondary">D.O.J :</p>
									<p>{{ $data->date_joining }}</p>
								</div>
								<div class="d-flex">
									<p class="text-secondary">Email :</p>
									<p>{{ $data->email }}</p>
								</div>
								<div class="d-flex">
									<p class="text-secondary">Ph :</p>
									<p>{{ $data->phone_number }}</p>
								</div>
                    		</div>
            				</div>
            		
								
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
</div>
@endsection