hr_lite 0.1.0

data/app/views/hr_lite/career/show.html.erb

@@ -0,0 +1,49 @@
+<% content_for(:page_title) { "Career" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">My career</h1>
+</div>
+
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Current role</h2>
+  <p><strong><%= @profile&.designation.presence || "Not set yet" %></strong>
+    <% if @profile %><span class="hrl-muted hrl-small">since <%= (@changes.first&.effective_date || @profile.date_of_joining).strftime("%b %Y") %></span><% end %>
+  </p>
+</section>
+
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Role history</h2>
+  <% if @changes.any? %>
+    <% @changes.each do |change| %>
+      <div class="hrl-feed__item">
+        <div class="hrl-feed__body">
+          <strong><%= change.to_designation %></strong>
+          <% if change.from_designation.present? %><span class="hrl-muted">(from <%= change.from_designation %>)</span><% end %>
+          <div class="hrl-feed__meta">
+            Effective <%= change.effective_date.strftime("%d %b %Y") %>
+            <% if change.note.present? %> · <%= change.note %><% end %>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  <% else %>
+    <p class="hrl-muted hrl-small">No role changes recorded yet.</p>
+  <% end %>
+</section>
+
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Appraisals</h2>
+  <% if @appraisals.any? %>
+    <% @appraisals.each do |appraisal| %>
+      <div class="hrl-feed__item">
+        <div class="hrl-feed__body">
+          <strong><%= appraisal.period_label %></strong>
+          <% if appraisal.rating %><span class="hrl-badge hrl-badge--ok"><%= appraisal.rating %>/5</span><% end %>
+          <% if appraisal.outcome != "none" %><span class="hrl-badge"><%= appraisal.outcome.humanize %></span><% end %>
+        </div>
+        <a class="hrl-btn" href="<%= hr_lite.appraisal_path(appraisal) %>">Read</a>
+      </div>
+    <% end %>
+  <% else %>
+    <p class="hrl-muted hrl-small">No shared appraisals yet.</p>
+  <% end %>
+</section>

data/app/views/hr_lite/employee_profiles/show.html.erb

@@ -0,0 +1,22 @@
+<% content_for(:page_title) { "My HR profile" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">My HR profile</h1>
+</div>
+
+<% if @profile %>
+  <section class="hrl-card">
+    <dl class="hrl-deflist">
+      <dt>Employee code</dt><dd><%= @profile.employee_code %></dd>
+      <dt>Designation</dt><dd><%= @profile.designation.presence || "—" %></dd>
+      <dt>Department</dt><dd><%= @profile.department.presence || "—" %></dd>
+      <dt>Joined</dt><dd><%= @profile.date_of_joining.strftime("%d %B %Y") %></dd>
+      <dt>Tax regime</dt><dd><%= @profile.tax_regime.humanize %></dd>
+      <dt>PAN</dt><dd><%= @profile.masked_pan || "—" %></dd>
+      <dt>PF UAN</dt><dd><%= @profile.masked_uan || "—" %></dd>
+      <dt>Bank</dt><dd><%= [ @profile.bank_name, @profile.masked_account ].compact.join(" ").presence || "—" %></dd>
+    </dl>
+    <p class="hrl-small hrl-muted hrl-mt">Something wrong? Ask leadership to correct it — changes are audited.</p>
+  </section>
+<% else %>
+  <p class="hrl-card hrl-card--empty">Your HR profile has not been set up yet.</p>
+<% end %>

data/app/views/hr_lite/event_mailer/event.html.erb

@@ -0,0 +1,10 @@
+<h1><%= @heading %></h1>
+<% if @body.present? %><p><%= @body %></p><% end %>
+<% if @lines.any? %>
+  <ul class="lines">
+    <% @lines.each do |line| %><li><%= line %></li><% end %>
+  </ul>
+<% end %>
+<% if @cta_url %>
+  <a class="btn" href="<%= @cta_url %>">Open in HR</a>
+<% end %>

data/app/views/hr_lite/event_mailer/event.text.erb

@@ -0,0 +1,10 @@
+<%= @heading %>
+<% if @body.present? %>
+<%= @body %>
+<% end %>
+<% @lines.each do |line| %>
+- <%= line %>
+<% end %>
+<% if @cta_url %>
+<%= @cta_url %>
+<% end %>

data/app/views/hr_lite/event_mailer/leadership.html.erb

@@ -0,0 +1,27 @@
+<h1><%= @heading %></h1>
+<% if @body.present? %><p><%= @body %></p><% end %>
+<% if @lines.any? %>
+  <ul class="lines">
+    <% @lines.each do |line| %><li><%= line %></li><% end %>
+  </ul>
+<% end %>
+<% if @diff.present? %>
+  <table class="diff">
+    <tr><th>Field</th><th>Change</th></tr>
+    <% @diff.each do |attr, change| %>
+      <tr>
+        <td><%= attr.to_s.humanize %></td>
+        <td>
+          <% if change.is_a?(Array) %>
+            <%= change[0].inspect %> &rarr; <%= change[1].inspect %>
+          <% else %>
+            <%= change %>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+  </table>
+<% end %>
+<% if @cta_url %>
+  <a class="btn" href="<%= @cta_url %>">Open in HR</a>
+<% end %>

data/app/views/hr_lite/event_mailer/leadership.text.erb

@@ -0,0 +1,16 @@
+<%= @heading %>
+<% if @body.present? %>
+<%= @body %>
+<% end %>
+<% @lines.each do |line| %>
+- <%= line %>
+<% end %>
+<% if @diff.present? %>
+Changes:
+<% @diff.each do |attr, change| %>
+- <%= attr.to_s.humanize %>: <%= change.is_a?(Array) ? "#{change[0].inspect} -> #{change[1].inspect}" : change %>
+<% end %>
+<% end %>
+<% if @cta_url %>
+<%= @cta_url %>
+<% end %>

data/app/views/hr_lite/holidays/_next_holiday.html.erb

@@ -0,0 +1,12 @@
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Next holiday</h2>
+  <% holiday = HrLite::Holiday.company_wide.upcoming.first %>
+  <% if holiday %>
+    <p><strong><%= holiday.name %></strong><br>
+      <span class="hrl-muted hrl-small"><%= holiday.date.strftime("%A, %d %B %Y") %>
+        (<%= (holiday.date - Date.current).to_i %> days away)</span></p>
+  <% else %>
+    <p class="hrl-muted hrl-small">No upcoming holidays on the calendar.</p>
+  <% end %>
+  <a class="hrl-small" href="<%= hr_lite.calendar_path %>">Company calendar</a>
+</section>

data/app/views/hr_lite/holidays/index.html.erb

@@ -0,0 +1,30 @@
+<% content_for(:page_title) { "Holidays" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Holidays <%= @year %></h1>
+  <div class="hrl-page__actions">
+    <a class="hrl-btn" href="<%= hr_lite.holidays_path(year: @year - 1) %>"><%= @year - 1 %></a>
+    <a class="hrl-btn" href="<%= hr_lite.holidays_path(year: @year + 1) %>"><%= @year + 1 %></a>
+    <a class="hrl-btn" href="<%= hr_lite.calendar_path %>">Calendar</a>
+  </div>
+</div>
+
+<section class="hrl-card">
+  <% if @holidays.any? %>
+    <div class="hrl-table-wrap">
+      <table class="hrl-table hrl-table--stack">
+        <thead><tr><th>Date</th><th>Holiday</th><th></th></tr></thead>
+        <tbody>
+          <% @holidays.each do |holiday| %>
+            <tr>
+              <td data-label="Date"><%= holiday.date.strftime("%a, %d %b") %></td>
+              <td data-label="Holiday"><%= holiday.name %></td>
+              <td data-label=""><% if holiday.optional %><span class="hrl-badge hrl-badge--muted">Optional</span><% end %></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% else %>
+    <p class="hrl-card--empty">No holidays recorded for <%= @year %>.</p>
+  <% end %>
+</section>

data/app/views/hr_lite/home/index.html.erb

@@ -0,0 +1,25 @@
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Hello, <%= hr_display_name(hr_current_user) %></h1>
+</div>
+
+<div class="hrl-grid hrl-grid--2">
+  <%= render "hr_lite/attendance/punch_card" %>
+  <%= render "hr_lite/leave_requests/balance_chips" %>
+  <%= render "hr_lite/holidays/next_holiday" %>
+
+  <section class="hrl-card">
+    <h2 class="hrl-card__title">Latest kudos</h2>
+    <% if @latest_kudos.any? %>
+      <div class="hrl-feed">
+        <%= render partial: "hr_lite/kudos/kudo", collection: @latest_kudos %>
+      </div>
+    <% else %>
+      <p class="hrl-muted hrl-small">No kudos yet — be the first to appreciate a teammate.</p>
+    <% end %>
+    <a class="hrl-btn hrl-mt" href="<%= hr_lite.kudos_path %>">Give kudos</a>
+  </section>
+</div>
+
+<% content_for :scripts do %>
+  <%= javascript_include_tag "hr_lite/geo_punch", defer: true %>
+<% end %>

data/app/views/hr_lite/kudos/_kudo.html.erb

@@ -0,0 +1,17 @@
+<div class="hrl-feed__item" id="kudo_<%= kudo.id %>">
+  <span class="hrl-avatar" aria-hidden="true"><%= hr_display_name(kudo.giver).first(1).upcase %></span>
+  <div class="hrl-feed__body">
+    <div class="hrl-row">
+      <strong><%= hr_display_name(kudo.giver) %></strong>
+      <% if kudo.badge_label %>
+        <span class="hrl-badge"><%= kudo.badge_label %></span>
+      <% end %>
+      <span class="hrl-feed__meta hrl-right"><%= time_ago_in_words(kudo.created_at) %> ago</span>
+    </div>
+    <p><%= render_kudo_message(kudo) %></p>
+    <% if kudo.deletable_by?(hr_current_user) %>
+      <%= button_to "Remove", hr_lite.kudo_path(kudo), method: :delete, class: "hrl-btn hrl-btn--danger hrl-small",
+                    form: { data: { turbo_confirm: "Remove this kudos?" } } %>
+    <% end %>
+  </div>
+</div>

data/app/views/hr_lite/kudos/index.html.erb

@@ -0,0 +1,39 @@
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Kudos wall</h1>
+  <p class="hrl-page__sub">Appreciate teammates publicly. Mention people with @ — they get notified.</p>
+</div>
+
+<section class="hrl-card">
+  <%= form_with model: @kudo, url: hr_lite.kudos_path, local: true do |f| %>
+    <%= render "hr_lite/shared/form_errors", record: @kudo %>
+    <div class="hrl-field">
+      <%= f.label :message, "Say something nice" %>
+      <div class="hrl-mention-wrap" data-hrl-mention data-search-url="<%= hr_lite.users_search_path %>">
+        <%= f.text_area :message, placeholder: "Type @ to mention a teammate…", maxlength: 1000 %>
+      </div>
+    </div>
+    <div class="hrl-field">
+      <%= f.label :badge, "Badge (optional)" %>
+      <div class="hrl-chiprow">
+        <% HrLite::Kudo::BADGES.each do |key, label| %>
+          <label><%= f.radio_button :badge, key %><span><%= label %></span></label>
+        <% end %>
+      </div>
+    </div>
+    <div class="hrl-form-actions">
+      <%= f.submit "Post kudos", class: "hrl-btn hrl-btn--primary" %>
+    </div>
+  <% end %>
+</section>
+
+<section class="hrl-card">
+  <% if @kudos.any? %>
+    <div class="hrl-feed">
+      <%= render partial: "hr_lite/kudos/kudo", collection: @kudos %>
+    </div>
+  <% else %>
+    <p class="hrl-card--empty">No kudos yet. Start the wall.</p>
+  <% end %>
+</section>
+
+<%= hrl_pagination %>

data/app/views/hr_lite/leave_balances/index.html.erb

@@ -0,0 +1,19 @@
+<% content_for(:page_title) { "Leave balances" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Leave balances <%= @year %></h1>
+</div>
+
+<div class="hrl-grid hrl-grid--2">
+  <% @balances.each do |balance| %>
+    <section class="hrl-card">
+      <h2 class="hrl-card__title"><%= balance.leave_type.name %></h2>
+      <dl class="hrl-deflist">
+        <dt>Entitled</dt><dd><%= balance.entitled.to_f %></dd>
+        <dt>Used</dt><dd><%= balance.used.to_f %></dd>
+        <dt>Available</dt><dd><strong><%= balance.available.to_f %></strong></dd>
+        <% if balance.carried_forward.positive? %><dt>Carried forward</dt><dd><%= balance.carried_forward.to_f %></dd><% end %>
+        <% if balance.adjustment.nonzero? %><dt>Adjustments</dt><dd><%= balance.adjustment.to_f %> <span class="hrl-muted hrl-small"><%= balance.adjustment_note %></span></dd><% end %>
+      </dl>
+    </section>
+  <% end %>
+</div>

data/app/views/hr_lite/leave_requests/_balance_chips.html.erb

@@ -0,0 +1,17 @@
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Leave balance <%= Date.current.year %></h2>
+  <% types = HrLite::LeaveType.active.where(paid: true).where.not(annual_quota: nil) %>
+  <% if types.any? %>
+    <div class="hrl-row">
+      <% types.each do |type| %>
+        <% balance = HrLite::LeaveBalance.for(hr_current_user, type, Date.current.year) %>
+        <span class="hrl-badge" style="background: <%= type.color %>1f; color: <%= type.color %>;">
+          <%= type.code %> <%= balance.available.to_f %>/<%= balance.entitled.to_f %>
+        </span>
+      <% end %>
+    </div>
+    <a class="hrl-btn hrl-mt" href="<%= hr_lite.new_leave_request_path %>">Apply for leave</a>
+  <% else %>
+    <p class="hrl-muted hrl-small">No leave types configured yet.</p>
+  <% end %>
+</section>

data/app/views/hr_lite/leave_requests/index.html.erb

@@ -0,0 +1,37 @@
+<% content_for(:page_title) { "Leaves" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">My leaves</h1>
+  <div class="hrl-page__actions">
+    <a class="hrl-btn hrl-btn--primary" href="<%= hr_lite.new_leave_request_path %>">Apply</a>
+  </div>
+</div>
+
+<%= render "hr_lite/leave_requests/balance_chips" %>
+
+<section class="hrl-card">
+  <% if @requests.any? %>
+    <div class="hrl-table-wrap">
+      <table class="hrl-table hrl-table--stack">
+        <thead><tr><th>Type</th><th>Dates</th><th>Days</th><th>Status</th><th></th></tr></thead>
+        <tbody>
+          <% @requests.each do |request| %>
+            <tr>
+              <td data-label="Type"><span class="hrl-badge" style="background: <%= request.leave_type.color %>1f; color: <%= request.leave_type.color %>;"><%= request.leave_type.code %></span></td>
+              <td data-label="Dates"><%= request.date_range_label %></td>
+              <td data-label="Days" class="hrl-num"><%= request.days_count.to_f %></td>
+              <td data-label="Status">
+                <span class="hrl-badge <%= { "approved" => "hrl-badge--ok", "rejected" => "hrl-badge--bad", "cancelled" => "hrl-badge--muted" }[request.status] %>"><%= request.status.humanize %></span>
+              </td>
+              <td data-label="">
+                <a class="hrl-small" href="<%= hr_lite.leave_request_path(request) %>">View</a>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+    <%= hrl_pagination %>
+  <% else %>
+    <p class="hrl-card--empty">No leave requests yet.</p>
+  <% end %>
+</section>

data/app/views/hr_lite/leave_requests/new.html.erb

@@ -0,0 +1,36 @@
+<% content_for(:page_title) { "Apply for leave" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Apply for leave</h1>
+</div>
+
+<%= render "hr_lite/leave_requests/balance_chips" %>
+
+<section class="hrl-card">
+  <%= form_with model: @request, url: hr_lite.leave_requests_path, local: true do |f| %>
+    <%= render "hr_lite/shared/form_errors", record: @request %>
+    <div class="hrl-field">
+      <%= f.label :leave_type_id, "Type" %>
+      <%= f.collection_select :leave_type_id, HrLite::LeaveType.active, :id, :name %>
+    </div>
+    <div class="hrl-field">
+      <%= f.label :start_date, "From" %>
+      <%= f.date_field :start_date %>
+    </div>
+    <div class="hrl-field">
+      <%= f.label :end_date, "To" %>
+      <%= f.date_field :end_date %>
+    </div>
+    <div class="hrl-field hrl-field--check">
+      <%= f.check_box :half_day %>
+      <%= f.label :half_day, "Half day (single-day requests only)" %>
+    </div>
+    <div class="hrl-field">
+      <%= f.label :reason, "Reason (optional)" %>
+      <%= f.text_area :reason %>
+    </div>
+    <div class="hrl-form-actions">
+      <%= f.submit "Submit request", class: "hrl-btn hrl-btn--primary" %>
+      <a class="hrl-btn" href="<%= hr_lite.leave_requests_path %>">Cancel</a>
+    </div>
+  <% end %>
+</section>

data/app/views/hr_lite/leave_requests/show.html.erb

@@ -0,0 +1,25 @@
+<% content_for(:page_title) { "Leave request" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Leave request</h1>
+  <div class="hrl-page__actions">
+    <a class="hrl-btn" href="<%= hr_lite.leave_requests_path %>">Back</a>
+  </div>
+</div>
+
+<section class="hrl-card">
+  <dl class="hrl-deflist">
+    <dt>Type</dt><dd><%= @request.leave_type.name %></dd>
+    <dt>Dates</dt><dd><%= @request.date_range_label %></dd>
+    <dt>Days</dt><dd><%= @request.days_count.to_f %></dd>
+    <dt>Status</dt><dd><span class="hrl-badge"><%= @request.status.humanize %></span></dd>
+    <% if @request.reason.present? %><dt>Reason</dt><dd><%= @request.reason %></dd><% end %>
+    <% if @request.decision_note.present? %><dt>Decision note</dt><dd><%= @request.decision_note %></dd><% end %>
+    <% if @request.decided_at %><dt>Decided</dt><dd><%= @request.decided_at.strftime("%d %b %Y") %> by <%= hr_display_name(@request.decided_by) %></dd><% end %>
+  </dl>
+
+  <% if @request.cancellable_by?(hr_current_user) %>
+    <%= button_to "Cancel this leave", hr_lite.cancel_leave_request_path(@request), method: :post,
+                  class: "hrl-btn hrl-btn--danger hrl-mt",
+                  form: { data: { turbo_confirm: "Cancel this leave request?" } } %>
+  <% end %>
+</section>

data/app/views/hr_lite/salary_slips/_slip_detail.html.erb

@@ -0,0 +1,48 @@
+<%# locals: slip, profile — shared by employee show, admin show %>
+<div class="hrl-grid hrl-grid--2">
+  <section class="hrl-card">
+    <h2 class="hrl-card__title">Earnings</h2>
+    <div class="hrl-table-wrap">
+      <table class="hrl-table">
+        <thead><tr><th>Component</th><th class="hrl-num">Full</th><th class="hrl-num">Earned</th></tr></thead>
+        <tbody>
+          <% slip.earnings_rows.each do |row| %>
+            <tr>
+              <td><%= row["label"] %></td>
+              <td class="hrl-num"><%= hrl_money(row["full_amount"]) %></td>
+              <td class="hrl-num"><%= hrl_money(row["amount"]) %></td>
+            </tr>
+          <% end %>
+          <tr><td><strong>Gross</strong></td><td></td><td class="hrl-num"><strong><%= hrl_money(slip.gross_earnings) %></strong></td></tr>
+        </tbody>
+      </table>
+    </div>
+  </section>
+
+  <section class="hrl-card">
+    <h2 class="hrl-card__title">Deductions</h2>
+    <div class="hrl-table-wrap">
+      <table class="hrl-table">
+        <tbody>
+          <% slip.deductions_rows.each do |row| %>
+            <tr><td><%= row["label"] %></td><td class="hrl-num"><%= hrl_money(row["amount"]) %></td></tr>
+          <% end %>
+          <tr><td><strong>Total deductions</strong></td><td class="hrl-num"><strong><%= hrl_money(slip.total_deductions) %></strong></td></tr>
+        </tbody>
+      </table>
+    </div>
+  </section>
+</div>
+
+<section class="hrl-card">
+  <dl class="hrl-deflist">
+    <dt>Net pay</dt><dd><strong><%= hrl_money(slip.net_pay) %></strong> (<%= hrl_amount_in_words(slip.net_pay) %>)</dd>
+    <dt>Days</dt><dd><%= slip.payable_days %> payable / <%= slip.effective_lop_days %> LOP of <%= slip.days_in_month %></dd>
+    <% if profile %>
+      <dt>Employee code</dt><dd><%= profile.employee_code %></dd>
+      <% if profile.masked_uan %><dt>PF UAN</dt><dd><%= profile.masked_uan %></dd><% end %>
+      <% if profile.masked_pan %><dt>PAN</dt><dd><%= profile.masked_pan %></dd><% end %>
+      <% if profile.masked_account %><dt>Bank</dt><dd><%= profile.bank_name %> <%= profile.masked_account %></dd><% end %>
+    <% end %>
+  </dl>
+</section>

data/app/views/hr_lite/salary_slips/index.html.erb

@@ -0,0 +1,29 @@
+<% content_for(:page_title) { "Salary slips" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">My salary slips</h1>
+</div>
+
+<section class="hrl-card">
+  <% if @slips.any? %>
+    <div class="hrl-table-wrap">
+      <table class="hrl-table hrl-table--stack">
+        <thead><tr><th>Period</th><th>Net pay</th><th></th></tr></thead>
+        <tbody>
+          <% @slips.each do |slip| %>
+            <tr>
+              <td data-label="Period"><%= slip.period_month.strftime("%B %Y") %></td>
+              <td data-label="Net pay" class="hrl-num"><strong><%= hrl_money(slip.net_pay) %></strong></td>
+              <td data-label="">
+                <a class="hrl-btn" href="<%= hr_lite.salary_slip_path(slip) %>">View</a>
+                <a class="hrl-btn" href="<%= hr_lite.salary_slip_path(slip, format: :pdf) %>">PDF</a>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+    <%= hrl_pagination %>
+  <% else %>
+    <p class="hrl-card--empty">No published salary slips yet.</p>
+  <% end %>
+</section>

data/app/views/hr_lite/salary_slips/pdf.html.erb

@@ -0,0 +1,72 @@
+<% company = HrLite.config.company.call %>
+<div class="pdf-card">
+  <div class="pdf-head">
+    <div>
+      <div class="pdf-company"><%= company[:name] %></div>
+      <% if company[:address].present? %><div class="pdf-muted"><%= company[:address] %></div><% end %>
+    </div>
+    <div style="text-align:right;">
+      <h1>Salary slip</h1>
+      <div class="pdf-muted"><%= @slip.period_month.strftime("%B %Y") %></div>
+    </div>
+  </div>
+
+  <table>
+    <tbody>
+      <tr>
+        <td><strong><%= HrLite.display_name(@slip.user) %></strong>
+          <% if @profile&.designation.present? %> · <%= @profile.designation %><% end %></td>
+        <td class="num">Employee code: <%= @profile&.employee_code || "—" %></td>
+      </tr>
+      <tr>
+        <td>
+          <% if @profile&.department.present? %>Dept: <%= @profile.department %> · <% end %>
+          <% if @profile&.date_of_joining %>DOJ: <%= @profile.date_of_joining.strftime("%d %b %Y") %><% end %>
+        </td>
+        <td class="num">
+          <% if @profile&.masked_uan %>UAN: <%= @profile.masked_uan %> · <% end %>
+          <% if @profile&.masked_pan %>PAN: <%= @profile.masked_pan %><% end %>
+        </td>
+      </tr>
+      <tr>
+        <td>Payable days: <%= @slip.payable_days %> / <%= @slip.days_in_month %> (LOP <%= @slip.effective_lop_days %>)</td>
+        <td class="num"><% if @profile&.masked_account %>Bank: <%= @profile.bank_name %> <%= @profile.masked_account %><% end %></td>
+      </tr>
+    </tbody>
+  </table>
+
+  <div class="cols">
+    <div>
+      <table>
+        <thead><tr><th>Earnings</th><th class="num">Full</th><th class="num">Earned</th></tr></thead>
+        <tbody>
+          <% @slip.earnings_rows.each do |row| %>
+            <tr><td><%= row["label"] %></td><td class="num"><%= row["full_amount"] %></td><td class="num"><%= row["amount"] %></td></tr>
+          <% end %>
+          <tr class="total"><td>Gross</td><td></td><td class="num"><%= @slip.gross_earnings.to_s("F") %></td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div>
+      <table>
+        <thead><tr><th>Deductions</th><th class="num">Amount</th></tr></thead>
+        <tbody>
+          <% @slip.deductions_rows.each do |row| %>
+            <tr><td><%= row["label"] %></td><td class="num"><%= row["amount"] %></td></tr>
+          <% end %>
+          <tr class="total"><td>Total deductions</td><td class="num"><%= @slip.total_deductions.to_s("F") %></td></tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+
+  <div class="pdf-net">
+    Net pay: <%= HrLite.config.currency_symbol %><%= @slip.net_pay.to_s("F") %>
+    (<%= hrl_amount_in_words(@slip.net_pay) %>)
+  </div>
+
+  <p class="pdf-foot">
+    Computer-generated payslip — no signature required. Statutory figures are computed on a
+    projection basis; verify with your accountant. Generated <%= Time.current.strftime("%d %b %Y") %>.
+  </p>
+</div>

data/app/views/hr_lite/salary_slips/show.html.erb

@@ -0,0 +1,12 @@
+<% content_for(:page_title) { "Slip #{@slip.period_month.strftime('%b %Y')}" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Salary slip — <%= @slip.period_month.strftime("%B %Y") %></h1>
+  <div class="hrl-page__actions">
+    <a class="hrl-btn" href="<%= hr_lite.salary_slips_path %>">All slips</a>
+    <a class="hrl-btn hrl-btn--primary" href="<%= hr_lite.salary_slip_path(@slip, format: :pdf) %>">Download PDF</a>
+  </div>
+</div>
+
+<%= render "hr_lite/salary_slips/slip_detail", slip: @slip, profile: @slip.user_profile %>
+
+<p class="hrl-small hrl-muted">Computer-generated payslip. Verify statutory figures with your accountant.</p>

data/app/views/hr_lite/shared/_form_errors.html.erb

@@ -0,0 +1,10 @@
+<% if record.errors.any? %>
+  <div class="hrl-errors">
+    <strong><%= pluralize(record.errors.count, "problem") %> prevented saving:</strong>
+    <ul>
+      <% record.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/app/views/hr_lite/shared/_pagination.html.erb

@@ -0,0 +1,11 @@
+<% if (@total_pages || 1) > 1 %>
+  <nav class="hrl-pager" aria-label="Pagination">
+    <% if @page > 1 %>
+      <%= link_to "Previous", url_for(request.query_parameters.merge(page: @page - 1)), class: "hrl-btn" %>
+    <% end %>
+    <span class="hrl-pager__info">Page <%= @page %> of <%= @total_pages %> (<%= @total_count %>)</span>
+    <% if @page < @total_pages %>
+      <%= link_to "Next", url_for(request.query_parameters.merge(page: @page + 1)), class: "hrl-btn" %>
+    <% end %>
+  </nav>
+<% end %>