{% extends 'base.html' %}
{% block content %}
<div class="container mt-4" style="max-width: 980px;">
  <h3 class="mb-3">My Profile</h3>

  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      {% for c, m in messages %}
        <div class="alert alert-{{ c }} alert-dismissible fade show" role="alert">
          {{ m }}
          <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
      {% endfor %}
    {% endif %}
  {% endwith %}

  <div class="card shadow-sm mb-3">
    <div class="card-body small text-muted">
      <div class="row">
        <div class="col-md-6">
          <div><b>Employee Code:</b> {{ emp.employee_code }}</div>
          <div><b>Department:</b> {{ emp.department.name if emp.department else '-' }}</div>
          <div><b>Designation:</b> {{ emp.designation.title if emp.designation else '-' }}</div>
        </div>
        <div class="col-md-6">
          <div><b>Reporting Manager:</b> {{ emp.manager.full_name if emp.manager else '-' }}</div>
          <div><b>Work Mode:</b> {{ emp.work_mode or '-' }}</div>
          <div><b>Shift:</b> {{ emp.shift_start or '-' }} – {{ emp.shift_end or '-' }}</div>
        </div>
      </div>
      <div class="mt-1"><em>Note:</em> Company fields shown above are read‑only here.</div>
    </div>
  </div>

  {% set ro = (emp.status or '').lower() == 'resigned' %}

  <form method="POST" enctype="multipart/form-data" class="card shadow-sm">
    <div class="card-body">
      <h6 class="text-uppercase text-muted mb-3">Personal Information</h6>
      <div class="row g-3">
        <div class="col-md-4">
          <label class="form-label">Phone</label>
          <input name="phone" class="form-control" value="{{ emp.phone or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-4">
          <label class="form-label">Personal Email</label>
          <input type="email" name="personal_email" class="form-control" value="{{ emp.personal_email or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-4">
          <label class="form-label">Personal Number</label>
          <input name="personal_number" class="form-control" value="{{ emp.personal_number or '' }}" {% if ro %}disabled{% endif %}>
        </div>

        <div class="col-md-6">
          <label class="form-label">Permanent Address</label>
          <textarea name="address" class="form-control" rows="2" {% if ro %}disabled{% endif %}>{{ emp.address or '' }}</textarea>
        </div>
        <div class="col-md-6">
          <label class="form-label">Temporary Address</label>
          <textarea name="temporary_address" class="form-control" rows="2" {% if ro %}disabled{% endif %}>{{ emp.temporary_address or '' }}</textarea>
        </div>

        <div class="col-md-4">
          <label class="form-label">Emergency Contact Name</label>
          <input name="emergency_contact_name" class="form-control" value="{{ emp.emergency_contact_name or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-4">
          <label class="form-label">Emergency Contact Number</label>
          <input name="emergency_contact_number" class="form-control" value="{{ emp.emergency_contact_number or '' }}" {% if ro %}disabled{% endif %}>
        </div>
      </div>

      <hr class="my-4">

      <h6 class="text-uppercase text-muted mb-3">ID Details</h6>
      <div class="row g-3">
        <div class="col-md-3">
          <label class="form-label">Aadhar Name</label>
          <input name="aadhar_name" class="form-control" value="{{ emp.aadhar_name or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-3">
          <label class="form-label">Aadhar Number</label>
          <input name="aadhar_number" class="form-control" value="{{ emp.aadhar_number or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-3">
          <label class="form-label">PAN Name</label>
          <input name="pan_name" class="form-control" value="{{ emp.pan_name or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-3">
          <label class="form-label">PAN Number</label>
          <input name="pan_number" class="form-control" value="{{ emp.pan_number or '' }}" {% if ro %}disabled{% endif %}>
        </div>
      </div>

      <hr class="my-4">

      <h6 class="text-uppercase text-muted mb-3">Bank Details</h6>
      <div class="row g-3">
        <div class="col-md-4">
          <label class="form-label">Account Holder Name</label>
          <input name="bank_account_name" class="form-control" value="{{ emp.bank_account_name or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-4">
          <label class="form-label">Account Number</label>
          <input name="bank_account_number" class="form-control" value="{{ emp.bank_account_number or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-2">
          <label class="form-label">IFSC</label>
          <input name="ifsc_code" class="form-control" value="{{ emp.ifsc_code or '' }}" {% if ro %}disabled{% endif %}>
        </div>
        <div class="col-md-2">
          <label class="form-label">Bank</label>
          <input name="bank_name" class="form-control" value="{{ emp.bank_name or '' }}" {% if ro %}disabled{% endif %}>
        </div>
      </div>

      <hr class="my-4">

      <h6 class="text-uppercase text-muted mb-3">Documents</h6>
      <div class="row g-3">
        {% macro doc_input(label, name, path) -%}
        <div class="col-md-6">
          <label class="form-label">{{ label }}</label>
          <input type="file" class="form-control" name="{{ name }}" accept=".pdf,.doc,.docx,.png,.jpg,.jpeg" {% if ro %}disabled{% endif %}>
          {% if path %}
            {% set p = (path or '').replace('\\','/') %}
            {% if p.startswith('uploads/') %}
              {% set rel = p[8:] %}
            {% else %}
              {% set rel = p %}
            {% endif %}
            <div class="form-text mt-1">
              <a href="{{ url_for('serve_upload', subpath=rel) }}" target="_blank">View existing</a>
            </div>
          {% endif %}
        </div>
        {%- endmacro %}

        {{ doc_input('Resume', 'resume', emp.resume_path) }}
        {{ doc_input('ID Proof', 'id_proof', emp.id_proof_path) }}
        {{ doc_input('Qualification Certificates', 'doc_qualification', emp.doc_qualification) }}
        {{ doc_input('Photographs', 'doc_photographs', emp.doc_photographs) }}
        {{ doc_input('PAN Card', 'doc_pan_card', emp.doc_pan_card) }}
        {{ doc_input('Aadhar Card', 'doc_aadhar_card', emp.doc_aadhar_card) }}
        {{ doc_input('Parent/Spouse Aadhar', 'doc_parents_aadhar', emp.doc_parents_aadhar) }}
        {{ doc_input('UAN Card', 'doc_uan_card', emp.doc_uan_card) }}
        {{ doc_input('Cancelled Cheque', 'doc_cancelled_cheque', emp.doc_cancelled_cheque) }}
      </div>

      <div class="text-end mt-4">
        {% if ro %}
          <button type="button" class="btn btn-secondary" disabled>Profile is Read‑only</button>
        {% else %}
          <button type="submit" class="btn btn-primary px-4">Save Changes</button>
        {% endif %}
      </div>
    </div>
  </form>
</div>
{% endblock %}