{% load static %}

{% load crispy_forms_tags %}

<!DOCTYPE html>

<html lang="fr">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>CRDES ajout compte rendu</title>

    <link rel="stylesheet" href="{% static 'assets/css/app.min.css' %}">

    <link rel="stylesheet" href="{% static 'assets/bundles/fullcalendar/fullcalendar.min.css' %}">

    <!-- Template CSS -->

    <link rel="stylesheet" href="{% static 'assets/css/style.css' %}">

    <link rel="stylesheet" href="{% static 'assets/css/components.css' %}">

    <!-- Custom style CSS -->

    <link rel="stylesheet" href="{% static 'assets/css/custom.css' %}">

    <link rel='shortcut icon' type='image/x-icon' href='/media/assets/img/Logo.png' />



</head>

<body>

<div id="app">

    <div class="main-wrapper main-wrapper-1">

        <div class="navbar-bg"></div>

        <nav class="navbar navbar-expand-lg main-navbar sticky">
            <div class="form-inline mr-auto">
                <ul class="navbar-nav mr-3">
                    <li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg collapse-btn"> <i data-feather="align-justify"></i></a></li>
                    <li><a href="#" class="nav-link nav-link-lg fullscreen-btn">
                        <i data-feather="maximize"></i>
                    </a></li>

                </ul>
            </div>
            <ul class="navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg nav-link-user">
                        <img alt="image" src="/media/{{user.profile_pic}}" class="user-img-radious-style">
                        <span class="d-sm-none d-lg-inline-block"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right pullDown">
                        <div class="dropdown-title">Bonjour  {{ user.first_name}} {{ user.last_name}}</div>
                        <a href="/utilisateur/{{ user.id}}" class="dropdown-item has-icon"> <i class="far fa-user"></i>
                            Profile
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item has-icon text-danger" onclick="document.getElementById('logout-form').submit();"> <i class="fas fa-sign-out-alt"></i>
                            Deconnexion
                        </a>
                        <form id="logout-form" action="{% url 'logout' %}" method="POST" style="display: none;">
                            {% csrf_token %}
                        </form>
                    </div>
                </li>
            </ul>
        </nav>

        <div class="main-sidebar sidebar-style-2">
            <aside id="sidebar-wrapper">
                <div class="sidebar-brand">
                    <a href="/"> <img alt="image" src="/media/images/Logo.png" class="header-logo" /> <span
                            class="logo-name">CRDES</span>
                    </a>
                </div>
                <ul class="sidebar-menu">
                    <li class="dropdown active">
                        <a href="/" class="nav-link">
                            <i data-feather="pie-chart"></i><span>Tableau de Bord</span>
                        </a>
                    </li>

                    <li class="menu-header">GESTION REUNION</li>

                    <li class="dropdown"> <a href="/reunion/cercle" class="nav-link"><i class="fas fa-address-card"></i><span>Reunion de Cercle</span></a>
                    </li>
                    <li class="dropdown"> <a href="/reunion/dialogue" class="nav-link">
                        <i class="fas fa-receipt"></i><span>Dialogue Communautaire</span></a>
                    </li>
                    <li class="dropdown"> <a href="/reunion/coordination" class="nav-link">
                        <i class="fas fa-receipt"></i><span>Reunion de Coordination</span></a>
                    </li>


                    <li class="menu-header">GESTION ENQUETE</li>
                    <li class="dropdown">

                    </li>

                </ul>
            </aside>
        </div>

    </div>

</div>

<div class="main-content">

    <section class="section">

        <div class="row ">

            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">

                <div class="card">

                    <div class="card">

                        <div class="card-statistic-4">

                            <div class="align-items-center justify-content-between">

                                <div class="row "><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pr-0 pt-3">

                                    <div class="card-content">



                                        <form method="post">

                                            {% csrf_token %}

                                            {{ form.media }}

                                            {{ form|crispy }}



                                            <button type="submit" class="btn btn-primary m-t-15 waves-effect">Enregistrer</button>

                                        </form>



                                    </div>

                                </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>

</div>

<footer class="main-footer">

    <div class="footer-left">

        <a href="https://linfluentsn.com">SMART CRM by l'influent</a></a>

    </div>

    <div class="footer-right">

    </div>

</footer>





<script src="{% static 'assets/js/app.min.js' %}"></script>





<script src="{% static 'assets/bundles/apexcharts/apexcharts.min.js' %}"></script>



<!-- Page Specific JS File -->

<script src="{% static 'assets/js/page/index.js' %}"></script>

<!-- Template JS File -->

<script src="{% static 'assets/js/scripts.js' %}"></script>

<script>

    document.getElementById('template-select').addEventListener('change', function () {

      const selectedOption = this.options[this.selectedIndex];

      const content = selectedOption.getAttribute('data-content');



      if (content && tinymce.get('id_description')) {

        tinymce.get('id_description').setContent(content);  // Insérer le contenu du template sélectionné dans TinyMCE

      }

    });

</script>

</body>

</html>

