{{ 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>{{ section.sectionId }}: {{ section.name }}&nbsp;
            {% if edit == false %}
                <a href="{{ path('club_section_edit', {'id': club.clubId, 'sid': section.sectionId}) }}"><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_section_new_process', {'id': club.clubId}) }}"
            {% elseif edit == true %} action="{{ path('club_section_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 section.enabled == true %}selected="selected"{% endif %}>Enabled</option>
                        <option value="0" {% if section.enabled == false %}selected="selected"{% endif %}>Disabled</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if section.enabled == true %}
                            <span class="label label-success">Enabled</span>
                        {% elseif section.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 section</small>
                </p>
            </div>
        </div>

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

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

        <div class="form-group">
            <label for="listOrder" class="col-lg-2 control-label">List Order</label>

            <div class="col-lg-6">
                {% if edit == true %}
                    <input type="text" class="form-control" id="listOrder" name="listOrder" placeholder="listOrder"
                           value="{{ section.listOrder }}">
                {% else %}
                    <p class="form-control-static">{{ section.listOrder }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Numeric sort order, 1 is always the first one.</small>
                </p>
            </div>
        </div>

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

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

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" name="jumpToListing">
                        <option value="0" {% if section.jumpToListing == 0 %}selected="selected"{% endif %}>No</option>
                        <option value="1" {% if section.jumpToListing == 1 %}selected="selected"{% endif %}>Yes</option>
                    </select>
                {% else %}
                    {% if section.jumpToListing == 0 %}
                        <p class="form-control-static">No</p>
                    {% elseif section.jumpToListing == 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 a listing content. (Skip listing selection)</small>
                </p>
            </div>
        </div>

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

            <div class="col-lg-6">
                {% if edit == true %}
                    <select class="form-control" name="defaultListing">
                        <option value="0">None</option>
                        {% for listing in defaultListings %}
                            <option value="{{ listing.listingId }}"
                                    {% if delete == true and section.getDefaultListing() != null and listing.listingId == section.getDefaultListing().getListingId() %}
                                selected="selected"
                                    {% endif %}>{{ listing.getListingId() }} - {{ listing.getName() }}</option>
                        {% endfor %}
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if section.getDefaultListing() %}
                            {{ section.getDefaultListing().getListingId() }} - {{ section.getDefaultListing().getName() }}
                        {% else %}
                            None selected.
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Specify a default Listing</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 section.displayType == 'SL' %}selected="selected"{% endif %}>Slider</option>
                        <option value="BA" {% if section.displayType == 'BA' %}selected="selected"{% endif %}>Banner</option>
                        <option value="SQ" {% if section.displayType == 'SQ' %}selected="selected"{% endif %}>Square</option>
                        <option value="FA" {% if section.displayType == 'FA' %}selected="selected"{% endif %}>Fade</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if section.displayType == 'SL' %}
                            Slider
                        {% elseif section.displayType == 'BA' %}
                            Banner
                        {% elseif section.displayType == 'SQ' %}
                            Square
                        {% elseif section.displayType == 'FA' %}
                            Fade
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Section Type defines how the thumbnail will be displayed</small>
                </p>
            </div>
        </div>

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

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


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

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