{{ include( 'NivaControlBundle:Shared:header.html.twig', { 'section': 'admin', 'mode': 'admin' } ) }}

{{ include( 'NivaControlBundle:Shared:sidebar.html.twig', { 'section': 'admin', 'mode': 'admin', 'active': 'campaign' } ) }}

<!-- main content -->
<div class="col-sm-10">
    <div class="page-header">
        <h1>{{ campaign.campaignId }}: {{ campaign.campaignName }}
            {% if mode == 'view' %}
                &nbsp;<a href="{{ path('admin_campaign_edit', {'id': campaign.campaignId}) }}"><span
                        class="glyphicon glyphicon-cog"></span></a>
            {% endif %}
        </h1>
    </div>

    {% if mode == 'view' %}
        <p>Campaign Base Public URL:</p>
        <div class="row">
            <div class="col-sm-10">
                <pre>{{ campaignUrl }}</pre>
            </div>
            <div class="col-sm-2">
                <a href="{{ campaignUrl }}" target="_blank" class="btn btn-default btn-block" role="button"><span class="glyphicon glyphicon-share-alt"></span> Preview</a>
            </div>
        </div>
    {% endif %}

    <h3>General Settings</h3>

    <p>Modify this section to modify the club's settings.</p>

    <form class="form-horizontal" role="form"
            {% if mode == 'new' %}  action="{{ path('admin_campaign_new_process') }}"
            {% elseif mode == 'edit' %} action="{{ path('admin_campaign_edit_process') }}"
            {% endif %}
          method="post">

        <div class="form-group">
            <label for="campaignName" class="col-lg-2 control-label">Name</label>

            <div class="col-lg-6">
                {% if mode == 'new' or mode == 'edit' %}
                    <input type="text" class="form-control" id="campaignName" name="campaignName" placeholder="campaignName"
                           value="{{ campaign.campaignName }}">
                {% elseif mode == 'view' %}
                    <p class="form-control-static">{{ campaign.campaignName }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Name of the campaign</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="providerId" class="col-lg-2 control-label">Provider</label>

            <div class="col-lg-6">
                {% if mode == 'new' %}
                    <select class="form-control" name="providerId">
                        {% for provider in providers %}
                            <option value="{{ provider.providerId }}">{{ provider.providerId }} - {{ provider.providerName }}</option>
                        {% endfor %}
                    </select>
                {% else %}
                    <p class="form-control-static">{{ campaign.getProviderId().getProviderName() }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Ad Provider</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="clubId" class="col-lg-2 control-label">Club</label>

            <div class="col-lg-6">
                {% if mode == 'new' %}
                    <select class="form-control" name="clubId">
                        {% for club in clubs %}
                            <option value="{{ club.clubId }}">{{ club.clubId }} - {{ club.clubName }}</option>
                        {% endfor %}
                    </select>
                {% else %}
                    <p class="form-control-static">{{ campaign.getClubId().getClubName() }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Club Name</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="campaignCode" class="col-lg-2 control-label">Code</label>

            <div class="col-lg-6">
                {% if mode == 'new' or mode == 'edit' %}
                    <input type="text" class="form-control" id="campaignCode" name="campaignCode" placeholder="campaignCode"
                           value="{{ campaign.campaignCode }}" required>
                {% elseif mode == 'view' %}
                    <p class="form-control-static">{{ campaign.campaignCode }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Identifier code</small>
                </p>
            </div>
        </div>

        {% if mode == 'edit' or mode == 'view' %}
            <div class="form-group">
                <label for="status" class="col-lg-2 control-label">Status</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="status">
                            <option value="S" {% if campaign.status == 'S' %}selected="selected"{% endif %}>Suspended</option>
                            <option value="A" {% if campaign.status == 'A' %}selected="selected"{% endif %}>Active</option>
                            <option value="B" {% if campaign.status == 'B' %}selected="selected"{% endif %}>Banned</option>
                        </select>
                    {% else%}
                        <p class="form-control-static">
                            {% if campaign.status == 'A' %}Active
                            {% elseif campaign.status == 'S' %}Suspended
                            {% elseif campaign.status == 'B' %}Banned
                            {% endif %}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Campaign status in the system</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="costPerConversion" class="col-lg-2 control-label">Cost Per Conversion</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <input type="text" class="form-control" id="costPerConversion" name="costPerConversion"
                               placeholder="costPerConversion" value="{{ campaign.costPerConversion }}">
                    {% else %}
                        <p class="form-control-static">{{ campaign.costPerConversion }}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>In USDx10, $3.50 -> 350</small>
                    </p>
                </div>
            </div>


            <div class="form-group">
                <label for="campaignCode" class="col-lg-2 control-label">Created On</label>

                <div class="col-lg-6">
                    {#
            {% if edit == true %}
                    <input type="text" class="form-control" id="campaignCreationTime" name="campaignCreationTime" placeholder="campaignCreationTime" value="{{ campaign.campaignCreationTime|date('Y-m-d H:i:s') }}">
                    {% else %}
                    <p class="form-control-static">{{ campaign.campaignCreationTime|date('Y-m-d H:i:s') }}</p>
                    {% endif %}
            #}
                    <p class="form-control-static">{{ campaign.campaignCreationTime|date('Y-m-d H:i:s') }}</p>
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>TimeDate of creation</small>
                    </p>
                </div>
            </div>

            <hr>
            <h3>Operation Settings</h3>
            <p>Configure the campaign behaviour when receiving a new client.</p>

            <div class="form-group">
                <label for="sectionId" class="col-lg-2 control-label">Return Section</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="sectionId">
                            <option value="0">None</option>
                            {% for section in sections %}
                                <option value="{{ section.sectionId }}"
                                        {% if mode == 'edit' and campaign.getSectionId() != null and section.sectionId == campaign.getSectionId().getSectionId() %}
                                    selected="selected"
                                        {% endif %}>{{ section.getClubId().getClubName() }}: {{ section.sectionId }}
                                    - {{ section.name }}</option>
                            {% endfor %}
                        </select>
                    {% else %}
                        <p class="form-control-static">
                            {% if campaign.getSectionId() %}
                                {{ campaign.getSectionId().getClubId().getClubName() }}: {{ campaign.getSectionId().getSectionId() }} - {{ campaign.getSectionId().getName() }}
                            {% else %}
                                None selected.
                            {% endif %}
                        </p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Specify a custom Section as the return point after registration. Verify that it applies to the
                            club!
                        </small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="disableWap" class="col-lg-2 control-label">WAP Traffic</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="disableWap">
                            <option value="0" {% if campaign.disableWap == 0 %}selected="selected"{% endif %}>Allow WAP Traffic</option>
                            <option value="1" {% if campaign.disableWap == 1 %}selected="selected"{% endif %}>Disable WAP Traffic</option>
                        </select>
                    {% else %}
                        <p class="form-control-static">{% if campaign.disableWap %}WAP Traffic is Disabled{% else %}WAP Traffic is Enabled{% endif %}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>If WAP traffic is disabled, a dead-end error page will be shown instead (used to comply with policies and regulations).</small>
                    </p>
                </div>
            </div>

            <hr>
            <h3>Media & Display Settings</h3>
            <p>Modify the appearance of the campaign in PortalOne landing page.</p>

            <div class="form-group">
                <label for="landingPageId" class="col-lg-2 control-label">Landing Page</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="landingPageId">
                            {% for page in pages %}
                                <option value="{{ page.landingPageId }}"
                                        {% if mode == 'edit' and campaign.getLandingPageId() != null and page.landingPageId == campaign.getLandingPageId().getLandingPageId() %}
                                    selected="selected"
                                        {% endif %}>{{ page.getClubId().getClubName() }}: {{ page.name }}</option>
                            {% endfor %}
                        </select>
                    {% else %}
                        <p class="form-control-static">
                            {% if campaign.getLandingPageId() %}
                                {{ campaign.getLandingPageId().getClubId().getClubName() }}: {{ campaign.getLandingPageId().getName() }}
                            {% else %}
                                None selected.
                            {% endif %}
                        </p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Specify a custom Landing Page. Verify that it applies to the club!</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="displayLegal" class="col-lg-2 control-label">Display Legal Text</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="displayLegal">
                            <option value="0" {% if campaign.displayLegal == 0 %}selected="selected"{% endif %}>Disabled</option>
                            <option value="1" {% if campaign.displayLegal == 1 %}selected="selected"{% endif %}>Enabled</option>
                        </select>
                    {% else %}
                        <p class="form-control-static">{% if campaign.displayLegal %}Enabled{% else %}Disabled{% endif %}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Display full legal text on the landing page, including the "I Accept the terms.." checkbox.</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="metadata" class="col-lg-2 control-label">Custom Metadata</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <textarea class="form-control" rows="5" id="metadata" name="metadata"
                                  placeholder="metadata">{% if campaign.metadata %}{{ campaign.metadata|json_encode()|raw }}{% endif %}</textarea>
                    {% else %}
                        {% if campaign.metadata %}
                            <pre>{{ campaign.metadata|json_encode()|raw }}</pre>
                        {% else %}
                            <p class="form-control-static"></p>
                        {% endif %}
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Custom Metadata for optimization. Write as a JSON Object (associative array)</small>
                    </p>
                </div>
            </div>

            {#
            <div class="form-group">
                  <label for="campaignBanner" class="col-lg-2 control-label">Custom Banner</label>
                  <div class="col-lg-6">
            {% if edit == true %}
                    <input type="text" class="form-control" id="campaignBanner" name="campaignBanner" placeholder="campaignBanner" value="{{ campaign.campaignBanner }}">
            {% else %}
            <p class="form-control-static">{{ campaign.campaignBanner }}</p>
                    {% endif %}
              </div>
                  <div class="col-lg-4">
                    <p class="form-control-static"><small>Custom Banner's URL</small></p>
                  </div>
                </div>
            <div class="form-group">
                  <label for="campaignCss" class="col-lg-2 control-label">Custom CSS</label>
                  <div class="col-lg-6">
            {% if edit == true %}
                    <input type="text" class="form-control" id="campaignCss" name="campaignCss" placeholder="campaignCss" value="{{ campaign.campaignCss }}">
            {% else %}
            <p class="form-control-static">{{ campaign.campaignCss }}</p>
                    {% endif %}
              </div>
                  <div class="col-lg-4">
                    <p class="form-control-static"><small>Custom CSS Stylesheet's URL.</small></p>
                  </div>
                </div>
            #}

            <hr>
            <h3>Notification Settings</h3>

            <p>Configure URL and parameters to send to the campaign.</p>

            <div class="form-group">
                <label for="notifyEnabled" class="col-lg-2 control-label">Notification</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="notifyEnabled">
                            <option value="0" {% if campaign.notifyEnabled == 0 %}selected="selected"{% endif %}>Disabled</option>
                            <option value="1" {% if campaign.notifyEnabled == 1 %}selected="selected"{% endif %}>Enabled</option>
                        </select>
                    {% else %}
                        <p class="form-control-static">{% if campaign.notifyEnabled %}Enabled{% else %}Disabled{% endif %}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Is a notification method enabled?</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="notifyParamA" class="col-lg-2 control-label">Parameter A</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <input type="text" class="form-control" id="notifyParamA" name="notifyParamA" placeholder="notifyParamA"
                               value="{{ campaign.notifyParamA }}">
                    {% else %}
                        <p class="form-control-static">{{ campaign.notifyParamA }}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>{{ campaign.getProviderId().getNotifyParamA() }} (Description from provider configuration)</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="notifyParamB" class="col-lg-2 control-label">Parameter B</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <input type="text" class="form-control" id="notifyParamB" name="notifyParamB" placeholder="notifyParamB"
                               value="{{ campaign.notifyParamB }}">
                    {% else %}
                        <p class="form-control-static">{{ campaign.notifyParamB }}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>{{ campaign.getProviderId().getNotifyParamB() }} (Description from provider configuration)</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="notifyParamC" class="col-lg-2 control-label">Parameter C</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <input type="text" class="form-control" id="notifyParamC" name="notifyParamC" placeholder="notifyParamC"
                               value="{{ campaign.notifyParamC }}">
                    {% else %}
                        <p class="form-control-static">{{ campaign.notifyParamC }}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>{{ campaign.getProviderId().getNotifyParamC() }} (Description from provider configuration)</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="notifyUseThankYouPage" class="col-lg-2 control-label">Use Thank You Page</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="notifyUseThankYouPage">
                            <option value="0" {% if campaign.notifyUseThankYouPage == 0 %}selected="selected"{% endif %}>Disabled
                            </option>
                            <option value="1" {% if campaign.notifyUseThankYouPage == 1 %}selected="selected"{% endif %}>Enabled
                            </option>
                        </select>
                    {% else %}
                        <p class="form-control-static">{% if campaign.notifyUseThankYouPage %}Enabled{% else %}Disabled{% endif %}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Use a landing thank you page?</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="notifyAdWords" class="col-lg-2 control-label">Google AdWords</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <textarea class="form-control" rows="5" id="notifyAdWords" name="notifyAdWords"
                                  placeholder="notifyAdWords">{{ campaign.notifyAdWords }}</textarea>
                    {% else %}
                        {% if campaign.notifyAdWords %}
                            <pre>{{ campaign.notifyAdWords }}</pre>
                        {% else %}
                            <p class="form-control-static"></p>
                        {% endif %}
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Google Adwords notification scripts</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="notifyPreAdWords" class="col-lg-2 control-label">Google Pre-AdWords</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <textarea class="form-control" rows="5" id="notifyPreAdWords" name="notifyPreAdWords"
                                  placeholder="notifyPreAdWords">{{ campaign.notifyPreAdWords }}</textarea>
                    {% else %}
                        {% if campaign.notifyPreAdWords %}
                            <pre>{{ campaign.notifyPreAdWords }}</pre>
                        {% else %}
                            <p class="form-control-static"></p>
                        {% endif %}
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Google Adwords notification scripts for Landing Pages (Pre-conversion)</small>
                    </p>
                </div>
            </div>

            <hr>
            <h3>Suppression Settings</h3>
            <p>Configure and fine-tune the suppression and peak control system for this campaign.</p>

            <div class="form-group">
                <label for="suppressorEnabled" class="col-lg-2 control-label">Suppressor</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="suppressorEnabled">
                            <option value="0" {% if campaign.suppressorEnabled == 0 %}selected="selected"{% endif %}>Disabled
                            </option>
                            <option value="1" {% if campaign.suppressorEnabled == 1 %}selected="selected"{% endif %}>Enabled
                            </option>
                        </select>
                    {% else %}
                        <p class="form-control-static">{% if campaign.suppressorEnabled %}Enabled{% else %}Disabled{% endif %}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Enable the proportional suppressor system</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="suppressorPercent" class="col-lg-2 control-label">Percent</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <input type="text" class="form-control" id="suppressorPercent" name="suppressorPercent"
                               placeholder="suppressorPercent" value="{{ campaign.suppressorPercent }}">
                    {% else %}
                        <p class="form-control-static">{{ campaign.suppressorPercent }}%</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Percent of notifications to suppress in a day (i.e. '40%' written as '40')</small>
                    </p>
                </div>
            </div>

            {# DISABLING PEAK CONTROL 2016-11-25
            <div class="form-group">
                <label for="peakControlEnabled" class="col-lg-2 control-label">Peak Control</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <select class="form-control" name="peakControlEnabled">
                            <option value="0" {% if campaign.peakControlEnabled == 0 %}selected="selected"{% endif %}>Disabled
                            </option>
                            <option value="1" {% if campaign.peakControlEnabled == 1 %}selected="selected"{% endif %}>Enabled
                            </option>
                        </select>
                    {% else %}
                        <p class="form-control-static">{% if campaign.peakControlEnabled %}Enabled{% else %}Disabled{% endif %}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Is Peak Control Enabled?</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="peakControlThreshold" class="col-lg-2 control-label">Threshold</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <input type="text" class="form-control" id="peakControlThreshold" name="peakControlThreshold"
                               placeholder="peakControlThreshold" value="{{ campaign.peakControlThreshold }}">
                    {% else %}
                        <p class="form-control-static">{{ campaign.peakControlThreshold }}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Minimum conversions per period to activate Peak Control</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="peakControlMaxAllowed" class="col-lg-2 control-label">Max. Allowed Increase</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <input type="text" class="form-control" id="peakControlMaxAllowed" name="peakControlMaxAllowed"
                               placeholder="peakControlMaxAllowed" value="{{ campaign.peakControlMaxAllowed }}">
                    {% else %}
                        <p class="form-control-static">{{ campaign.peakControlMaxAllowed }}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>% of allowed increase in conversions</small>
                    </p>
                </div>
            </div>

            <div class="form-group">
                <label for="peakControlTimeRange" class="col-lg-2 control-label">Time Range</label>

                <div class="col-lg-6">
                    {% if mode == 'edit' %}
                        <input type="text" class="form-control" id="peakControlTimeRange" name="peakControlTimeRange"
                               placeholder="peakControlTimeRange" value="{{ campaign.peakControlTimeRange }}">
                    {% else %}
                        <p class="form-control-static">{{ campaign.peakControlTimeRange }}</p>
                    {% endif %}
                </div>
                <div class="col-lg-4">
                    <p class="form-control-static">
                        <small>Time (in minutes) to look back in the past</small>
                    </p>
                </div>
            </div>
        #}

        {% endif %}

        {% if mode == 'new'%}
            <div class="form-group">
                <input type="hidden" name="campaignId" value="{{ campaign.campaignId }}"/>

                <div class="col-lg-offset-2 col-lg-10">
                    <button type="submit" class="btn btn-primary">Create Campaign</button>
                </div>
            </div>
        {% endif %}

        {% if mode == 'edit' %}
            <div class="form-group">
                <input type="hidden" name="campaignId" value="{{ campaign.campaignId }}"/>

                <div class="col-lg-offset-2 col-lg-10">
                    <button type="submit" class="btn btn-primary">Save changes!</button>
                </div>
            </div>
        {% endif %}
    </form>

    {% if mode == 'edit' %}
        <hr>
        <form action="{{ path('admin_campaign_delete') }}" method="post">
            <div class="form-group">
                <label for="deleteButton" class="col-lg-8 control-label">Warning: This will completely erase the campaign
                    data and configurations from the system.</label>

                <div class="col-lg-4">
                    <button type="submit" id="deleteButton" class="btn btn-danger"
                            onclick="return confirm('Are you sure you want to delete \'{{ campaign.campaignName }}\'?')"
                            >Delete
                    </button>
                </div>
                <input type="hidden" name="campaignId" value="{{ campaign.campaignId }}"/>
            </div>
        </form>
    {% endif %}

</div>
    <!-- /main content -->

    {{ include( 'NivaControlBundle:Shared:footer.html.twig' ) }}