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

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

<script type="text/javascript">
    var theme = "{{ club.theme }}";
</script>

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

    <h3>Content Settings</h3>

    <p>General Display Settings</p>

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

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="contentName" name="contentName"
                           placeholder="contentName" value="{{ club.contentName }}">
                {% else %}
                    <p class="form-control-static">{{ club.contentName }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Display Title Name</small>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="contentSlogan" class="col-lg-2 control-label">Slogan</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="contentSlogan" name="contentSlogan"
                           placeholder="contentSlogan" value="{{ club.contentSlogan }}">
                {% else %}
                    <p class="form-control-static">{{ club.contentSlogan }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Display slogan line</small>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="contentBanner" class="col-lg-2 control-label">Banner Image</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="contentBanner" name="contentBanner"
                           placeholder="contentBanner" value="{{ club.contentBanner }}">
                {% else %}
                    <img src="{{ club.contentBanner }}" alt="{{ club.contentBanner }}" style="height:50px"/>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Banner Image for the club</small>
                </p>
            </div>
        </div>
{#        <div class="form-group">
            <label for="contentCss" class="col-lg-2 control-label">Content CSS</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="contentCss" name="contentCss" placeholder="contentCss"
                           value="{{ club.contentCss }}">
                {% else %}
                    <p class="form-control-static">{{ club.contentCss }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>CSS File for the Club</small>
                </p>
            </div>
        </div>#}
        <div class="form-group">
            <label for="contentSupportEmail" class="col-lg-2 control-label">Support Email</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="contentSupportEmail" name="contentSupportEmail"
                           placeholder="contentSupportEmail" value="{{ club.contentSupportEmail }}">
                {% else %}
                    <p class="form-control-static">{{ club.contentSupportEmail }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Technical support email to display.</small>
                </p>
            </div>
        </div>

        <hr>
        <h3>Metadata Strings </h3>

        <p>Customize the club's metadata strings.</p>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="metadataDescription" name="metadataDescription"
                           placeholder="metadataDescription" value="{{ club.metadataDescription }}">
                {% else %}
                    <p class="form-control-static">{{ club.metadataDescription }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Description phrase for metadata.</small>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="metadataKeywords" class="col-lg-2 control-label">Metadata Keywords</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="metadataKeywords" name="metadataKeywords"
                           placeholder="metadataKeywords" value="{{ club.metadataKeywords }}">
                {% else %}
                    <p class="form-control-static">{{ club.metadataKeywords }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Separate each keyword with a comma (,)</small>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="metadataAuthor" class="col-lg-2 control-label">Metadata Author</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="metadataAuthor" name="metadataAuthor"
                           placeholder="metadataAuthor" value="{{ club.metadataAuthor }}">
                {% else %}
                    <p class="form-control-static">{{ club.metadataAuthor }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Author information (Company name)</small>
                </p>
            </div>
        </div>

        <hr>
        <h3>Media Settings</h3>
        <p>Configure media handling and display settings.</p>

        <div class="form-group">
            <label for="enableVideoPreviews" class="col-lg-2 control-label">Video Previews</label>
            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" name="enableVideoPreviews">
                        <option value="0" {% if club.enableVideoPreviews == 0 %}selected="selected"{% endif %}>Disabled</option>
                        <option value="1" {% if club.enableVideoPreviews == 1 %}selected="selected"{% endif %}>Enabled</option>
                    </select>
                {% else %}
                    <p class="form-control-static">{% if club.enableVideoPreviews %}Enabled{% else %}Disabled{% endif %}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Enable short video previews before downloading</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="enableMediaStreams" class="col-lg-2 control-label">Media Streaming</label>
            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" name="enableMediaStreams">
                        <option value="0" {% if club.enableMediaStreams == 0 %}selected="selected"{% endif %}>Disabled</option>
                        <option value="1" {% if club.enableMediaStreams == 1 %}selected="selected"{% endif %}>Enabled</option>
                    </select>
                {% else %}
                    <p class="form-control-static">{% if club.enableMediaStreams %}Enabled{% else %}Disabled{% endif %}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Enable media streaming</small>
                </p>
            </div>
        </div>

        <hr>
        <h3>Layouts</h3>

        <p>Grid and arrangement settings.</p>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" id="layout" name="layout">
                        <option value="default" {% if club.layout == 'default' %}selected{% endif %}>Default</option>
                        <option value="basic" {% if club.layout == 'basic' %}selected{% endif %}>Basic</option>
                        <option value="inside-out" {% if club.layout == 'inside-out' %}selected{% endif %}>Inside-out</option>
                        <option value="grid" {% if club.layout == 'grid' %}selected{% endif %}>Grid</option>
                        <option value="slider" {% if club.layout == 'slider' %}selected{% endif %}>Slider</option>
                        <option value="thumbnail" {% if club.layout == 'thumbnail' %}selected{% endif %}>Thumbnail</option>
                        <option value="thumbnail-movistar" {% if club.layout == 'thumbnail-movistar' %}selected{% endif %}>Thumbnail Movistar</option>
                        <option value="veridis" {% if club.layout == 'veridis' %}selected{% endif %}>Veridis</option>
                        <option value="basic-centered" {% if club.layout == 'basic-centered' %}selected{% endif %}>Basic Centered</option>
                        <option value="batim" {% if club.layout == 'batim' %}selected{% endif %}>Batim</option>
                        <option value="pidelo" {% if club.layout == 'pidelo' %}selected{% endif %}>Pidelo Ya</option>
                    </select>
                {% else %}
                    <p class="form-control-static">{{ club.layout|capitalize }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Layout Style For the Club</small>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="theme" class="col-lg-2 control-label">Theme</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" id="theme" name="theme">
                    </select>
                {% else %}
                    <p class="form-control-static">{{ club.theme|capitalize }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Theme implemented for chosen layout.</small>
                </p>
            </div>
        </div>

        <hr>
        <h3>Google Adwords</h3>
        <p>Configuration and setup of Google Adwords' tracking scripts.</p>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <textarea class="form-control" rows="5" id="googleAdwords" name="googleAdwords"
                              placeholder="googleAdwords">{{ club.googleAdwords }}</textarea>
                {% else %}
                    {% if club.googleAdwords %}
                        <pre>{{ club.googleAdwords }}</pre>
                    {% else %}
                        <p class="form-control-static"></p>
                    {% endif %}
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Google Adwords tracking scripts. (Do not use for notification scripts)</small>
                </p>
            </div>
        </div>

        <hr>
        <h3>Terms</h3>

        <p>Terms of service settings.</p>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="termsTitle" name="termsTitle" placeholder="termsTitle"
                           value="{{ club.termsTitle }}">
                {% else %}
                    <p class="form-control-static">{{ club.termsTitle }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Terms page title</small>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="termsText" class="col-lg-2 control-label">Text</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <textarea class="form-control" rows="3" id="termsText" name="termsText"
                              placeholder="termsText">{{ club.termsText }}</textarea>
                {% else %}
                    <p class="form-control-static">{{ club.termsText }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Text of the Terms of Service</small>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="termsFooter" class="col-lg-2 control-label">Footer</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="termsFooter" name="termsFooter"
                           placeholder="termsFooter" value="{{ club.termsFooter }}">
                {% else %}
                    <p class="form-control-static">{{ club.termsFooter }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Footer text at end of every page</small>
                </p>
            </div>
        </div>

        <h3>Privacy Notice</h3>

        <p>Privacy Notice settings.</p>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="privacyTitle" name="privacyTitle" placeholder="privacyTitle"
                           value="{{ club.privacyTitle }}">
                {% else %}
                    <p class="form-control-static">{{ club.privacyTitle }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Privacy Notice page title</small>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="termsText" class="col-lg-2 control-label">Text</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <textarea class="form-control" rows="3" id="privacyText" name="privacyText"
                              placeholder="privacyText">{{ club.privacyText }}</textarea>
                {% else %}
                    <p class="form-control-static">{{ club.privacyText }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Text of the Privacy Notice</small>
                </p>
            </div>
        </div>


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

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

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

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