{% extends 'base.html' %}
{% block title %}Équipe & Soldes · RH Planète{% endblock %}
{% block content %}
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-4">
  <div><div class="eyebrow">Administration RH</div><h1 class="h2 mb-1 fw-bold">Équipe & soldes</h1>
  <p class="text-secondary mb-0">Consultez les collaborateurs et gérez leurs fiches et leurs soldes.</p></div>
  {% if edit_person %}<a class="btn btn-primary" href="{{ url_for('people_admin', year=year, create=1) }}">+ Ajouter un collaborateur</a>
  {% else %}<button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#personModal">+ Ajouter un collaborateur</button>{% endif %}
</div>
<!-- Active Directory Table -->
<div class="card border shadow-sm">
  <div class="card-header d-flex justify-content-between align-items-center">
    <h2 class="h5 mb-0 fw-bold">Répertoire actif ({{ people|length }} collaborateurs)</h2>
    <form class="d-flex align-items-center gap-2">
      <label class="small text-secondary mb-0">Année :</label>
      <input class="form-control form-control-sm num-mono" style="width: 90px;" type="number" name="year" value="{{ year }}">
      <button class="btn btn-sm btn-outline-primary">Filtrer</button>
    </form>
  </div>
  
  <div class="table-responsive">
    <table data-searchable class="table align-middle mb-0 table-hover">
      <thead>
        <tr>
          <th>Collaborateur</th>
          <th>Service</th>
          <th class="text-end">Salaire de base</th>
          <th>Manager N+1</th>
          <th>Date d’entrée dans la société</th>
          <th>Soldes {{ year }}</th>
          <th class="text-end">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for p in people %}
        <tr>
          <td>
            <div class="fw-bold">{{ p.full_name }}</div>
            <small class="text-muted">@{{ p.username }} · {{ p.role }}</small>
          </td>
          <td>
            <span class="badge bg-light text-dark border">{{ p.team or 'Non assigné' }}</span>
          </td>
          <td class="text-end fw-semibold num-mono">
            {% if p.basic_salary and p.basic_salary > 0 %}
              {{ '{:,.0f}'.format(p.basic_salary).replace(',', ' ') }} <small class="text-muted">Rs</small>
            {% else %}
              <span class="text-muted small">—</span>
            {% endif %}
          </td>
          <td>{{ p.manager_name or '—' }}</td>
          <td class="num-mono small">
            <div>{{ p.start_date|date_fr }}</div>

          </td>
          <td>
            <span class="badge bg-primary-subtle text-primary num-mono">
              CP: {{ ((p.annual_opening or 0) + (p.annual_entitlement or 0) - (p.annual_used or 0))|round(1) }} j
            </span>
            <span class="badge bg-warning-subtle text-warning num-mono ms-1">
              Sick: {{ ((p.sick_opening or 0) + (p.sick_entitlement or 0) - (p.sick_used or 0))|round(1) }} j
            </span>
          </td>
          <td class="text-end">
            <a class="btn btn-sm btn-outline-primary py-1 px-3" href="{{ url_for('people_admin', year=year, edit=p.id) }}">
              Fiche
            </a>
            <a class="btn btn-sm btn-outline-secondary mt-1" href="{{ url_for('people_admin', year=year, edit=p.id, section='balances') }}">Soldes</a>
          </td>
        </tr>
        {% else %}
        <tr>
          <td colspan="7" class="text-center text-secondary py-5">Aucun compte trouvé.</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<div class="modal fade" id="personModal" tabindex="-1" aria-labelledby="personModalTitle" {% if (edit_person and request.args.get('section') != 'balances') or request.args.get('create') %}data-auto-open{% endif %}>
 <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"><div class="modal-content">
  <div class="modal-header"><h2 class="modal-title h5" id="personModalTitle">{{ 'Modifier la fiche' if edit_person else 'Ajouter un collaborateur' }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button></div>
  <form method="post" action="{{ url_for('people_admin') }}" class="people-modal-form">
   <div class="modal-body"><p class="small text-secondary">Les champs marqués d’un * sont obligatoires. Les soldes se règlent séparément après la création. Le compte est initialisé par l’administrateur dans Accès.</p>
   {% if edit_person and edit_person.name_inferred %}<p class="alert alert-info small">Prénom et nom proposés à partir du nom complet existant « {{ edit_person.full_name }} ». Vérifiez leur répartition avant d’enregistrer.</p>{% endif %}
   <input type="hidden" name="csrf_token" value="{{ csrf_token }}"><input type="hidden" name="year" value="{{ year }}"><input type="hidden" name="user_id" value="{{ edit_person.id if edit_person else '' }}">
    <div class="row g-3">
      <div class="col-md-6">
        <label class="form-label small fw-bold text-uppercase" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;" for="profile_last_name">Nom de famille <span class="text-danger">*</span></label>
        <input class="form-control" id="profile_last_name" name="last_name" required value="{{ edit_person.last_name if edit_person and edit_person.last_name else '' }}" placeholder="ex: VYTELINGUM">
      </div>
      <div class="col-md-6">
        <label class="form-label small fw-bold text-uppercase" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;" for="profile_first_name">Prénom(s) <span class="text-danger">*</span></label>
        <input class="form-control" id="profile_first_name" name="first_name" required value="{{ edit_person.first_name if edit_person and edit_person.first_name else '' }}" placeholder="ex: Daphne">
      </div>
      <div class="col-md-6">
        <label class="form-label small fw-bold text-uppercase" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">Salaire de base (Rs) <span class="text-danger">*</span></label>
        <div class="input-group">
          <span class="input-group-text">MUR</span>
          <input class="form-control num-mono" type="number" step="0.01" min="0" required name="basic_salary" value="{{ edit_person.basic_salary if edit_person and edit_person.basic_salary else 0 }}">
        </div>
      </div>
      <div class="col-md-6">
        <label class="form-label small fw-bold text-uppercase" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">Service / Équipe <span class="text-danger">*</span></label>
        <select class="form-select" name="team" required><option value="">Choisir une équipe</option>{% for team in teams %}<option value="{{ team }}" {{ 'selected' if edit_person and edit_person.team == team }}>{{ team }}</option>{% endfor %}{% if edit_person and edit_person.team and edit_person.team not in teams %}<option value="{{ edit_person.team }}" selected>{{ edit_person.team }} (historique)</option>{% endif %}</select>
      </div>
      <div class="col-md-6">
        <label class="form-label small fw-bold text-uppercase" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">Poste / Fonction <span class="text-danger">*</span></label>
        <select class="form-select" name="position_title" required><option value="">Choisir une fonction</option>{% for f in functions %}<option value="{{ f.name }}" {{ 'selected' if edit_person and edit_person.position_title == f.name }}>{{ f.name }}</option>{% endfor %}{% if edit_person and edit_person.position_title and edit_person.position_title not in functions|map(attribute='name')|list %}<option value="{{ edit_person.position_title }}" selected>{{ edit_person.position_title }} (historique)</option>{% endif %}</select>{% if not functions %}<p class="small text-secondary mt-2">L’administrateur doit d’abord ajouter les fonctions dans Paramétrage.</p>{% endif %}
      </div>
      <div class="col-md-6">
        <label class="form-label small fw-bold text-uppercase" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">N° NIC / Identité <span class="text-danger">*</span></label>
        <input class="form-control num-mono" name="cin_nic" required value="{{ edit_person.cin_nic if edit_person and edit_person.cin_nic else '' }}" placeholder="ex: V123456789012A">
      </div>

      <div class="col-md-6">
        <label class="form-label small fw-bold text-uppercase" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;" for="profile_start_date">Date d’entrée <span class="text-danger">*</span></label>
        <input class="form-control num-mono" type="text" data-date-fr inputmode="numeric" placeholder="JJ/MM/AAAA" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" id="profile_start_date" name="start_date" required value="{{ edit_person.start_date|date_fr if edit_person and edit_person.start_date else '' }}">
      </div>
      <div class="col-md-6">
        <label class="form-label small fw-bold text-uppercase" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">Manager N+1</label>
        <select class="form-select" name="manager_id">
          <option value="">À définir / Aucun</option>
          {% for m in managers %}
            <option value="{{ m.id }}" {{ 'selected' if edit_person and edit_person.manager_id == m.id }}>{{ m.full_name }}</option>
          {% endfor %}
        </select>
      </div>
    </div>

    <h3 class="h6 mt-4 mb-3">Informations personnelles</h3>
    <div class="row g-3"><div class="col-md-6"><label class="form-label" for="profile_birth_date">Date de naissance</label><input class="form-control" id="profile_birth_date" name="birth_date" type="text" data-date-fr placeholder="JJ/MM/AAAA" value="{{ edit_person.birth_date|date_fr if edit_person and edit_person.birth_date else '' }}"></div></div>
    <details class="mt-3"><summary class="fw-semibold">Annonces et anniversaires</summary><p class="small text-secondary mt-2">L’anniversaire personnel et sa notification sont facultatifs, à activer avec l’accord du collaborateur. L’âge et la date de naissance complète ne sont pas affichés.</p>
      {% for field,label in [('birthday_public','Afficher son anniversaire dans l’espace de l’équipe'),('birthday_email','Inclure son anniversaire dans le récapitulatif de la direction'),('anniversary_public','Afficher ses anniversaires d’entrée dans la société')] %}<div class="form-check mb-2"><input class="form-check-input" type="checkbox" name="{{ field }}" id="{{ field }}" {{ 'checked' if (edit_person and edit_person[field]) or (not edit_person and field=='anniversary_public') }}><label class="form-check-label" for="{{ field }}">{{ label }}</label></div>{% endfor %}
    </details>
    <h3 class="h6 mt-4 mb-3">Coordonnées</h3>
    <div class="row g-3">
     <div class="col-md-6"><label class="form-label" for="profile_phone">Téléphone</label><input class="form-control" type="tel" id="profile_phone" name="phone" maxlength="254" autocomplete="tel" value="{{ edit_person.phone or '' if edit_person else '' }}" placeholder="Avec indicatif pays"></div>
     <div class="col-md-6"><label class="form-label" for="profile_email">Adresse e-mail</label><input class="form-control" type="email" id="profile_email" name="email" maxlength="254" autocomplete="email" value="{{ edit_person.email or '' if edit_person else '' }}"></div>
     <div class="col-12"><label class="form-label" for="profile_address1">Adresse ligne 1 — numéro et rue</label><input class="form-control" id="profile_address1" name="address_line1" maxlength="254" autocomplete="address-line1" value="{{ edit_person.address_line1 or '' if edit_person else '' }}" placeholder="Ex. : 12, rue des Fleurs"></div>
     {% if edit_person and edit_person.address_legacy %}<div class="col-12"><p class="small text-secondary mb-0">L’ancienne adresse a été conservée sur la première ligne. Répartissez-la dans les champs ci-dessous avant d’enregistrer.</p></div>{% endif %}
     <div class="col-12"><label class="form-label" for="profile_address2">Adresse ligne 2 — complément</label><input class="form-control" id="profile_address2" name="address_line2" maxlength="254" autocomplete="address-line2" value="{{ edit_person.address_line2 or '' if edit_person else '' }}" placeholder="Appartement, étage, bâtiment…"></div>
     <div class="col-md-4"><label class="form-label" for="profile_postal_code">Code postal</label><input class="form-control" id="profile_postal_code" name="postal_code" maxlength="32" autocomplete="postal-code" value="{{ edit_person.postal_code or '' if edit_person else '' }}"></div>
     <div class="col-md-8"><label class="form-label" for="profile_city">Ville / Localité</label><input class="form-control" id="profile_city" name="city" maxlength="128" autocomplete="address-level2" value="{{ edit_person.city or '' if edit_person else '' }}"></div>
     <div class="col-12"><label class="form-label" for="profile_country">Pays</label><input class="form-control" id="profile_country" name="country" maxlength="128" autocomplete="country-name" value="{{ edit_person.country or '' if edit_person else '' }}" placeholder="Ex. : Maurice"></div>
    </div>
    <details class="mt-4"><summary class="fw-semibold">Coordonnées bancaires (confidentielles)</summary><p class="small text-secondary mt-2">Réservées à la fiche RH, jamais reprises dans les annonces ou les e-mails d’anniversaire.</p><div class="row g-3">
      {% for field,label,limit in [('bank_name','Nom de la banque',64),('bank_account_holder','Titulaire du compte',128),('bank_account','Numéro de compte / IBAN',64)] %}<div class="col-md-6"><label class="form-label" for="profile_{{ field }}">{{ label }}</label><input class="form-control" id="profile_{{ field }}" name="{{ field }}" maxlength="{{ limit }}" autocomplete="off" value="{{ edit_person[field] or '' if edit_person else '' }}"></div>{% endfor %}
    </div></details>
    <details class="mt-4"><summary class="fw-semibold">Contact en cas d’urgence (facultatif)</summary><div class="row g-3 mt-1">
     <div class="col-md-6"><label class="form-label" for="profile_emergency_name">Nom du contact</label><input class="form-control" id="profile_emergency_name" name="emergency_contact_name" maxlength="254" value="{{ edit_person.emergency_contact_name or '' if edit_person else '' }}"></div>
     <div class="col-md-6"><label class="form-label" for="profile_emergency_phone">Téléphone du contact</label><input class="form-control" type="tel" id="profile_emergency_phone" name="emergency_contact_phone" maxlength="254" value="{{ edit_person.emergency_contact_phone or '' if edit_person else '' }}"></div>
    </div></details>
   </div><div class="modal-footer"><button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">Annuler</button><button class="btn btn-primary">{{ 'Enregistrer la fiche' if edit_person else 'Créer le collaborateur' }}</button></div>
  </form>
 </div></div>
</div>
{% if edit_person %}
<div class="modal fade" id="balancesModal" tabindex="-1" aria-labelledby="balancesModalTitle" {% if request.args.get('section') == 'balances' %}data-auto-open{% endif %}>
 <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"><div class="modal-content">
  <div class="modal-header"><div><h2 class="modal-title h5" id="balancesModalTitle">Paramétrer les soldes</h2><p class="small text-secondary mb-0">{{ edit_person.full_name }} · Exercice {{ year }}</p></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button></div>
  <form method="post" action="{{ url_for('save_person_balances', user_id=edit_person.id) }}" class="people-modal-form">
   <div class="modal-body"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><input type="hidden" name="year" value="{{ year }}">
   <p class="small text-secondary">Les six montants sont obligatoires ; indiquez 0 si aucun jour n’est concerné.</p>
    <!-- Leave Balances Section -->
    <div class="border-top pt-3 mt-4" style="border-color: var(--line) !important;">
      <h6 class="fw-bold mb-3" style="font-family: var(--display-font); color: var(--ink);">Soldes de Congés Annuels et Maladie (Année {{ year }})</h6>
      <p class="small text-secondary">Lorsqu’un nouvel exercice n’a pas encore de soldes enregistrés, les reliquats positifs de congés annuels et de sick sont reportés intégralement. Les nouveaux droits de 22 jours annuels et 15 jours sick s’appliquent après 12 mois de service. Les exercices déjà enregistrés conservent les montants validés par RH. Un exercice futur n’attribue pas encore de droits. La réserve sick est distincte des droits de l’année ; son utilisation dépend des règles applicables.</p>
      {% if edit_person.automatic_rollover %}<p class="alert alert-info small">Report automatique proposé pour {{ year }}. Enregistrer les soldes fixe ces montants dans le registre RH.</p>{% endif %}
      <div class="row g-3">
        <div class="col-6 col-md-4">
          <label class="form-label small text-secondary">CP report</label>
          <input class="form-control num-mono" type="number" name="annual_opening" value="{{ edit_person.annual_opening or 0 if edit_person else 0 }}" step="0.5" min="0" required>
        </div>
        <div class="col-6 col-md-4">
          <label class="form-label small text-secondary">CP acquis</label>
          <input class="form-control num-mono" type="number" name="annual_entitlement" value="{{ edit_person.annual_entitlement or 0 if edit_person else 0 }}" step="0.5" min="0" required>
        </div>
        <div class="col-6 col-md-4">
          <label class="form-label small text-secondary">CP pris</label>
          <input class="form-control num-mono" type="number" name="annual_used" value="{{ edit_person.annual_used or 0 if edit_person else 0 }}" step="0.5" min="0" required>
        </div>
        <div class="col-6 col-md-4">
          <label class="form-label small text-secondary">Sick report</label>
          <input class="form-control num-mono" type="number" name="sick_opening" value="{{ edit_person.sick_opening or 0 if edit_person else 0 }}" step="0.5" min="0" required>
        </div>
        <div class="col-6 col-md-4">
          <label class="form-label small text-secondary">Sick acquis</label>
          <input class="form-control num-mono" type="number" name="sick_entitlement" value="{{ edit_person.sick_entitlement or 0 if edit_person else 0 }}" step="0.5" min="0" required>
        </div>
        <div class="col-6 col-md-4">
          <label class="form-label small text-secondary">Sick pris</label>
          <input class="form-control num-mono" type="number" name="sick_used" value="{{ edit_person.sick_used or 0 if edit_person else 0 }}" step="0.5" min="0" required>
        </div>
      </div>
    </div>

    <details class="border-top pt-3 mt-4"><summary class="fw-semibold">Correction exceptionnelle de l’assiduité</summary>
      <h2 class="h6">Vérification des six premiers mois de service continu</h2>
      <p class="small text-secondary">La date d’entrée représente le début du service continu. L’historique des absences alimente automatiquement les droits anticipés. Utilisez la correction ci-dessous en cas d’anomalie. Le télétravail et le congé menstruel ne bloquent pas ces droits ; une absence ne remet pas l’ancienneté à zéro.</p>
      <label for="attendance_status" class="form-label">Correction exceptionnelle de l’assiduité</label>
      <select id="attendance_status" name="attendance_status" class="form-select mb-3">
        <option value="unknown" {{ 'selected' if not attendance_review or attendance_review.status == 'unknown' }}>Automatique : utiliser les absences enregistrées</option>
        <option value="confirmed" {{ 'selected' if attendance_review and attendance_review.status == 'confirmed' }}>Présence intégrale confirmée sur les six mois complets</option>
        <option value="not_met" {{ 'selected' if attendance_review and attendance_review.status == 'not_met' }}>Condition de présence intégrale non remplie</option>
      </select>
      <label for="attendance_note" class="form-label">Source de la vérification et commentaire</label>
      <textarea id="attendance_note" name="attendance_note" class="form-control" rows="2">{{ attendance_review.note if attendance_review else '' }}</textarea>
      {% if edit_person %}<div class="alert alert-info mt-3">{{ wra_status_map.get(edit_person.id, '') }}</div>{% endif %}
    </details>

   </div><div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Annuler</button><button class="btn btn-primary">Enregistrer les soldes</button></div>
  </form>
 </div></div>
</div>
{% endif %}
{% endblock %}