{% extends 'D2ContentBundle::base_admin.html.twig' %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2content/js/content_admin.js') }}"></script>
{% endblock head_script_extra %}
    
{% block page_header %}
	<form class="filter_form form-inline pull-right" role="form" method="get">
		{% for k, v in app.request.query %}
			{% if k|lower not in ['category', 'shoe', 'search', 'page', 'from_date', 'to_date'] %}
				<input type="hidden" name="{{ k }}" value="{{ v }}" />
			{% endif %}
		{% endfor %}
        <div class="filter">
            <label class="sr-only" for="sel_from_date">From</label>
            <div id="sel_from_date" class="input-append">
                <input name="from_date" data-format="yyyy-MM-dd" type="text" style="width:100px" value="{{ app.request.get('from_date') }}"></input>
                <span class="add-on"><i class="icon-calendar"></i></span>
            </div>

            <label class="sr-only" for="sel_to_date">To</label>
            <div id="sel_to_date" class="input-append">
                <input name="to_date" data-format="yyyy-MM-dd" type="text" style="width:100px" value="{{ app.request.get('to_date') }}"></input>
                <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
            </div>

			<label for="category"> Category</label> 
			<select name="category">
				<option></option>
				{% for category in categories %}
				<option value="{{ category.id }}" {% if app.request.get('category') == category.id  %} selected="selected" {% endif %}>{{ category.category }}</option>
				{% endfor %}
			</select>

			<label for="shoe"> Shoe</label> 
			<select name="shoe">
				<option></option>
				{% for shoe in shoes %}
				<option value="{{ shoe.id }}" {% if app.request.get('shoe') == shoe.id  %} selected="selected" {% endif %}>{{ shoe.title }}</option>
				{% endfor %}
			</select>

            <label class="sr-only" for="search">Search</label>
            <input type="text" class="form-control" name="search" id="search" placeholder="Search for" value="{{ app.request.get('search') }}">

            <div class="btn-group">
                <button type="submit" class="btn btn-default">Go</button>
                <button type="button" class="btn btn-default clear_filter">Clear</button>
            </div>
        </div>
	</form>
    <div class="clearfix"></div>
    <div>Displaying 
        {{ (shoe_images.getCurrentPageNumber()-1) * shoe_images.getItemNumberPerPage() + 1 }}
        to
        {{ ((shoe_images.getCurrentPageNumber()-1) * shoe_images.getItemNumberPerPage()) + (shoe_images.getItems()|length) }}
        of
        {{ shoe_images.getTotalItemCount() }}
        <code>Shoe Images</code>
    </div>
{% endblock page_header %}

{% block content %}

    <div>
{% for entity in shoe_images %}
    {% if loop.first %}
        <div class="row" style="margin-top:25px">
            <div class="span2"></div>
    {% endif %}
            <div class="span2">
                <div class="well well-small">
                    <table style="width:100%">
                        <tr>
                            <td><code>{{ entity.origPath|trim }}</code> {% if is_granted('ROLE_ADMIN_SHOE_IMAGE_DELETE') %}<a class="btn close pull-right" href="javascript:DeleteShoeImage({{ entity.id }})">&times;</a>{% endif %}</td>
                        </tr>
                        <tr>
                            <td ><a style="text-algn:center" href="/uploads/shoes/images/{{ entity.path }}"><img src="/uploads/shoes/images/{{ entity.path }}" title="Shoe Image" alt="Shoe Image" width="80" /></a></td>
                        </tr>
                        <tr>
                            <td>Shoe: {% if entity.shoe is not null %} {{ entity.shoe.title|trim }} <a href="javascript:UnassignShoeImage({{ entity.id }})" class="pull-right" ><i class="icon-minus-sign"></i></a> {% else %} <code>Not Assigned</code><a href="javascript:AssignShoeImage({{ entity.id }})" class="pull-right" ><i class="icon-plus-sign"></i></a> {% endif %}</td>
                        </tr>
                        <tr>
                            <td>Code: {{ entity.code|trim }} <a href="javascript:EditShoeImage({{ entity.id }})" class="pull-right" ><i class="icon-pencil"></i></a></td>
                        </tr>
                        <tr>
                            <td>Color: {{ entity.color|trim }}</td>
                        </tr>
                        <tr>
                            <td>Slide Show: {% if entity.slideShow %} <code>Yes</code> <a href="javascript:RemoveFromSlideShow({{ entity.id }})" class="pull-right" ><i class="icon-thumbs-up"></i></a> {% else %} <code>No</code><a href="javascript:AddToSlideShow({{ entity.id }})" class="pull-right" ><i class="icon-thumbs-down"></i></a> {% endif %}</td>
                        </tr>
                    </table>
                </div>
            </div>
    {% if not loop.first and loop.index is divisibleby(4) %}
        </div>
        <div class="row">
            <div class="span2"></div>
    {% endif %}
{% endfor %}
        </div>

        <div class="pagination pull-right">
            {{ knp_pagination_render(shoe_images) }}
        </div>
    </div>    
{% endblock content %}