{% extends "@Admin/Layout/adminlayout.html.twig" %}
{% block title %}Nutrezee : Report Summary{% endblock %}
{% block content %}
    <section class="content-header">
        <!-------- PAGE TITLE --------------->
        <h1>
            Report Summary for expiring soon.
            {#{%if flag_type == 'off_day' %}
                <small><label>Users who have the off day</label></small>
            {%elseif flag_type == 'meal_not_added' %}
                <small><label>Users who are eligible but have not added their meals yet</label></small>
            {%elseif flag_type == 'meal_added' %}
                <small><label>Users who are eligible and have added their meals</label></small>
            {%elseif flag_type == 'suspend_day' %}
                 <small><label>Users who have freeze Package on this day</label></small>    
            {%elseif flag_type == 'pause_day' %}
                 <small><label>Users whose Package pause on this day</label></small>                
            {%elseif flag_type == '0' %}
                 <small><label>Users allowed to add meals on that day based on their package if they are eligible</label></small>
            {%endif%}#}
            
        </h1>
        <!------- BREADCUMB --------------------->
        <ol class="breadcrumb">
            <li><a href="{{path('admin_dashboard_index',{'domain':app.session.get('domain')})}}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        </ol>
    </section>
    <section class="content">
        {% for flashMessage in app.session.flashbag.get('success_msg') %}
            <div class="alert alert-success alert-dismissable">
                <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                <h4><i class="icon fa fa-check"></i> Alert!</h4>{{ flashMessage }}
            </div>
        {% endfor %}
        {% for flashMessage in app.session.flashbag.get('error_msg') %}
            <div class="alert alert-danger alert-dismissable">
                <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                <h4><i class="icon fa fa-check"></i> Alert!</h4>{{ flashMessage }}
            </div>
        {% endfor %}

        <div class="row">
            <form name="filterdatewise" method="Post" action = "{{path('admin_reports_packageexpirestoday')}}">
                <section class="col-lg-12 ">
                    <div class="box box-primary">
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-2"><label>Selected Date</label></div>
                                <div class="col-md-4">
                                    <input type="text" name="date_filter" value="{%if filter_date == '' %} {{ "now"|date("Y-m-d") }} {%else%} {{filter_date}} {%endif%}" class="form-control datepicker" />
                                </div>
                                <div class="col-md-2"><input type="submit" name="submit" value="Filter" class="btn btn-success"/></div>
                            </div>
                        </div>
                    </div>
                </section>
            </form>
        </div>
        <div class="row">
            {#<div class="col-lg-2 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-aqua" style="    background-color: #34480270 !important;">
                    <div class="inner">
                        <h3>{{alloted_to_add_meal_count}}</h3>

                        <p>Alloted to add Meals</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-bag"></i>
                    </div>
                    <a href="{{path('admin_reports_packageexpirestoday')}}/0/{{filter_date |trim }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-2 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-green " style="background-color: #537788 !important;">
                    <div class="inner">
                        <h3>{{off_day_count}}</h3>

                        <p>Off Day Users</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-stats-bars"></i>
                    </div>
                    <a href="{{path('admin_reports_packageexpirestoday')}}/off_day/{{filter_date |trim}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-2 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-yellow" style="    background-color: #c39750 !important;">
                    <div class="inner">
                        <h3>{{meal_not_added_count}}</h3>

                        <p>Not added Meals</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-person-add"></i>
                    </div>
                    <a href="{{path('admin_reports_packageexpirestoday')}}/meal_not_added/{{filter_date |trim}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-2 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-red" style="    background-color: #7d4f49 !important;">
                    <div class="inner">
                        <h3>{{meal_added_count}}</h3>

                        <p>Added Meals</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div>
                    <a href="{{path('admin_reports_packageexpirestoday')}}/meal_added/{{filter_date}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-2 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-red" style="    background-color: #51ad98 !important;">
                    <div class="inner">
                        <h3>{{suspend_count}}</h3>

                        <p>Freeze Users</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div>
                    <a href="{{path('admin_reports_packageexpirestoday')}}/suspend_day/{{filter_date}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                </div>
            </div> 
            <div class="col-lg-2 col-xs-6 hide">
                <!-- small box -->
                <div class="small-box bg-red" style="    background-color: #0044cc63 !important;">
                    <div class="inner">
                        <h3>{{pauseorder_count}}</h3>

                        <p>Pause Users</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div>
                     <a href="{{path('admin_reports_packageexpirestoday')}}/pause_day/{{filter_date}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> 
                </div>
            </div>#}
        </div>	
        <div class="form-group">
            <div class="table-responsive">
                <table id="list" class="table display table-striped table-bordered scroll-horizontal ">
                    <thead>
                        <th>UserID</th>
                        <th>Order</th>
                        <th>User name</th>
                        <th>Phone No</th>
                        {% if flag_type != 'pause_day' %}
                        <th>Days Left</th>
                        {%endif%}
                        {#<th class="text-center">Meal</th>                       
                        <th class="text-center">Notification</th>
                        {% if flag_type != 'pause_day' %}
                        <th>Driver</th>
                        {%endif%}  #}                           
                    </thead>
                    <tbody>
                        {%if order_data is defined and order_data is not empty %}
                            {%for order_data in order_data %}
                                <tr>
                                    <td>{{order_data.user_id}}</td>
                                    <td title="Plan end on {{order_data.plan_end_on}} ">{{order_data.order_no}}</td>
                                    <td>{{order_data.user_name}}</td>
                                    <td>{{order_data.user_contact_no}}</td>
                                    {% if flag_type != 'pause_day' %} <td title="Plan end on {{order_data.plan_end_on}}">{{order_data.days_left}}</td>  {%endif%}      
                                    {#<td class="text-center"><a target="_blank" href="{{path('admin_orders_getmealsdatewisefilter',{"order_id":order_data.order_master_id,"quick_access":filter_date})}}" ><i class="fa fa-eye"></i></a></td>

                                    <td class="text-center"><a target="_blank" href="{{path('admin_pushnotification_addpushnotification',{"user_id":order_data.user_id})}}" ><i class="fa fa-send-o "></i></a></td>#}

                                     {#{% if flag_type != 'pause_day' %} <td>{{order_data.driver_name}}</td> {%endif%} #}     
                                </tr>
                            {%endfor%}
                        {%else%}
                            <tr><td colspan="5" class="text-center">No Records Found </td></tr>
                        {%endif%}
                        
                    </tbody>
                    <tfooter>
                        <th>UserID</th>
                        <th>Order</th>
                        <th>User name</th>
                        <th>Phone No</th>
                        {% if flag_type != 'pause_day' %}
                        <th>Days Left</th>
                        {%endif%}
                        {#<th class="text-center">Meal</th>                       
                        <th class="text-center">Notification</th>
                      {% if flag_type != 'pause_day' %}
                        <th>Driver</th>
                        {%endif%}     #}                          
                    </tfooter>
                </table>
            </div>
        </div>


    </section>
    <!----------- PAGE HEADER : END ----------------------------------------------------------->
    <!----------- Main content : START ----------------------------------------------------------->

{% endblock %}

{% block js %}
    <script src="{{asset('bundles/design/plugins/')}}ckeditor/ckeditor.js"></script>

    <script>
    $(document).ready(function() {
        $('.datepicker').datepicker({  format: 'yyyy-mm-dd', });
    //	$('#example').DataTable();
     //$('#list').DataTable();
     $('#list').DataTable( {
             dom: 'Bfrtip',

    buttons: [
        'copy', 'excel', 'pdf'
    ]
} );
    });
         </script>	
{% endblock %}