{% extends '@Commercial/commercial/layout.html.twig' %}
{% block commercial_title %}Conflits calendrier{% endblock %}
{% block commercial_content %}
<div class="calendar-settings">
  <header class="calendar-header"><div><span class="calendar-eyebrow">Synchronisation</span><h1>Conflits à examiner</h1><p>Aucune donnée commerciale critique n’est écrasée silencieusement.</p></div><a class="btn btn-outline-secondary" href="{{ path('commercial_calendar_index') }}">Retour</a></header>
  <section class="settings-card">
    {% for conflict in conflicts %}
      <article class="conflict-card">
        <div><strong>{{ conflict.calendarEvent.title }}</strong><small>{{ conflict.conflictType }} · {{ conflict.createdAt|date('d/m/Y H:i') }}</small></div>
        <form method="post" action="{{ path('commercial_calendar_conflict_resolve', {id: conflict.id}) }}">
          <input type="hidden" name="_token" value="{{ csrf_token('calendar_conflict_' ~ conflict.id) }}">
          <select name="strategy"><option value="capsule_wins">Conserver Capsule</option><option value="google_wins">Conserver Google</option><option value="field_merge">Fusionner</option><option value="ignored">Ignorer</option></select>
          <button class="btn btn-primary">Résoudre</button>
        </form>
      </article>
    {% else %}<div class="google-connect-empty"><i class="ti ti-circle-check"></i><h2>Aucun conflit</h2><p>Les calendriers sont cohérents.</p></div>{% endfor %}
  </section>
</div>
{% endblock %}