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

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

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

    <h3>General Settings</h3>

    <p>General Display Settings</p>

    <form class="form-horizontal" role="form"
            {% if delete == false %}  action="{{ path('club_content_new_process', {'id': club.clubId}) }}"
            {% elseif edit == true %} action="{{ path('club_content_edit_process', {'id': club.clubId}) }}"
            {% endif %}
          method="post" onsubmit="return doMyValidation(this);">

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

            <div class="col-lg-6">
                {% if mode is defined and mode == 'edit' %}
                    <select class="form-control" name="enabled">
                        <option value="1" {% if content.enabled == true %}selected="selected"{% endif %}>Enabled</option>
                        <option value="0" {% if content.enabled == false %}selected="selected"{% endif %}>Disabled</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if content.enabled == true %}
                            <span class="label label-success">Enabled</span>
                        {% elseif content.enabled == false %}
                            <span class="label label-default">Disabled</span>
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Status of current content</small>
                </p>
            </div>
        </div>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" name="listingId">
                        {% for listing in listings %}
                            <option value="{{ listing.listingId }}"
                                    {% if delete == true and listing.listingId == content.getListingId().getListingId() %}
                                selected="selected"
                                    {% endif %}>Section: {{ listing.getSectionId().getName() }} |
                                Listing: {{ listing.name }}</option>
                        {% endfor %}
                    </select>
                {% else %}
                    <p class="form-control-static">Section: {{ content.getListingId().getSectionId().getName() }} |
                        Listing: {{ content.getListingId().getName() }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Parent section for the content</small>
                </p>
            </div>
        </div>

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

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

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

            <div class="col-lg-6 input-group">
                {% if edit == true %}
                    <input type="text" class="form-control" id="url" name="url" placeholder="url"
                           value="{{ content.url }}">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-minus"></span></span>

                {% else %}
                    <img src="{{ content.url }}" alt="{{ content.url }}" style="height:50px"/>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>URL to display a thumbnail (pictures, videos, games, etc.)</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="streamPreviewPath" class="col-lg-2 control-label">Stream Preview Path</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="streamPreviewPath" name="streamPreviewPath"
                           placeholder="streamPreviewPath" value="{{ content.streamPreviewPath }}">
                {% else %}
                    <p class="form-control-static">{{ content.streamPreviewPath }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Path to stream preview media content, short version. (http://static..)</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="path" class="col-lg-2 control-label">Download Path</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="path" name="path" placeholder="path"
                           value="{{ content.path }}">
                {% else %}
                    <p class="form-control-static">{{ content.path }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Path to directly download content. (/var/www/..)</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="streamPath" class="col-lg-2 control-label">Stream Path</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="streamPath" name="streamPath" placeholder="streamPath"
                           value="{{ content.streamPath }}">
                {% else %}
                    <p class="form-control-static">{{ content.streamPath }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Path to stream media content. (http://static..)</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="staticHtml" class="col-lg-2 control-label">Static HTML Page</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="staticHtml" name="staticHtml" placeholder="staticHtml"
                           value="{{ content.staticHtml }}">
                {% else %}
                    <p class="form-control-static">{{ content.staticHtml }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Points to an index.html in case of custom content (i.e. Games) (http://static..)</small>
                </p>
            </div>
        </div>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="publicName" name="publicName" placeholder="publicName"
                           value="{{ content.publicName }}">
                {% else %}
                    <p class="form-control-static">{{ content.publicName }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Public name to display to clients</small>
                </p>
            </div>
        </div>

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

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

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" id="type" name="type">
                        <option value="IMG" {% if content.type == "IMG" %}selected{% endif %}>IMG</option>
                        <option value="MP3" {% if content.type == "MP3" %}selected{% endif %}>MP3</option>
                        <option value="VID" {% if content.type == "VID" %}selected{% endif %}>VID</option>
                        <option value="GAM" {% if content.type == "GAM" %}selected{% endif %}>GAM</option>
                    </select>
                {% else %}
                    <p class="form-control-static">{{ content.type }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Kind of content (Image, video, etc..)</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="displayType" class="col-lg-2 control-label">Display Type</label>
            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" name="displayType" id="displayType">
                        <option value="SL" {% if content.displayType == 'SL' %}selected="selected"{% endif %}>Slider</option>
                        <option value="BA" {% if content.displayType == 'BA' %}selected="selected"{% endif %}>Banner</option>
                        <option value="SQ" {% if content.displayType == 'SQ' %}selected="selected"{% endif %}>Square</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if content.displayType == 'SL' %}
                            Slider
                        {% elseif content.displayType == 'BA' %}
                            Banner
                        {% elseif content.displayType == 'SQ' %}
                            Square
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Content Display Type defines how the thumbnail will be displayed</small>
                </p>
            </div>
        </div>

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

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

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


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

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