EVOLUTION-NINJA

Edit File: offer-letter.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Experience Certificate</title>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
    
    /* Common Styles for Screen and Print */
    body {
      margin: 0;
      padding: 0;
      font-family: "Roboto", sans-serif;
    }
    
    /* Each page is styled to exactly match A4 size */
    .a4-page {
      background: white;
      width: 210mm;
      height: 297mm;
      padding: 10mm;
      margin: auto;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      overflow: hidden;
    }
    
    /* Increase content width */
    .content-wrapper {
      width: 210mm; /* Increased width for more content area */
      text-align: justify;
      font-size: 21px;
      line-height: 1.4;
    }
    
    .date-section {
      text-align: left;
      margin-bottom: 10px;
    }
    
    .certificate-text {
      font-size: 21px;
      line-height: 1.4;
    }
    
    .editable {
      padding: 0 3px;
      font-size: 21px;
      outline: none;
    }
    
    .editable:focus {
      background-color: #eef;
    }
    
    .signature-section {
      text-align: left;
      font-size: 21px;
      font-weight: bold;
      margin-top: 71px;
    }
    
    .position {
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
      font-size: 22px;
    }
    
    button#printBtn {
      display: block;
      margin: 20px auto;
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
    }
    
    /* Print Styles */
    @media print {
      @page {
        size: A4;
        margin: 10mm;
      }
      
      body {
        background: none;
      }
      
      .a4-page {
        width: 210mm;
        height: 297mm;
        box-shadow: none;
      }
      
      /* Ensure the second page always starts on a new printed page */
      #page2 {
        page-break-before: always;
      }
      
      button#printBtn {
        display: none;
      }
    }
  </style>
</head>
<body>
  
  <div class="a4-page" id="page1">
    <div class="content-wrapper">
      <div class="date-section">
        <h3 style="color: rgb(56, 47, 47);">&nbsp;</h3>
        <strong style="font-size: 22px;" style="color: rgb(56, 47, 47);">Date:</strong>
        <span class="editable" contenteditable="true" style="color: rgb(56, 47, 47);">Enter Date</span>
        <p><span class="editable" contenteditable="true" style="font-size: 23px; font-weight: 900;" > <?php echo htmlspecialchars($data->first_name . ' ' . $data->last_name ?? 'N/A'); ?></span></p>
        <p style="font-size: 23px; font-weight: 600;">Dear <span class="editable" contenteditable="true"><?php echo htmlspecialchars($data->first_name . ' ' . $data->last_name); ?></span></p>
      </div>
      
      <p class="certificate-text">
        We are pleased to appoint you as <span class="editable" contenteditable="true"><?php echo $data->source_of_hire ?></span> with us, On need basis you will be deployed as 
        <span class="editable" contenteditable="true"><?php echo $data->source_of_hire ?></span></span>. 
        The following offer of employment to you on behalf of JayBlues Technologies. Further to the interview and discussions you have had with us.
        You are expected to join duty on <span class="editable" contenteditable="true"><?php echo $data->date_of_joining ?></span>. Your starting monthly remuneration will be Rs <span class="editable" contenteditable="true">10,000/- (Rupees Ten Thousand only)</span>.
        You will be on a probation period for three months.
      </p>
      
      <p class="certificate-text">
        After successful completion of the probation and review thereof, you will be entitled to other allowances and benefits as per policies of the organization.
        Regular performance reviews will be done to assess your suitability. You shall receive your payments on or before 5th of every month.
        Offer stands canceled in case of any deviations in information or if you fail to report to me on or before pre-decided date.
      </p>
      
      <h3 style="color: rgb(56, 47, 47);">Working Hours:</h3>
      <p class="certificate-text">
        Your working hours start from 9:30 am to 7:00 pm with one hour break a day and you are scheduled to work through Monday to Saturday, which is 57 hours a week. 
        The company reserves all the rights to change the above working hours and days.
      </p>
      
      <h3 style="color: rgb(56, 47, 47);">Holidays and Leave Policy:</h3>
      <p class="certificate-text">
        You will be entitled to the approved 10 holidays notified by the company and you will also be entitled to 1 day per month as additional leave.
        You should inform us in advance about your additional leave as and when you wish to avail it. You will also be eligible for casual leave of 1 day every month.
      </p>
    </div>
  </div>
  
  
  <div class="a4-page" id="page2">
    <div class="content-wrapper">
      <h3 style="color: rgb(56, 47, 47); margin-top: 130px;">Termination and Resignation:</h3>
      <p class="certificate-text" >
        The Company has the right to terminate your services any time after the confirmation of your services by issuing a notice of 1 month in writing or payment of salary of 1 month in lieu of notice.
        You can also resign from the company after giving a notice of 1 month in writing or payment of salary of 1 month in lieu of notice.<br>
        <p style="margin-bottom: -22px;">Company has all the rights to take legal action on an employee if they disclose data loss, information sharing, or damage the company’s integrity.</p><br>
        <p style="margin-bottom: 0px;">You will need to submit all your photocopies of original qualification documents, relieving documents, and salary slip (if any) of last three months on the date of joining.</p><br>
        You have to work a minimum of 1 year with the above terms and conditions to avail the offer letter. If you leave the company within that time, you have to pay 6 months' salary to the company.<br>
        <p>I look forward to an enduring relationship with JAYBLUES.</p>
      </p>
      
      <span class="editable" contenteditable="true" style=" font-weight: 900;display:none"><?php echo $data->employee_id ?></span>
      
      <p class="position" style="margin-top: 58px;">
        <span>Yours sincerely,</span>
        <span>Accepted</span>
      </p>
      
      <div class="signature-section">
        <p>Ajay Kumar HS</p>
        <p>CEO</p>
        <p>Jay Blues Technologies</p>
      </div>
    </div>
  </div>
  
  
  <button id="printBtn" onclick="window.print()">Print</button>
</body>
</html>