{% extends "layout.html.twig" %}

{% block title %}{{ campaign.name }} - Self service{% endblock %}

{% block body %}
    <a class="btn btn-primary" id="btn-histo">Show history</a>
    <div class="container-fluid no-padding">
        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        {% include 'Dashboard/SelfCampaign/edit.html.twig' with {'withSubmit': true, 'type': 'edit'} %}
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="campaign-modal" tabindex="-1" role="dialog" aria-labelledby="campaignmodal" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h3 class="modal-title" id="campaignmodal">Campaign history</h3>
                </div>
                <div class="modal-body">
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block specificJS %}
<script>
    $(document).ready(function () {
        $('#goldenbees_dashboardbundle_ppccampaign_startDate, #goldenbees_dashboardbundle_ppccampaign_endDate').datepicker({
            format: "yyyy-mm-dd",
            maxViewMode: 2,
            language: 'en',
            autoclose: true
        });
        $('[data-toggle=popover]').popover();

        $('#btn-histo').click(function(e){
            e.preventDefault();
            $('.loader-container').fadeIn(150);
            $.ajax({
                method: "POST",
                url: "{{ path('logui_details') }}",
                data: { type: 'ppccampaign', id: {{ campaign.id }} }
            }).done(function(data) {
                $('#campaign-modal .modal-body').html(data);
                $('#campaign-modal').modal('show');
            }).always(function () {
                $('.loader-container').fadeOut(150);
            });
        });
    });
</script>
{% endblock %}