@extends('admin.layouts.app')

@section('page_tab_title' ,"User Stats")

@section('content')
    @if ($message = Session::get('success'))
        <div class="alert alert-success">
        <p>{{ $message }}</p>
        </div>
    @endif

    <section class="content">
        <div class="row">
          <div class="col-xs-12">
            <div class="shadow-box">
              <div class="box-header adminuser-box">
                <div class="row">
      
                  <div class="col-lg-4 col-md-4">
                    <div class="top-ttl">
                      <h1>
                        User Stats
                      </h1>
                    </div>
                  </div>
      
                  <div class="col-lg-8 col-md-8">
                    <div class="pull-right">
                      <button type="button" name="export_all" id="export_all" class="btn custom-btn"><i class="glyphicon glyphicon-active"></i>Export All</button>
                      <button type="button" name="bulk_export" id="bulk_export" class="btn custom-btn"><i class="glyphicon glyphicon-active"></i>Export</button>
                    </div>                    
                  </div>
      
                </div>
                <hr class="bdr-partition">
              </div>
              <!-- /.box-header -->
              <div class="box-body table-responsive">
      
                <table id="practitioner_datatable" class="table table-bordered table-striped ">
                  <thead>
                    <tr>
                      <th><input type="checkbox" name="all_chk" id="all_chk"></th>
                      <th>Practitioner name</th>
                      <th>Email</th>
                      <th>Activation date</th>
                      <th>Last logged in</th>
                      <th>of credits purchased to date</th>
                      <th>Takings this month</th>
                      <th>Bookings this month</th>
                      <th>Latpay payments for this month</th>
                    </tr>
                  </thead>
                </table>
              </div>
            </div>
          </div>
        </div>
      </section>
  <script src="{{asset('assets/patient/js/jquery.redirect.js')}}"></script>
  <script>
    $(document).ready(function() {
        $(document).ready(function() {
            var url = "{{route('practitioner.userStats.list')}}";
            var search = "{{app('request')->input('search') ?? ''}}"
            $('#practitioner_datatable').DataTable({
                processing: true,
                serverSide: true,
                ajax: url,
                searching: true,
                search: {
                    "search": search
                },
                columns: [
                    {
                      "data":"checkbox", orderable:false, searchable:false
                    },
                    {
                        data: 'name',
                        name: 'name',
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'activation_date',
                        name: 'activation_date'
                    },
                    {
                        data:'last_logged_in',
                        name:'last_logged_in',
                    },
                    {
                        data:'credits_purchased',
                        name:'credits_purchased',
                    },
                    {
                        data:'monthly_total',
                        name:'monthly_total',
                    },
                    {
                        data:'booking_this_month',
                        name:'booking_this_month',
                    },
                    {
                        data:'latpay_this_month',
                        name:'latpay_this_month',
                    }
                ]
            });
        });
        $(document).ready(function() {
          $("#all_chk").click(function () {
                if ($(this).is(':checked')) {
                    var $view = $('.student_checkbox').prop("checked", true);
                } else {
                    var $view = $('.student_checkbox').prop("checked", false);
                }
            });

            $(document).on('click', '.student_checkbox', function(){
                var numberOfChecked = $('.student_checkbox').filter(':checked').length;
             
                var totalCheckboxes = $('.student_checkbox').length;
                if (numberOfChecked == totalCheckboxes) {
                    var $view = $('#all_chk').prop("checked", true);
                }
                if (!$(this).is(':checked')) {
                  var $view = $('#all_chk').prop("checked", false);
                } 
            });
        });
        $(document).on('click', '#export_all', function(){
          var baseUrl = "{{route('home')}}";
          $.redirect(baseUrl + '/admin/practitioner/user-stats/massexport', { 'id': 'all' }, "GET", "_blank");     
        });
        $(document).on('click', '#bulk_export', function(){
          var id = [];     
            $('.student_checkbox:checked').each(function(){
                id.push($(this).val());
            });
            if(id.length > 0){
                var baseUrl = "{{route('home')}}";
                $.redirect(baseUrl + '/admin/practitioner/user-stats/massexport', { 'id': id }, "GET", "_blank");
            }else{
              alert("Please select atleast one checkbox");
            }     
        });
    });
    </script>
@stop