{% extends '@RxConnexion/Admin/content.html.twig' %}
{% block content %}
    <div class="row max-width-initial">
        <div class="small-12 columns">
            <div class="content-container has-loading">
                <div class="content-container-content hide">
                    <div class="row max-width-initial">
                        <div class="large-5 columns">
                            <div class="input-group">
                                <label class="input-group-label">Type</label>
                                <select class="input-group-field" id="schedule-filter-type">
                                    <option value="Timed" selected>Timed</option>
                                    <option value="Queued">Queued</option>
                                </select>
                            </div>
                        </div>
                        {% if userData.type == 'Super Admin' or 'Admin Schedule New' in userData.accesses %}
                            <div class="large-7 columns">
                                <label class="middle text-right">
                                    <a href="{{ path('schedule_form') }}" class="href-new-action">New Appointment</a> |
                                    <a href="{{ path('calendar_appointment') }}" class="href-new-action">Calendar Appointment</a>
                                </label>
                            </div>
                        {% endif %}
                    </div>
                    <table class="display responsive" id="schedule-datalist" width="100%">
                        <thead>
                        <tr>
                            <th>Account</th>
                            <th>Appointment ID</th>
                            <th>Branch</th>
                            <th>Patient Name</th>
                            <th>Appointment Date</th>
                            <th>Physician</th>
                            <th>Chart Type</th>
                            <th>Start Time</th>
                            <th>End Time</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {% include '@RxConnexion/Admin/js.html.twig' %}
    <script language="javascript">
        //<![CDATA[
        schedule.settings.ajaxUrl = '{{ path('schedule_ajax_list') }}';
        jQ(document).ready(function(){
            schedule.init();
        });
        //]]>
    </script>
{% endblock %}