@extends('PointsAdmin.layout')
@section('title', $employee_details->name .' Employee Details')
@section('page-name', 'Employee')
@section('sub-page-name', 'Employee Details')
@section('pagelink', 'departments')
@section('body')


    <div class="admin-dashboard-design">


        <!-- right side area -->
        <main class="w-100">

            <div class="content-are-dashboard p-3">
                <div class="card rounded-3">
                    <div class="card-body">
                        <div class="border rounded-3 p-3">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="d-flex align-items-center">
                                        <div class="me-2">
                                            <img src="assets/img/im.png" alt="" class="img-fluid">
                                        </div>
                                        <div>
                                            <h4>Service Department</h4>
                                            <p class="p-small mb-1"><span><i class="fas fa-briefcase me-2"></i></span>
                                                Manger: ٗٗٗٗٗٗ{{$manager_count}}</p>
                                            <p class="p-small mb-1"><span><i class="fas fa-users me-2"></i></span> Admins:
                                                {{$admin_count}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                    <div class="col-md-12">
                                        <h4 class="mb-3"><span><i class="fas fa-user me-2"></i> </span>
                                            Personal Information</h4>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p class="p-light">Full Name</p>
                                                <h5>{{$employee_details->name}}</h5>
                                            </div>
                                            <div class="col-md-6">
                                                <p class="p-light">City</p>
                                                <h5>{{$employee_details->city}}</h5>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p class="p-light">Mobile Number</p>
                                                <h5>{{$employee_details->phn}}</h5>
                                            </div>
                                            <div class="col-md-6">
                                                <p class="p-light">Email Address</p>
                                                <h5>{{$employee_details->email}}</h5>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p class="p-light">Date of Birth</p>
                                                <h5>{{$employee_details->dob}}</h5>
                                            </div>
                                            <div class="col-md-6">
                                                <p class="p-light">Marital Status</p>
                                                <h5>{{$employee_details->marital}}</h5>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p class="p-light">Gender</p>
                                                <h5>{{$employee_details->gender}}</h5>
                                            </div>
                                            <div class="col-md-6">
                                                <p class="p-light">Nationality</p>
                                                <h5>{{$employee_details->nationality}}</h5>
                                            </div>
                                        </div>

                                        <hr>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p class="p-light">State</p>
                                                <h5>{{$employee_details->state}}</h5>
                                            </div>
                                            <div class="col-md-6">
                                                <p class="p-light">Zip Code</p>
                                                <h5>{{$employee_details->zip}}</h5>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <p class="p-light">Address</p>
                                                <h5>{{$employee_details->address}}</h5>
                                            </div>
                                        </div>
                                    </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- right side area -->
    </div>

@endsection