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

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

<!-- main content -->
<div class="col-sm-10">
    <div class="page-header">
        <h1>{{ page.landingPageId }}: {{ page.name }}&nbsp;
            {% if edit == false %}
                <a href="{{ path('club_landing_edit', {'id': club.clubId, 'pid': page.landingPageId}) }}"><span
                            class="glyphicon glyphicon-cog"></span></a>
            {% endif %}
        </h1>
    </div>

    {% if not edit and not delete %}
        <p>Landing Page Preview URL:</p>
        <pre>{{ previewUrl }}</pre>
    {% endif %}

    <h3>General Settings</h3>

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

    <form class="form-horizontal" role="form"
            {% if delete == false %}  action="{{ path('club_landing_new_process', {'id': club.clubId}) }}"
            {% elseif edit == true %} action="{{ path('club_landing_edit_process', {'id': club.clubId}) }}"
            {% endif %}
          method="post">

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="name" name="name" placeholder="name"
                           value="{{ page.name }}">
                {% else %}
                    <p class="form-control-static">{{ page.name }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Landing Page Name</small>
                </p>
            </div>
        </div>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="description" name="description"
                           placeholder="description" value="{{ page.description }}">
                {% else %}
                    <p class="form-control-static">{{ page.description }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Short description & keywords</small>
                </p>
            </div>
        </div>

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

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" id="layout" name="layout">
                        <option value="basic" {% if page.layout == 'basic' %}selected="selected"{% endif %}>Basic</option>
                        <option value="telcel" {% if page.layout == 'telcel' %}selected="selected"{% endif %}>Telcel</option>
                        <option value="movistar-1" {% if page.layout == 'movistar-1' %}selected="selected"{% endif %}>Movistar 1</option>
                        <option value="movistar-2" {% if page.layout == 'movistar-2' %}selected="selected"{% endif %}>Movistar 2</option>
                        <option value="movistar-3" {% if page.layout == 'movistar-3' %}selected="selected"{% endif %}>Movistar 3</option>
                        <option value="movistar-4" {% if page.layout == 'movistar-4' %}selected="selected"{% endif %}>Movistar 4</option>
                        <option value="iusacell" {% if page.layout == 'iusacell' %}selected="selected"{% endif %}>Iusacell</option>
                        <option value="veridis" {% if page.layout == 'veridis' %}selected="selected"{% endif %}>Veridis</option>
                        <option value="google" {% if page.layout == 'google' %}selected="selected"{% endif %}>Google</option>
                        <option value="google-cenam" {% if page.layout == 'google-cenam' %}selected="selected"{% endif %}>Google CENAM</option>
                        <option value="one" {% if page.layout == 'one' %}selected="selected"{% endif %}>Google (ONE)</option>
                        <option value="argentina" {% if page.layout == 'argentina' %}selected="selected"{% endif %}>Argentina</option>
                        <option value="infotainment" {% if page.layout == 'infotainment' %}selected="selected"{% endif %}>Infotainment</option>
                        <option value="boca" {% if page.layout == 'boca' %}selected="selected"{% endif %}>yBoca</option>
                        <option value="river" {% if page.layout == 'river' %}selected="selected"{% endif %}>River</option>
                        <option value="flat1" {% if page.layout == 'flat1' %}selected="selected"{% endif %}>Flat V 1.0</option>
                        <option value="FB" {% if page.layout == 'FB' %}selected="selected"{% endif %}>Facebook</option>
                        <option value="movie" {% if page.layout == 'movie' %}selected="selected"{% endif %}>Movie Player</option>
                        <option value="iq" {% if page.layout == 'iq' %}selected="selected"{% endif %}>IQ Test</option>
                        <option value="tuvid" {% if page.layout == 'tuvid' %}selected="selected"{% endif %}>TuVid</option>
                        <option value="dice" {% if page.layout == 'dice' %}selected="selected"{% endif %}>Dados</option>
                        <option value="tarot" {% if page.layout == 'tarot' %}selected="selected"{% endif %}>Tarot</option>
                        <option value="huntress" {% if page.layout == 'huntress' %}selected="selected"{% endif %}>Huntress</option>
                        <option value="slot" {% if page.layout == 'slot' %}selected="selected"{% endif %}>Slot Machine</option>
                        <option value="erika" {% if page.layout == 'erika' %}selected="selected"{% endif %}>Erika Vid 01</option>
                        <option value="wilaen" {% if page.layout == 'wilaen' %}selected="selected"{% endif %}>Nextel Wilaen</option>
                    </select>
                {% else %}
                    <p class="form-control-static">{{ page.layout|capitalize }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>HTML layout style (template type)</small>
                </p>
            </div>
        </div>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="banner" name="banner" placeholder="banner"
                           value="{{ page.banner }}">
                {% else %}
                    <p class="form-control-static">{{ page.banner }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Complete URL of banner image (http://...)</small>
                </p>
            </div>
        </div>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="button" name="button" placeholder="button"
                           value="{{ page.button }}">
                {% else %}
                    <p class="form-control-static">{{ page.button }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Optional (only for Telcel's PortalOne): Complete URL of button image (http://...)</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="css" class="col-lg-2 control-label">CSS Stylesheet</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="css" name="css" placeholder="css"
                           value="{{ page.css }}">
                {% else %}
                    <p class="form-control-static">{{ page.css }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Complete URL of CSS stylesheet (http://...)</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="button" class="col-lg-2 control-label">Wilaen URL</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="wilaenUrl" name="wilaenUrl" placeholder="wilaenUrl"
                           value="{{ page.wilaenUrl }}">
                {% else %}
                    <p class="form-control-static">{{ page.wilaenUrl }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Optional (only for Wilaen services): Complete URL of custom landing page (http://...)</small>
                </p>
            </div>
        </div>

        {% if edit == true %}
            <div class="form-group">
                <input type="hidden" name="clubId" value="{{ club.clubId }}"/>
                <input type="hidden" name="landingPageId" value="{{ page.landingPageId }}"/>

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

    {% if delete == true %}
        <hr>
        <form action="{{ path('club_landing_delete', {'id': club.clubId}) }}" method="post">
            <div class="form-group">
                <label for="deleteButton" class="col-lg-8 control-label">Warning: This will completely erase the
                    provider 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 \'{{ page.name }}\'?')"
                            >Delete
                    </button>
                </div>
                <input type="hidden" name="clubId" value="{{ club.clubId }}"/>
                <input type="hidden" name="landingPageId" value="{{ page.landingPageId }}"/>
            </div>
        </form>
    {% endif %}


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

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