{% extends 'D2CustomerBundle::base.html.twig' %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2customer/js/customer_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 ['search', 'page', 'priority', 'status', '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 data-time-icon="icon-time" data-date-icon="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 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') }}">

            <label class="sr-only" for="priority">Priority</label>
            <select class="form-control" name="priority" id="priority">
            {% set opts = {'':"Show All", 'High':"High", 'Medium':"Medium", 'Low':"Low"} %}
            {% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('priority') is sameas(k) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
            </select>
            
            <label class="sr-only" for="status">Status</label>
            <select class="form-control" name="status" id="status">
            {% set opts = {'':"Show All", 'New':"New", 'In Progress':"In Progress", 'Complete':"Complete"} %}
            {% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('status') is sameas(k) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
            </select>

            <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 
        {{ (note_list.getCurrentPageNumber()-1) * note_list.getItemNumberPerPage() + 1 }}
        to
        {{ ((note_list.getCurrentPageNumber()-1) * note_list.getItemNumberPerPage()) + (note_list.getItems()|length) }}
        of
        {{ note_list.getTotalItemCount() }}
        records
    </div>
{% endblock page_header %}

{% block content %}
    <div class="offset3 span6">
        <div class="accordion" id="accordion2">
{% for entity in note_list %}
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse{{ entity.id }}">
                    {% if entity.priority|trim is sameas('High') %}
                    <span class="label label-important">Note</span> 
                    {% elseif entity.priority|trim is sameas('Medium') %}
                    <span class="label label-warning">Note</span> 
                    {% else %}
                    <span class="label label-info">Note</span> 
                    {% endif %}
                    {{ entity.title|trim }} 
                    <span class="pull-right">{{ entity.date|date("Y/m/d H:i:s") }}</span>
                    </a>
                 </div>
                <div id="collapse{{ entity.id }}" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <table style="width:100%">
                            <tr><td>{{ entity.text|trim }}</td></tr>
                            <tr><td>
                                <div class="pull-right">
                                {% if is_granted('ROLE_ADMIN_CUSTOMER_NOTE_EDIT') %}
                                    <a href="javascript:EditCustomerNote({{ entity.getid }})" class="btn btn-mini">Edit</a> 
                                {% endif %}
                                {% if is_granted('ROLE_ADMIN_CUSTOMER_NOTE_DELETE') %}
                                    <a href="javascript:DeleteCustomerNote({{ entity.getid }})" class="btn btn-mini">Delete</a>
                                {% endif %}
                                </div>
                            </td></tr>
                        </table>
                       
                    </div>
                </div>
            </div>
{% endfor %}
        </div>

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