@extends('admin_html.layouts.main')

@section('content')
<div class="container-fluid">
                <div class="row ">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h5 class="card-title mb-0"> <i class="fa fa-book"></i> &nbsp; User Profile </h5>
                            </div>
                            <div class="card-body profile">
                                <div class="container">
                                    <div class="row gy-4 gy-lg-0">
                                        <div class="col-12 col-lg-4 col-xl-4">
                                            <div class="row gy-4">
                                                <div class="col-12">
                                                    <div class="card profile-card ">
                                                        <div class="card-header ">Profile
                                                        </div>
                                                        <div class="card-body text-center">
                                                            <div class="text-center mb-3">
                                                                <img src="https://i.postimg.cc/5tqYVPp0/profile.png"
                                                                    class="img-fluid rounded-circle" alt="Ethan Leo">
                                                            </div>
                                                            <h2>Kevin Anderson</h2>
                                                            <h3>Web Designer</h3>
                                                            <div class="social-card mt-3">
                                                                <a href="#">
                                                                    <i class="fab fa-youtube"></i>
                                                                </a>
                                                                <a href="#">
                                                                    <i class="fab fa-twitter"></i>
                                                                </a>
                                                                <a href="#">
                                                                    <i class="fab fa-facebook-f"></i>
                                                                </a>
                                                                <a href="#">
                                                                    <i class="fab fa-linkedin-in"></i>
                                                                </a>
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="card widget-card ">
                                                        <div class="card-header ">Personal Info</div>
                                                        <div class="card-body">
                                                            <div class="row g-0">
                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">First Name</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">Ethan</div>
                                                                </div>
                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">Date of Birth</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">8-11-2000</div>
                                                                </div>
                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">Gender</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">Male</div>
                                                                </div>
                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">Religion</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">Islam</div>
                                                                </div>
                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">Marital Status</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">Unmarried</div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="card widget-card ">
                                                        <div class="card-header ">Guardian Information
                                                        </div>
                                                        <div class="card-body">
                                                            <div class="row g-0">

                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">Father Name</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">Shahidul Islam</div>
                                                                </div>
                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">Mother Name</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">Jahanara Imam</div>
                                                                </div>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="card widget-card ">
                                                        <div class="card-header ">Salery
                                                        </div>
                                                        <div class="card-body">
                                                            <div class="row g-0">

                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">Basic Salary</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">20000</div>
                                                                </div>
                                                                <div
                                                                    class="col-5 col-md-4 bg-light border-bottom border-white border-3">
                                                                    <div class="p-2">Total Salery</div>
                                                                </div>
                                                                <div
                                                                    class="col-7 col-md-8 bg-light border-start border-bottom border-white border-3">
                                                                    <div class="p-2">40000</div>
                                                                </div>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="card widget-card ">
                                                        <div class="card-header ">Attachments</div>
                                                        <div class="card-body">
                                                            <div class="attach ">
                                                                <ul class="list-unstyled mb-0">
                                                                    <li>
                                                                        <p>
                                                                            Curriculum-Vitae.pdf <a href="#."><i
                                                                                    class="fas fa-download"></i></a>
                                                                            <a href="#."><i class="fas fa-eye"></i></a>
                                                                        </p>
                                                                    </li>
                                                                    <li>
                                                                        <p>
                                                                            COE.docx
                                                                            <a href="#."><i
                                                                                    class="fas fa-download"></i></a>
                                                                            <a href="#."><i class="fas fa-eye"></i></a>
                                                                        </p>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-8 col-xl-8">
                                            <div class="card widget-card ">
                                                <div class="card-header ">Genarel Information</div>
                                                <div class="card-body">
                                                    <div class="row g-0">

                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">ID Number</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">2580</div>
                                                        </div>

                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Designation</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">Software Engineer</div>
                                                        </div>
                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Department</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">Software Development</div>
                                                        </div>
                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Seniority</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">Senior</div>
                                                        </div>
                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Attendance Device ID</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">425120</div>
                                                        </div>
                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Attendance User ID</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">425120</div>
                                                        </div>

                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Joining Date</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">1st Jan 2020</div>
                                                        </div>

                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">NID Number</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">123456789</div>
                                                        </div>

                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">TIN Number</div>
                                                        </div>

                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">120425</div>
                                                        </div>
                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Phone</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">+1 (248) 679-8745</div>
                                                        </div>
                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Email</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">leo@example.com</div>
                                                        </div>
                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Present Address</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">Sector 18, Diya Bari, Uttara, Dhaka-1209,
                                                                Bangladesh</div>
                                                        </div>
                                                        <div
                                                            class="col-5 col-md-3 bg-light border-bottom border-white border-3">
                                                            <div class="p-2">Permanent Address</div>
                                                        </div>
                                                        <div
                                                            class="col-7 col-md-9 bg-light border-start border-bottom border-white border-3">
                                                            <div class="p-2">Sector 18, Diya Bari, Uttara, Dhaka-1209,
                                                                Bangladesh</div>
                                                        </div>

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

                                            <div class="card widget-card mt-4">
                                                <div class="card-header ">Educational Information</div>
                                                <div class="card-body table-responsive">
                                                    <table class="table table-bordered mb-0">
                                                        <thead>
                                                            <tr>
                                                                <th>Institute</th>
                                                                <th>Subject</th>
                                                                <th>Degree</th>
                                                                <th>Passing Year</th>
                                                                <th>Result</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>Stanford University</td>
                                                                <td>Computer Science</td>
                                                                <td>Bachelor's</td>
                                                                <td>2016</td>
                                                                <td>3.8 GPA</td>
                                                            </tr>
                                                            <tr>
                                                                <td>XYZ College</td>
                                                                <td>Science</td>
                                                                <td>HSC</td>
                                                                <td>2012</td>
                                                                <td>4.80 GPA</td>
                                                            </tr>
                                                            <tr>
                                                                <td>ABC High School</td>
                                                                <td>Science</td>
                                                                <td>SSC</td>
                                                                <td>2010</td>
                                                                <td>5.00 GPA</td>
                                                            </tr>

                                                        </tbody>
                                                    </table>

                                                </div>
                                            </div>
                                            <div class="card widget-card mt-4">
                                                <div class="card-header ">Language Information</div>
                                                <div class="card-body table-responsive">
                                                    <table class="table table-bordered mb-0">
                                                        <thead>
                                                            <tr>
                                                                <th>Language</th>
                                                                <th>Read</th>
                                                                <th>Write</th>
                                                                <th>Speak</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>English</td>
                                                                <td>Yes</td>
                                                                <td>Yes</td>
                                                                <td>Yes</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Spanish</td>
                                                                <td>Yes</td>
                                                                <td>No</td>
                                                                <td>Yes</td>
                                                            </tr>
                                                            <tr>
                                                                <td>English</td>
                                                                <td>Yes</td>
                                                                <td>Yes</td>
                                                                <td>Yes</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>





                        </div>
                    </div>
                </div>
            </div>
@endsection('content')