{% extends 'admin/base.html.twig' %}

{% form_theme form 'bootstrap_4_layout.html.twig' %}

{% block stylesheets %}
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/pikaday/css/pikaday.css">
{% endblock %}

{% block body %}
    <div class="row align-items-center">
        <div class="col-10">
            <h1>Add offer to {{ merchant.name }}</h1>
        </div>
        <div class="col-2 text-right">
            <a href="{{ url('admin_offer_by_merchant', {merchantId: merchant.id}) }}" class="btn btn-light">Back</a>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            {{ form_start(form) }}
            {{ form_end(form) }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/pikaday/pikaday.js"></script>
    <script>
        new Pikaday({
            field: document.getElementById('offer_dateFrom'),
            format: 'DD-MM-YYYY',
            firstDay: 1
        });
        new Pikaday({
            field: document.getElementById('offer_dateTo'),
            format: 'DD-MM-YYYY',
            firstDay: 1
        });
    </script>
{% endblock %}