@include('layouts.header')

<style>
    .form-container {
        display: flex;
        gap: 20px; /* Space between columns */
    }
    .form-column {
        flex: 1; /* Each column takes equal width */
    }
    .btn-info {
        margin-top: 20px;
        padding: 10px 20px;
    }
    .icon {
        width: 100px;
        margin-top: 10px;
    }
</style>

<div class="container-fluid">
    <a href="{{ url('search') }}" class="cancel">Back</a>
<div class="card">
    <div class="section-title">Edit Employee Information</div>
       <form action="{{ url('update/'.$edit->EmployeeCode) }}" method="POST" enctype="multipart/form-data">
         @csrf
     @method('PUT')
     <input type="hidden" name="EmployeeCode" value="{{ $edit->EmployeeCode }}">
<div class="form-container">
     <div class="form-column">
        <div class="form-section">
            <div class="form-group">
            <label for="en">Employee Name</label>
             <input type="text" name="FirstName" class="form-control" id="en" value="{{ $edit->FirstName }}">
             </div>
             <div class="form-group">
             <label for="gen">Gender</label>
              <input type="text" name="Gender" class="form-control" id="gen" value="{{ $edit->Gender }}" readonly>
              </div>
              <div class="form-group">
              <label for="dept">Department</label>
                    <select name="Department" class="custom-select" id="dept">
                        @foreach ($departments as $department)
                            <option value="{{ $department->dept_name }}"
                                {{ $employee->dept_id == $department->dept_id ? 'selected' : '' }}>
                                {{ $department->dept_name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                    <div class="form-group">
                    <label for="designation">Designation</label>
                        <select name="Designation" id="designation" class="custom-select">
                            @foreach($designations as $designation)
                                <option value="{{ $designation->name }}"
                                    {{ $employee->designation == $designation->name ? 'selected' : '' }}>
                                    {{ $designation->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="mob">Mobile Number</label>
                        <input type="text" name="MobileNumber" class="form-control" id="mob" value="{{ $edit->MobileNumber }}">
                     </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" name="Email" class="form-control" id="email" value="{{ $edit->Email }}">
                    </div>
                    <div class="form-group">
                        <label for="aa">Aadhar Number</label>
                        <input type="text" name="AadharNumber" class="form-control" id="aa" value="{{ $edit->AadharNumber }}" readonly>
                    </div>
                    <div class="form-group">
                        <label for="TE">Allzone Experience</label>
                        <input type="text" name="TE" class="form-control" id="TE" value="{{ $years }}yrs{{ $months }}m{{ $days }}d" readonly>
                    </div>
                    <div class="form-group">
                        <label for="ReportingManager">Reporting Manager</label>
                            <select name="ReportingManager" id="ReportingManager" class="custom-select">
                                @foreach($managers as $man)
                                    <option value="{{ $man->id }}"
                                        {{ $employee->ReportingManager == $man->id ? 'selected' : '' }}>
                                        {{ $man->name }}
                                    </option>
                                @endforeach
                            </select>
                    </div>
                    <div class="form-group">
                        <label for="bg">Blood Group</label>
                        <input type="text" name="BloodGroup" class="form-control" id="bg" value="{{ $edit->BloodGroup }}" readonly>
                    </div>
                    <div class="form-group">
                        <label for="WorkingLocation">Location</label>
                            <select name="WorkingLocation" id="WorkingLocation" class="custom-select">
                                @foreach($locations as $location)
                                    <option value="{{ $location->lname }}"
                                        {{ $edit->WorkingLocation == $location->lname ? 'selected' : '' }}>
                                        {{ $location->lname }}
                                    </option>
                                @endforeach
                            </select>
                    </div>
                    <div class="form-group"> 
                        <label for="sc">Salary Category</label>
                        <input type="text" name="SalaryCategory" class="form-control" id="sc" value="{{ $edit->SalaryCategory }}">
                    </div>
                    <div class="form-group">
                        <label for="pra">Present Address</label>
                        <textarea rows="2" col="4" name="PresentAddress" id="pra" readonly>{{ $edit->PresentAddress }}</textarea>
                    </div>
                 </div>
            </div>
                    <!-- Right Half -->
            <div class="form-column">
               <div class="form-section">
                    <div class="form-group"> 
                        <label for="fathername">Father Name</label>
                        <input type="text" name="FatherName" class="form-control" id="fathername" value="{{ $edit->FatherName }}">
                    </div>
                    <div class="form-group"> 
                        <label for="mstatus">Marital Status</label>
                        <input type="text" name="MaritalStatus" class="form-control" id="mstatus" value="{{ $edit->MaritalStatus }}">
                    </div>
                    <div class="form-group"> 
                        <label for="doj">Date Of Joining</label>
                        <input type="text" name="DateOfJoining" class="form-control" id="doj"
                               value="{{ \Carbon\Carbon::parse($edit->DateOfJoining)->format('d-M-Y') }}" readonly>
                    </div>
                    <div class="form-group"> 
                        <label for="pcn">PAN Card Number</label>
                        <input type="text" name="PanCardNumber" class="form-control" id="pcn" value="{{ $edit->PanCardNumber }}">
                    </div>
                    <div class="form-group"> 
                        <label for="bnk">Name as per Bank</label>
                        <input type="text" name="NameAsperBank" class="form-control" id="bnk" value="{{ $edit->NameAsperBank }}">
                    </div>
                    <div class="form-group"> 
                        <label for="ps">Profile Status</label>
                        <input type="text" name="ProfileStatus" class="form-control" id="ps" value="{{ $edit->ProfileStatus }}">
                    </div>
                    <div class="form-group"> 
                        <label for="bnkname">Name of the Bank</label>
                        <input type="text" name="NameoftheBank" class="form-control" id="bnkname" value="{{ $edit->NameoftheBank }}">
                    </div>
                    <div class="form-group"> 
                        <label for="an">Account Number</label>
                        <input type="text" name="AccountNumber" class="form-control" id="an" value="{{ $edit->AccountNumber }}">
                    </div>
                    <div class="form-group"> 
                        <label for="ifsc">IFSC Code</label>
                        <input type="text" name="IFSCCode" class="form-control" id="ifsc" value="{{ $edit->IFSCCode }}">
                    </div>
                    <div class="form-group"> 
                        <label for="uan">UAN Number</label>
                        <input type="text" name="UanNumber" class="form-control" id="uan" value="{{ $edit->UanNumber }}">
                    </div>
                    <div class="form-group"> 
                        <label for="per">Permanent Address</label>
                        <textarea rows="2" class="form-control" name="PermanentAddress" id="per" readonly>{{ $edit->PermanentAddress }}</textarea>
                    </div>
                    <div class="form-group"> 
                        <label for="photo">Photo</label>
                        <input type="file" name="EmployeePhoto" accept="image/*">
                        <img src="{{ asset('storage/Images/Emp_Photo/' .$edit->EmployeePhoto) }}" alt="photo" class="profile-photo">
                    </div>
                </div>
            </div>
        </div>
            <div class="text-center mt-4">    
                <button type="submit" name="update" class="btn btn-info px-4 py-2">Update</button>
            </div>

        </form>
    </div>
</div>
  @include('layouts.footer')