@include('layouts.header')

<style>
   .table-container {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
  }
 
   .info-table th, .info-table td {
    padding: 10px;
  }
</style>

<div class="container">
    <div class="card">
        <a href="{{ url('index') }}" target="_self" class="cancel">Back</a>
        @foreach($self as $sf)
        <div class="row">
            <!-- Profile Photo Section -->
            <div class="col-md-3">
                <img src="{{ asset('storage/Images/Emp_Photo/' .$sf->EmployeePhoto) }}" alt="photo" class="profile-photo">
            </div>
            <!-- Profile Information Section -->
            <div class="col-md-9 table-container">
                <div class="section-title">Employee Profile</div>
                <table class="table table-bordered info-table">
                    <tr><th>Employee Code</th><td>{{ $sf->EmployeeCode }}</td></tr>
                    <tr><th>Firstname</th><td>{{ $sf->FirstName }}</td></tr>
                    <tr><th>Gender</th><td>{{ $sf->Gender }}</td></tr>
                    <tr><th>Date Of Birth</th><td>{{ \Carbon\Carbon::parse($sf->DateOfBirth)->format('d-M-Y') }}</td></tr>
                    <tr><th>Designation</th><td>{{ $sf->Designation }}</td></tr>
                    <tr><th>Department</th><td>{{ $sf->Department }}</td></tr>
                    <tr><th>PF NO</th><td>{{ $sf->PFNo }}</td></tr>
                    <tr><th>Date of Joining</th><td>{{ \Carbon\Carbon::parse($sf->DateOfJoining)->format('d-M-Y') }}</td></tr>
                    <tr><th>Reporting Manager</th><td>{{ $sf->ReportingManager }}</td></tr>
                    <tr><th>Profile Status</th><td>{{ $sf->ProfileStatus }}</td></tr>
                    <tr><th>Working Location</th><td>{{ $sf->WorkingLocation }}</td></tr>
                    <tr><th>Mobile Number</th><td>{{ $sf->MobileNumber }}</td></tr>
                    <tr><th>Email</th><td>{{ $sf->Email }}</td></tr>
                    <tr><th>Aadhar Number</th><td>{{ $sf->AadharNumber }}</td></tr>
                    <tr><th>PAN Number</th><td>{{ $sf->PanCardNumber }}</td></tr>
                    <tr><th>Voter Card Number</th><td>{{ $sf->VoterIDNumber }}</td></tr>
                    <tr><th>Present Address</th><td>{{ $sf->PresentAddress }}</td></tr>
                    <tr><th>Blood Group</th><td>{{ $sf->BloodGroup }}</td></tr>
                    <tr><th>Salary Category</th><td>{{ $sf->SalaryCategory }}</td></tr>
                </table>
            </div>
        </div>
        @endforeach
    </div>
</div>
@include('layouts.footer')