{% extends 'backend/_layout.html.twig' %}

{% block stylesheet %}
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <style>
        .container {
            /* On ajoute une marge sur les cotés de l'écran */
            padding-right: 15px;
            padding-left: 15px;

            /* Et on centre */
            margin-right: auto;
            margin-left: auto;
        }

        /* Sur les grands écrans, on limite la largeur du contenu */
        @media (min-width: 1200px){
            .container {
                width: 1170px;
            }
        }
        .input_mail{
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-bottom: 16px;
            resize: vertical;
        }
        /* formulaire */
        input[type=text], select, textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-bottom: 16px;
            resize: vertical;
        }

        input[type=submit] {
            background-color: #4CAF50;
            color: white;
            padding: 12px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        input[type=submit]:hover {
            background-color: #45a049;
        }
        label{
            margin-left: 0px;
        }

      .class_img{
          margin-bottom: 10px;
      }
    </style>
{% endblock %}
{% block content %}
    <h1 style="margin-bottom: 20px">Newsletter creation</h1>

    {{ form_start(form) }}
        {{ form_widget(form) }}
       {#
           <input type="submit" value="Create" />

       #}

    {#
    <p>
    <ul>
        <li>
            <a href="{{ path('backend__news_shows') }}">Back to the list</a>
        </li>
        <li>
            <a href="{{ path('backend_edit', { 'id': newsletter.id }) }}">Edit</a>
        </li>
        <li>
            {{ form_start(delete_form) }}
            <input type="submit" value="Delete">
            {{ form_end(delete_form) }}
        </li>
    </ul></p>
    #}
    <p> <a href="{{ path('backend__news_shows') }}"><i class="fas fa-eye">Back to the list</i></a></p>
    {{ form_end(form) }}

    {#
    <ul>
        <li>
            <a href="{{ path('newsletter_edit', { 'id': newsletter.id }) }}">Edit</a>
        </li>
        <li>
            {{ form_start(delete_form) }}
            <input type="submit" value="Delete">
            {{ form_end(delete_form) }}
        </li>
    </ul>
#}
    {#% include 'AppBundle:Resources/views/newsletter/test_a_venir.index.html.twig' %#}

{% endblock %}