\n
\n {% load static %}\n<!DOCTYPE html>\n<html lang="uk">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">\n <meta name="color-scheme" content="light dark">\n <meta http-equiv="X-UA-Compatible" content="ie=edge">\n <title>{% block title %}\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0440\u043e\u0437\u0441\u0438\u043b\u043e\u043a{% endblock %}</title>\n <script>{% comment %}\u0412\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u044e\u0454\u043c\u043e \u0442\u0435\u043c\u0443 \u0434\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0443{% endcomment %}(function() {let savedTheme = localStorage.getItem('theme');if (!savedTheme) {savedTheme = 'auto';localStorage.setItem('theme', savedTheme);}const theme = savedTheme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : savedTheme;document.documentElement.setAttribute('data-bs-theme', theme);document.addEventListener('DOMContentLoaded', () => {const switchInput = document.getElementById('themeSwitch');const themeLabel = document.getElementById('themeLabel');if (switchInput && themeLabel) {switchInput.checked = theme === 'dark';themeLabel.textContent = theme === 'dark' ? '\u0422\u0435\u043c\u043d\u0430 \u0442\u0435\u043c\u0430' : '\u0421\u0432\u0456\u0442\u043b\u0430 \u0442\u0435\u043c\u0430';}});})();</script>\n <link href="{% static 'mailings/css/bootstrap.min.css' %}" rel="stylesheet">\n <link href="{% static 'fontawesomefree/css/all.min.css' %}" rel="stylesheet" type="text/css">\n <link href="{% static 'mailings/css/styles.css' %}" rel="stylesheet">\n <link rel="shortcut icon" type="image/x-icon" href="{% static 'favicon.ico' %}">\n {% block extra_css %}{% endblock %}\n {% if debug %}\n <link href="{% static 'mailings/css/debug-toolbar.css' %}" rel="stylesheet">\n {% endif %}\n</head>\n<body>\n <div class="wrapper">\n <div class="wrapper__container">\n <header class="header">\n <div class="container-fluid">\n <div class="row">\n <!-- Navigation -->\n <nav class="navbar navbar-expand-lg navbar-dark bg-primary justify-content-between">\n <a class="navbar-brand" href="{% url 'index' %}">\n <i class="fas fa-envelope-open-text me-2"></i> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0440\u043e\u0437\u0441\u0438\u043b\u043e\u043a\n </a>\n\n {% if user.is_authenticated %}\n <div class="header-collapses d-flex align-items-center gap-3 flex-grow-1">\n <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">\n <span class="navbar-toggler-icon"></span>\n </button>\n\n <div class="collapse navbar-collapse justify-content-center" id="navbarNav">\n <ul class="navbar-nav gap-3">\n <li class="nav-item">\n <a class="nav-link {% if request.resolver_match.url_name == 'index' %}active{% endif %}" href="{% url 'index' %}">\n <i class="fas fa-home me-1"></i> \u0413\u043e\u043b\u043e\u0432\u043d\u0430\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link {% if request.resolver_match.url_name == 'send_campaign' %}active{% endif %}" href="{% url 'send_campaign' %}">\n <i class="fas fa-paper-plane me-1"></i> \u0412\u0456\u0434\u043f\u0440\u0430\u0432\u043a\u0430 \u0440\u043e\u0437\u0441\u0438\u043b\u043a\u0438\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link {% if request.resolver_match.url_name == 'reports' %}active{% endif %}" href="{% url 'reports' %}">\n <i class="fas fa-chart-bar me-1"></i> \u0417\u0432\u0456\u0442\u0438\n </a>\n </li>\n {% if user.is_staff %}\n <li class="nav-item">\n <a class="nav-link" href="/admin/" target="_blank">\n <i class="fas fa-cogs me-1"></i> \u0410\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f\n </a>\n </li>\n {% endif %}\n </ul>\n </div>\n </div>\n {% endif %}\n\n <div class="header-switch-theme form-check form-switch ms-auto">\n <input class="form-check-input" type="checkbox" id="themeSwitch" role="switch" hidden>\n <label class="form-check-label" for="themeSwitch">\n <span class="toggle-slider">\n <i class="fa-solid fa-sun toggle-icon"></i>\n <i class="fa-solid fa-moon toggle-icon"></i>\n </span>\n <span id="themeLabel">\u0421\u0432\u0456\u0442\u043b\u0430 \u0442\u0435\u043c\u0430</span>\n </label>\n </div>\n\n {% if user.is_authenticated %}\n <div class="header-user-name">\n <ul class="navbar-nav">\n <li class="nav-item dropdown">\n <a class="nav-link dropdown-toggle d-flex align-items-center" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">\n <i class="fas fa-user-circle me-2"></i>\n {# get_full_name #}\n <span>{{ user.first_name|default:user.username }}</span>\n </a>\n <ul class="dropdown-menu dropdown-menu-end">\n {% if user.groups.all %}\n <li>\n <span class="dropdown-item-text">\n <small class="text-muted">\n \u0420\u043e\u043b\u044c: \n {% for group in user.groups.all %}\n <span class="badge bg-secondary">{{ group.name }}</span>\n {% endfor %}\n </small>\n </span>\n </li>\n <li><hr class="dropdown-divider"></li>\n {% endif %}\n <li>\n <a class="dropdown-item" href="{% url 'user_profile' %}">\n <i class="fas fa-user me-2"></i> \u041f\u0440\u043e\u0444\u0456\u043b\u044c\n </a>\n </li>\n <li>\n <a class="dropdown-item" href="{% url 'logout' %}">\n <i class="fas fa-sign-out-alt me-2"></i> \u0412\u0438\u0439\u0442\u0438\n </a>\n </li>\n </ul>\n </li>\n </ul>\n </div>\n {% else %}\n <div class="navbar-nav auth-login">\n <a class="nav-link" href="{% url 'login' %}">\n <i class="fas fa-sign-in-alt me-1"></i> \u0423\u0432\u0456\u0439\u0442\u0438\n </a>\n </div>\n {% endif %}\n </nav>\n </div>\n </div>\n </header>\n\n <!-- Main Content -->\n <main class="main">\n <div class="container-fluid row flex-grow-1">\n {% if user.is_authenticated %}\n <!-- Sidebar -->\n <nav class="col-md-2 d-none d-md-block sidebar p-3">\n <div class="user-info">\n <div class="d-flex align-items-center">\n <i class="fas fa-user-circle fa-2x me-3"></i>\n <div>\n <div class="fw-bold">{{ user.first_name|default:user.username }}</div>\n <small class="text-muted">{{ user.email }}</small>\n </div>\n </div>\n </div>\n\n <ul class="nav nav-pills flex-column">\n <li class="nav-item mt-3">\n <small class="text-muted text-uppercase fw-bold px-3">\u0420\u043e\u0437\u0441\u0438\u043b\u043a\u0438</small>\n </li>\n <li class="nav-item">\n <a class="nav-link {% if request.resolver_match.url_name == 'send_campaign' %}active{% endif %}" href="{% url 'send_campaign' %}">\n <i class="fas fa-paper-plane me-2"></i> \u0412\u0456\u0434\u043f\u0440\u0430\u0432\u043a\u0430 \u0440\u043e\u0437\u0441\u0438\u043b\u043a\u0438\n </a>\n </li>\n\n <li class="nav-item mt-3">\n <small class="text-muted text-uppercase fw-bold px-3">\u0410\u043d\u0430\u043b\u0456\u0442\u0438\u043a\u0430</small>\n </li>\n <li class="nav-item">\n <a class="nav-link {% if request.resolver_match.url_name == 'reports' %}active{% endif %}" href="{% url 'reports' %}">\n <i class="fas fa-chart-bar me-2"></i> \u0417\u0432\u0456\u0442\u0438\n </a>\n </li>\n\n {% if user.is_staff %}\n <li class="nav-item mt-3">\n <small class="text-muted text-uppercase fw-bold px-3">\u0410\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f</small>\n </li>\n <li class="nav-item">\n <a class="nav-link" href="/admin/" target="_blank">\n <i class="fas fa-cogs me-2"></i> \u041f\u0430\u043d\u0435\u043b\u044c \u0430\u0434\u043c\u0456\u043d\u0430\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link" href="/admin/mailings/branch/" target="_blank">\n <i class="fas fa-building me-2"></i> \u0424\u0456\u043b\u0456\u0457\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link" href="/admin/mailings/usersegment/" target="_blank">\n <i class="fas fa-users me-2"></i> \u0421\u0435\u0433\u043c\u0435\u043d\u0442\u0438\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link" href="/admin/mailings/actionlog/" target="_blank">\n <i class="fas fa-history me-2"></i> \u041b\u043e\u0433\u0438 \u0434\u0456\u0439\n </a>\n </li>\n {% endif %}\n </ul>\n </nav>\n {% endif %}\n\n <!-- Content Area -->\n <div class="{% if user.is_authenticated %}col-md-10{% else %}col-12{% endif %} main-content">\n <div class="p-4">\n <!-- Breadcrumb -->\n {% block breadcrumb %}\n {% if user.is_authenticated %}\n <nav aria-label="breadcrumb">\n <ol class="breadcrumb breadcrumb-custom">\n <li class="breadcrumb-item">\n <a href="{% url 'index' %}" class="text-decoration-none">\n <i class="fas fa-home"></i> \u0413\u043e\u043b\u043e\u0432\u043d\u0430\n </a>\n </li>\n {% block breadcrumb_items %}{% endblock %}\n </ol>\n </nav>\n {% endif %}\n {% endblock %}\n\n <!-- Messages -->\n {% if messages %}\n <div class="messages-container mb-4">\n {% for message in messages %}\n <div class="alert alert-{{ message.tags|default:'info' }} alert-dismissible fade show" role="alert">\n {% if message.tags == 'error' %}\n <i class="fas fa-exclamation-triangle me-2"></i>\n {% elif message.tags == 'success' %}\n <i class="fas fa-check-circle me-2"></i>\n {% elif message.tags == 'warning' %}\n <i class="fas fa-exclamation-circle me-2"></i>\n {% else %}\n <i class="fas fa-info-circle me-2"></i>\n {% endif %}\n {{ message }}\n <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="\u0417\u0430\u043a\u0440\u0438\u0442\u0438"></button>\n </div>\n {% endfor %}\n </div>\n {% endif %}\n\n <!-- Page Content -->\n {% block content %}\n {% endblock %}\n\n </div>\n </div>\n </div>\n </main>\n\n <!-- Footer -->\n <footer class="footer">\n <div class="container-fluid">\n <div class="row">\n <div class="col-md-6 text-md-start">\n <small>© Copyright {% now "Y" %} | \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0440\u043e\u0437\u0441\u0438\u043b\u043e\u043a. \u0412\u0441\u0456 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0445\u0438\u0449\u0435\u043d\u0456.</small>\n </div>\n <div class="col-md-6 text-md-end">\n <small>\n <i class="fas fa-code me-1"></i>\n \u0412\u0435\u0440\u0441\u0456\u044f 1.0.0\n </small>\n </div>\n </div>\n </div>\n </footer>\n </div>\n </div>\n\n <!-- Scripts -->\n <script src="{% static 'mailings/js/bootstrap.bundle.min.js' %}"></script>\n <script defer src="{% static 'mailings/js/main.js' %}"></script>\n {% block extra_js %}{% endblock %}\n</body>\n</html>\n
\n