{% extends '@RxConnexion/Admin/content.html.twig' %}
{% block content %}
    <div class="row max-width-initial">
        <div class="small-12 columns">
            <div class="row max-width-initial">
                <div class="large-3 columns">
                    <div class="input-group">
                        <label class="input-group-label">Category</label>
                        <select class="input-group-field" id="reminderType">
                            <option value='All' selected="selected">All</option>
                            {% for reminderTypes in reminderType %}
                                <option value='{{ reminderTypes.id }}'>{{ reminderTypes.description }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <div class="large-3 columns">
                    <div class="input-group">
                        <label class="input-group-label">Status</label>
                        <select class="input-group-field" id="status">
                            <option value='All' selected="selected">All</option>
                            <option value='Pending'>Pending</option>
                            <option value='Completed'>Completed</option>
                        </select>
                    </div>
                </div>
                <div class="large-3 columns">
                    <div class="input-group">
                        <label class="input-group-label" style="font-size: 10px;">Assigned To</label>
                        <input class="input-group-field" type="text" id="assigned_to">
                        <input class="input-group-field" type="hidden" id="assigned_to_id">
                    </div>
                </div>
                <div class="large-3 columns">
                    <div class="input-group">
                        <label class="input-group-label">Month</label>
                        <select class="input-group-field" id="month-filter-type">
                            <option value="all" selected>All Months</option>
                            {% for month in monthFilter %}
                                <option value="{{ month.value }}" >{{ month.display }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
            </div>
            <div class="content-container has-loading">
                <div class="content-container-content hide">
                    <div class="text-right">
                        {% if userData.type == 'Super Admin' or 'Admin Account User Reminder New' in userData.accesses %}
                            <a class="href-new-action" href="javascript:void(0)" onclick="global_reminder.form('n',0)">New Reminder</a>
                        {% endif %}
                    </div>
                    <table class="display responsive" id="reminder-datalist" width="100%">
                        <thead>
                        <tr>
                            {#<th>ID</th>#}
                            <th>Category</th>
                            <th>Assigned To</th>
                            <th>Date</th>
                            <th>Created By</th>
                            <th>Status</th>
                            <th>Note</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {% include '@RxConnexion/Admin/js.html.twig' %}
    <script language="javascript">
        //<![CDATA[
        reminder.settings.ajaxUrl = '{{ path('account_user_reminder_ajax_list') }}';
        reminder.settings.account_user_autocompleteUrl = '{{ path('account_user_autocomplete') }}';
        jQ(document).ready(function(){
            reminder.init();
        });
        //]]>
    </script>
{% endblock %}