{% extends 'layouts/base.twig' %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-0">{{ title }}</h1>
        <p class="text-muted mb-0">План закрытия сделок</p>
    </div>
    <a href="{{ site_url('/crm/deals/new') }}" class="btn btn-primary">
        <i class="fa-solid fa-plus me-2"></i>Новая сделка
    </a>
</div>

{# Переключатель видов #}
<ul class="nav nav-tabs mb-4">
    <li class="nav-item">
        <a class="nav-link" href="{{ site_url('/crm/deals') }}">
            <i class="fa-solid fa-list me-2"></i>Список
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ site_url('/crm/deals/kanban') }}">
            <i class="fa-solid fa-columns me-2"></i>Канбан
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" href="{{ site_url('/crm/deals/calendar') }}">
            <i class="fa-solid fa-calendar me-2"></i>Календарь
        </a>
    </li>
</ul>

{# Календарь #}
{{ include('@components/calendar/calendar.twig', {
    eventsByDate: eventsByDate,
    currentMonth: currentMonth,
    monthName: monthName,
    daysInMonth: daysInMonth,
    firstDayOfWeek: firstDayOfWeek,
    today: today,
    prevMonth: site_url('/crm/deals/calendar?month=' ~ prevMonth),
    nextMonth: site_url('/crm/deals/calendar?month=' ~ nextMonth),
    showNavigation: true,
    showLegend: true,
    legend: calendarLegend,
    eventComponent: '@CRM/deals/calendar_event.twig'
}) }}
{% endblock %}

{% block stylesheets %}
{{ parent() }}
<style>
.calendar-events-more {
    padding: 0.125rem 0.5rem;
}
</style>
{% endblock %}