{% extends 'base.html' %}
{% block title %}Déclaration Week-end · RH Planète{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-12 col-lg-7">
    <div class="mb-4">
      <div class="eyebrow">Espace Collaborateur</div>
      <h1 class="h2 mb-1 fw-bold">Déclarer un week-end ou astreinte</h1>
      <p class="text-secondary mb-0 small">Enregistrez vos interventions samedi/dimanche pour validation et indemnisation paie (MUR).</p>
    </div>

    <form method="post" class="card border shadow-sm">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      
      <div class="card-body p-4 p-md-5">
        <div class="mb-3">
          <label class="form-label small fw-bold text-uppercase" for="work_date" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">Date de l'intervention (samedi ou dimanche)</label>
          <input class="form-control num-mono" id="work_date" name="work_date" type="text" data-date-fr inputmode="numeric" placeholder="JJ/MM/AAAA" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" value="{{ request.form.get('work_date', '') }}" required>
        </div>

        <div class="mb-3">
          <label class="form-label small fw-bold text-uppercase" for="work_type" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">Type de prestation</label>
          <select class="form-select" id="work_type" name="work_type">
            <option value="saturday" {{ 'selected' if request.form.get('work_type') == 'saturday' }}>Samedi travaillé</option>
            <option value="sunday" {{ 'selected' if request.form.get('work_type') == 'sunday' }}>Dimanche travaillé</option>
            <option value="on_call" {{ 'selected' if request.form.get('work_type') == 'on_call' }}>Astreinte opérationnelle</option>
          </select>
        </div>

        <div class="mb-3">
          <label class="form-label small fw-bold text-uppercase" for="intervention_hours" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">Heures effectives d’intervention</label>
          <input class="form-control num-mono" id="intervention_hours" name="intervention_hours" type="number" min="0" max="24" step="0.25" value="{{ request.form.get('intervention_hours', '0') }}">
          <div class="form-text small text-muted">Laissez 0 pour une astreinte de disponibilité sans appel téléphonique ou intervention.</div>
        </div>

        <div class="mb-4">
          <label class="form-label small fw-bold text-uppercase" for="notes" style="color: var(--ink-3); font-size: 0.72rem; letter-spacing: 0.08em;">Détail des actions / Tickets traités</label>
          <textarea class="form-control" id="notes" name="notes" rows="3" maxlength="500" placeholder="Références clients ou interventions techniques...">{{ request.form.get('notes', '') }}</textarea>
        </div>

        <div class="d-flex flex-wrap gap-2">
          <button class="btn btn-primary px-4 fw-bold">Envoyer pour validation</button>
          <a class="btn btn-outline-secondary" href="{{ url_for('dashboard') }}">Annuler</a>
        </div>
      </div>
    </form>
  </div>
</div>
{% endblock %}