{% extends "@front/base/front.twig" %}

{% block headlineText %}
    Push {% if push.uid|default %} - {{ push.title|default }} {% else %} Create {% endif %}
{% endblock %}

{% block content %}
    <div class="container">
        {% if push.locked|default %}
            <div class="row">
                <div class="col-12 alert-warning p-3 m-3">
                    This Push-Job has been locked by the automatic Push service.
                    <a class="btn btn-secondary ml-3 {{ push.uid|default ?: "disabled" }}" href="{{ path('front:push:unlock', {uid: push.uid }) }}"><i class="fas fa-rss"></i> Unlock </a>
                </div>
            </div>
        {% endif %}
        <div class="row">
            <div class="col-12 col-md-10 offset-md-1">
                <form id="formEdit" method="post" action="{{ path('front:push:save', {uid: push.uid|default}) }}">
                    <div class="form-group">
                        <label for="uid">Id</label>
                        <input id="uid" name="uid" class="form-control" type="text" value="{{ push.uid|default }}" placeholder="Push ID" disabled readonly>
                    </div>

                    <div class="form-group">
                        <label for="interval">Push Interval</label>
                        <select id="interval" name="interval" class="form-control">
                            <option value="600" {% if '600' == push.interval|default %}selected{% endif %}>10 Minuten</option>
                            <option value="3600" {% if '3600' == push.interval|default %}selected{% endif %}>Stündlich</option>
                            <option value="86400" {% if '86400' == push.interval|default %}selected{% endif %}>Täglich</option>
                        </select>
                    </div>

                    <div class="form-group form-check">
                        <input type="checkbox" class="form-check-input" id="enabled" name="enabled" {{ push.enabled|default ? 'checked="checked"' }}>
                        <label class="form-check-label" for="enabled">Enabled</label>
                    </div>
                    <div class="form-group">
                        <label for="title">Title</label>
                        <input id="title" name="title" class="form-control" type="text" value="{{ push.title|default }}" placeholder="Title of the push">
                    </div>
                    <div class="form-group">
                        <label for="connector">Connector</label>
                        <select id="connector" name="connector" class="form-control" required>
                            <option value="">- Please select a connector -</option>

                            {% for label,connector in {
                                "Facebook News": constant('CND\\Nautilus\\Entities\\PushJob::CONNECTOR_FACEBOOKNEWS'),
                                "SailThru":      constant('CND\\Nautilus\\Entities\\PushJob::CONNECTOR_SAILTHRU'),
                            } %}

                            <option value="{{ connector }}" {{ connector == push.connector|default ? "selected=1"}}>{{ label }}</option>

                            {% endfor %}
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="description">Description</label>
                        <textarea id="description" name="description" class="form-control">{{ push.description|default }}</textarea>
                    </div>

                    {% if metaSchema %}
                        <div class="form-group">
                            <div class="meta json-editor"></div>
                            <textarea id="meta" name="meta" class="form-control" style="display:none"></textarea>
                        </div>
                    {% endif %}

                    <div class="form-group">
                        <label for="filter">Filter</label>
                        <div class="card bg-light px-3">
                            <div id="cn-json-query"></div>

                            {% set defaultJson = '{"filters":{"$and":[{"$or":[]}]},"order":{},"limit":15,"offset":0}' %}

                            {% if push %}
                                {% set filterJson = push.filter|default(defaultJson)|json_encode %}
                            {% elseif request.get("filter") %}
                                {% set filterJson = request.get("filter") %}
                            {% else %}
                                {% set filterJson = defaultJson %}
                            {% endif %}

                            <textarea class="form-control" id="filter" rows="20" name="filter">{{ filterJson }}</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="creator">Created by</label>
                        <input id="creator" name="creator" class="form-control" readonly="readonly" type="text" value="{{ push.creator|default }}">
                    </div>
                    <div class="form-group">
                        <label for="created">Creation date</label>
                        <input id="created" name="created" class="form-control" readonly="readonly" type="text" value="{{ push.created|default ? push.created|date("Y-m-d H:i:s") }}">
                    </div>
                    <div class="form-group">
                        <label for="lastpush">Last Push</label>
                        <input id="lastpush" name="lastpush" class="form-control" readonly="readonly" type="text" value="{{ push.lastpush|default ? push.lastpush|date("Y-m-d H:i:s") }}">
                    </div>

                    {# admins are allowed to set a manual lastImportDate; e.g. for debugging #}
                    <div class="form-group">
                        <label for="lastImportDate">Last pushed Import Date</label>
                        {% if access|bitAnd( constant('CND\\Nautilus\\Entities\\Access::ADMIN') ) %}
                            <div class="input-group col-sm-9 px-0">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <button type="button" class="btn btn-link p-0" onClick="$('#lastImportDate').datetimepicker('show')">
                                            <i class="fa fa-calendar-alt" aria-hidden="true"></i>
                                        </button>
                                    </div>
                                </div>
                                <input type="text" id="lastImportDate" name="lastImportDate" class="form-control datetimepicker" value="{{ push.custom.lastImportDate|default ? push.custom.lastImportDate|default()|date("Y-m-d H:i:s") }}" autocomplete="off"/>
                            </div>
                        {% else %}
                            <input id="lastImportDate" name="lastImportDate" class="form-control" readonly="readonly" type="text" value="{{ push.custom.lastImportDate|default ? push.custom.lastImportDate|default()|date("Y-m-d H:i:s") }}">
                        {% endif %}
                    </div>

                    <div class="form-group">
                        <label for="result">Last Push Result</label>
                        <textarea id="result" name="result" class="form-control" readonly="readonly" type="text" >{{ push.result|default('')|json_encode }}</textarea>
                    </div>

                    {% if access|bitAnd( constant('CND\\Nautilus\\Entities\\Access::WRITE') ) %}
                    <button class="btn btn-primary save"><i class="fas fa-save"></i> Save</button>
                    {% endif %}

                    {% if access|bitAnd( constant('CND\\Nautilus\\Entities\\Access::DELETE') ) %}
                    <button class="btn btn-danger delete" {{ push.uid|default ?: "disabled=1" }}><i class="fas fa-trash-alt"></i> Delete</button>
                    {% endif %}

                    {% if access|bitAnd( constant('CND\\Nautilus\\Entities\\Access::WRITE') ) %}
                        <a class="btn btn-secondary {{ push.uid|default ?: 'disabled'}}" href="{{ path('front:push:clone', {uid: push.uid|default("none")}) }}"><i class="fa fa-clone" aria-hidden="true"></i> Clone</a>
                    {% endif %}

                    {% if push.uid|default and access|bitAnd( constant('CND\\Nautilus\\Entities\\Access::WRITE') ) %}
                        <a class="btn btn-secondary {{ push.uid|default ?: "disabled" }}" href="{{ path('front:push:trigger', {uid: push.uid }) }}" target="_blank"><i class="fas fa-rss"></i> Push</a>
                    {% endif %}

                </form>

                {% include "@front/common/form-validate.twig" with {
                    id: "formEdit",
                    rules: {
                        title: "required",
                        description: "required",
                        connector: "required"
                    },
                    messages: {}
                } %}

            </div>
        </div>
    </div>
    <script>

        var kraken_url = "{{ app.config.get("kraken.url") }}";

        $(document).ready(function(){
            formatJson('filter','filter');
        });

        {% if metaSchema %}
            $(document).ready(function(){

                JSONEditor.defaults.options.theme = 'bootstrap4';

                var input = $('#meta');
                var element = $('.meta.json-editor')[0];
                if(element){
                    var metaEditor = new JSONEditor( element , {
                        disable_edit_json: true,
                        disable_properties: true,
                        required_by_default: true,
                        schema: {{ metaSchema|default({})|json_encode|raw }}
                    });
                    // Set initial value
                    metaEditor.on('ready',function(){
                        metaEditor.setValue({{ push.meta|default|json_encode|raw }});
                    });
                    // Save changed value
                    metaEditor.on('change',function() {
                        var validation_errors = metaEditor.validate();
                        if(validation_errors.length) {
                            console.log(validation_errors);
                        } else {
                            input.val( JSON.stringify(metaEditor.getValue()) );
                        }
                    });
                }
            });
        {% endif %}

        $(document).ready(function(){
            $(function () {
                $('#lastImportDate').datetimepicker({
                    format: "YYYY-MM-DD HH:mm:ss"
                });
            });
        });


        $(document).ready(function(){

            $('button.save').on('click',function(e){
                e.preventDefault();
                $('#formEdit').submit();
            });

            {% if push.uid|default %}
            $('button.delete').on('click',function(e){
                e.preventDefault();
                if (confirm('Are you sure you what to delete this push? This cannot be undone!')){
                    $('#formEdit').attr("action","{{ path('front:push:delete',{'uid': push.uid}) }}");
                    $('#formEdit').submit();
                }
            });
            {% endif %}

        });

        $(document).ready(function() {
            $('#filter').cnJsonQuery({
                definitions: {
                    "type": {
                        "type": "array",
                        "label": "Type",
                        "autocomplete": true,
                        "taggable": true,
                        "values": [
                            {  "value":"gallery", "text": "Gallery"  },
                            {  "value":"article", "text": "Article"  },
                            {  "value":"horoscope", "text": "Horoscope"  },
                            {  "value":"competition", "text": "Gewinnspiel"  },
                        ]
                    },
                    "control.uid": {
                        "type": "text",
                        "label": "Control Id"
                    },
                    "control.publishDate": {
                        "type": "datetime",
                        "label": "Control Publish Date"
                    },

                    "control.unpublishDate": {
                        "type": "datetime",
                        "label": "Control Unpublish Date"
                    },

                    "control.updateDate": {
                        "type": "datetime",
                        "label": "Control Update Date"
                    },

                    "control.editor": {
                        "type": "text",
                        "label": "Control Editor"
                    },

                    "control.flags": {
                        "type": "array",
                        "label": "Control Flags",
                        "autocomplete": true,
                        "taggable": true,
                        "values": [
                            {  "value":"no-syndication", "text": "No Syndication"  },
                            {  "value":"no-syndication-msn", "text": "No Syndication MSN"  },
                            {  "value":"no-syndication-fo", "text": "No Synd. Focus Online"  },
                            {  "value":"advertorial", "text": "Is Advertorial" },
                            {  "value":"push", "text": "Is Pushable" },
                        ]
                    },

                    "control.language": {
                        "type": "text",
                        "label": "Control Language"
                    },

                    "source.uid": {
                        "type": "text",
                        "label": "Source Id"
                    },

                    "source.name": {

                        "autocomplete": true,
                        "endpoint": kraken_url+"api/source/list?offset=0&search=\{\{query\}\}",
                        "type": "text",
                        "label": "Source Name",
                        "taggable": true,
                        "values": [
                            {  "value":"AD", "text": "AD"  },
                            {  "value":"glamour", "text": "Glamour"  },
                            {  "value":"GlamSlam", "text": "GlamSlam"  },
                            {  "value":"wired", "text": "GQ Auto & Technik"  },
                            {  "value":"gqcompetition", "text": "GQ Gewinnspiele"  },
                            {  "value":"voguecompetition", "text": "Vogue Gewinnspiele"  },
                            {  "value":"horoscopevoguede", "text": "Vogue Horoskope"  },
                            {  "value":"glamourcompetition", "text": "Glamour Gewinnspiele"  },
                            {  "value":"horoscopeglamour", "text": "Glamour Horoskope"  },
                            {  "value":"vogue", "text": "Vogue"  },
                            {  "value":"gq", "text": "GQ"  }
                        ]
                    },

                    "meta.title": {
                        "type": "text",
                        "label": "Meta Title"
                    },

                    "meta.description": {
                        "type": "text",
                        "label": "Meta Description"
                    },

                    "meta.keywords": {
                        "type": "text",
                        "label": "Meta Keywords"
                    },

                    "meta.tags": {
                        "type": "array",
                        "label": "Meta Tags",
                        "autocomplete": true,
                        "endpoint": kraken_url+"api/content/tags?offset=0&search=\{\{query\}\}"
                    },

                    "meta.category": {
                        "type": "array",
                        "label": "Meta Category",
                        "autocomplete": true,
                        "endpoint": kraken_url+"api/content/categories?offset=0&search=\{\{query\}\}"
                    },

                    "meta.subcategory": {
                        "type": "array",
                        "label": "Meta Subcategory",
                        "autocomplete": true,
                        "endpoint": kraken_url+"api/content/subcategories?offset=0&search=\{\{query\}\}"
                    },

                    "teaser.title": {
                        "type": "text",
                        "label": "Teaser Title"
                    },

                    "teaser.kicker": {
                        "type": "text",
                        "label": "Teaser Kicker"
                    },

                    "teaser.abstract": {
                        "type": "text",
                        "label": "Teaser Abstract"
                    },

                    "teaser.url": {
                        "type": "text",
                        "label": "Teaser URL"
                    },

                    "content.title": {
                        "type": "text",
                        "label": "Content Title"
                    },

                    "content.kicker": {
                        "type": "text",
                        "label": "Content Kicker"
                    },

                    "content.abstract": {
                        "type": "text",
                        "label": "Content Abstract"
                    },

                    "content.author": {
                        "type": "text",
                        "label": "Content Author"
                    },

                    "horoscope.period": {
                        "type": "array",
                        "autocomplete": true,
                        "values": [
                            {  "value":"daily", "text": "daily"  },
                            {  "value":"weekly", "text": "weekly"  },
                            {  "value":"monthly", "text": "monthly"  },
                            {  "value":"yearly", "text": "yearly"  },
                        ],
                        "label": "Horoscope Periode"
                    },

                    "horoscope.zodiac": {
                        "type": "array",
                        "autocomplete": true,
                        "values": [
                            {  "value":"aries",       "text": "Widder"  },
                            {  "value":"taurus",      "text": "Stier"  },
                            {  "value":"gemini",      "text": "Zwillinge"  },
                            {  "value":"cancer",      "text": "Krebs"  },
                            {  "value":"leo",         "text": "Löwe"  },
                            {  "value":"virgo",       "text": "Jungfrau"  },
                            {  "value":"libra",       "text": "Waage"  },
                            {  "value":"scorpio",     "text": "Skorpion"  },
                            {  "value":"sagittarius", "text": "Schütze"  },
                            {  "value":"capricorn",   "text": "Steinbock"  },
                            {  "value":"aquarius",    "text": "Wasserman"  },
                            {  "value":"pisces",      "text": "Fische"  },
                        ],
                        "label": "Horoscope Sternzeichen"
                    },

                    "horoscope.startDate": {
                        "type": "datetime",
                        "label": "Horoscope Startdatum"
                    },

                    "horoscope.endDate": {
                        "type": "datetime",
                        "label": "Horoscope Enddatum"
                    },

                    // Anaytics

                    // Unique Users
                    "analytics.aggregated.sum_6h.uniqueusers": {
                        "type": "number",
                        "label": "Unique Users 6 Stunden"
                    },

                    "analytics.aggregated.sum_24h.uniqueusers": {
                        "type": "number",
                        "label": "Unique Users 24 Stunden"
                    },

                    "analytics.aggregated.sum_7d.uniqueusers": {
                        "type": "number",
                        "label": "Unique Users 7 Tage"
                    },

                    // Page views
                    "analytics.aggregated.sum_6h.pageviews": {
                        "type": "number",
                        "label": "Pageviews 6 Stunden"
                    },

                    "analytics.aggregated.sum_24h.pageviews": {
                        "type": "number",
                        "label": "Pageviews 24 Stunden"
                    },

                    "analytics.aggregated.sum_7d.pageviews": {
                        "type": "number",
                        "label": "Pageviews 7 Tage"
                    },

                    // Sessions
                    "analytics.aggregated.sum_6h.sessions": {
                        "type": "number",
                        "label": "Sessions 6 Stunden"
                    },

                    "analytics.aggregated.sum_24h.sessions": {
                        "type": "number",
                        "label": "Sessions 24 Stunden"
                    },

                    "analytics.aggregated.sum_7d.sessions": {
                        "type": "number",
                        "label": "Sessions 7 Tage"
                    }

                }
            });
        })

    </script>

{% endblock %}

{% block footer %}
    {{ parent() }}
    <script src="/cnServiceNautilus/public/assets/javascript/jsoneditor.min.js"></script>
{% endblock %}