{% extends 'merchant/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>Update offer</h1>
        </div>
        <div class="col-2 text-right">
            <a href="{{ url('merchant_offers_list') }}" class="btn btn-light">Back</a>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="text-center">
                <img src="{{ offer.photoUrl }}" alt="{{ offer.title }}" height="200"/>
                <hr>
            </div>

            {{ 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 %}