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

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

<!-- main content -->
<div class="col-sm-10">
    <div class="page-header">
        <h1>{{ listing.listingId }}: {{ listing.name }}&nbsp;
            {% if edit == false %}
                <a href="{{ path('club_listing_edit', {'id': club.clubId, 'lid': listing.listingId}) }}"><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_listing_new_process', {'id': club.clubId}) }}"
            {% elseif edit == true %} action="{{ path('club_listing_edit_process', {'id': club.clubId}) }}"
            {% endif %}
          method="post">

        <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 listing.enabled == true %}selected="selected"{% endif %}>Enabled</option>
                        <option value="0" {% if listing.enabled == false %}selected="selected"{% endif %}>Disabled</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if listing.enabled == true %}
                            <span class="label label-success">Enabled</span>
                        {% elseif listing.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 listing</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="sectionId">
                        {% for section in sections %}
                            <option value="{{ section.sectionId }}"
                                    {% if delete == true and section.sectionId == listing.getSectionId().getSectionId() %}
                                selected="selected"
                                    {% endif %}>{{ section.sectionId }} - {{ section.name }}</option>
                        {% endfor %}
                    </select>
                {% else %}
                    <p class="form-control-static">{{ listing.getSectionId().getSectionId() }}
                        - {{ listing.getSectionId().getname() }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Parent section for the listing</small>
                </p>
            </div>
        </div>

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

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

        <div class="form-group">
            <label for="slogan" class="col-lg-2 control-label">Listing Slogan</label>

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

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

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

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="headBanner" name="headBanner" placeholder="headBanner"
                           value="{{ listing.headBanner }}">
                {% else %}
                    <img src="{{ listing.headBanner }}" alt="{{ listing.headBanner }}" style="height:50px"/>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Head Banner Image for the listing</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="jumpToContent" class="col-lg-2 control-label">Jump To Content</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" name="jumpToContent">
                        <option value="0" {% if listing.jumpToContent == 0 %}selected="selected"{% endif %}>No</option>
                        <option value="1" {% if listing.jumpToContent == 1 %}selected="selected"{% endif %}>Yes</option>
                    </select>
                {% else %}
                    {% if listing.jumpToContent == 0 %}
                        <p class="form-control-static">No</p>
                    {% elseif listing.jumpToContent == 1 %}
                        <p class="form-control-static">Yes</p>
                    {% endif %}
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Enable jump straight to content.</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="defaultContent" class="col-lg-2 control-label">Default Content</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" name="defaultContent">
                        <option value="0">None</option>
                        {% for content in contents %}
                            <option value="{{ content.contentId }}"
                                    {% if delete == true and listing.getDefaultContent() != null and content.contentId == listing.getDefaultContent().getContentId() %}
                                selected="selected"
                                    {% endif %}>{{ content.getContentId() }} - {{ content.getName() }}</option>
                        {% endfor %}
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if listing.getDefaultContent() %}
                            {{ listing.getDefaultContent().getContentId() }} - {{ listing.getDefaultContent().getName() }}
                        {% else %}
                            None selected.
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Specify a default Content</small>
                </p>
            </div>
        </div>

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

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

                <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_listing_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
                    listing'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 \'{{ listing.name }}\'?')"
                            >Delete
                    </button>
                </div>
                <input type="hidden" name="listingId" value="{{ listing.listingId }}"/>
            </div>
        </form>
    {% endif %}


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

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