@extends('admin.layouts.app')
@section('page_tab_title' ,"Dashboard") 
@section('content')

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

<!-- Main content -->
<section class="content">
  <div class="shadow-box">
    @include('admin.layouts.dashboard_menu')
    <div class="box-header">
      <div class="row">
        <div class="col-xs-6">
          <div class="top-ttl">
            <h1 id="title">Practitioners with Plan Upgrade</h1>
          </div>
        </div>
      </div>
      <hr class="bdr-partition">
    </div>
    <div class="box-body table-responsive">
      <table id="practitioner_with_plan_upgrade_datatable" class="table table-bordered table-striped">
        <thead>
          <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Plan name</th>
            <th>Active Calendars</th>
            <th>Monthly Cost</th>
            <th>Action</th>
          </tr>
        </thead>
      </table>
    </div>
  </div>
  <!-- /.row -->
</section>
<!-- /.content -->

<script>
  $(document).ready(function() {
    var url = "{{ route('practitioner.practitionersWithPlanUpgradeList') }}";
    var search = "{{app('request')->input('search') ?? ''}}";

    $('#practitioner_with_plan_upgrade_datatable').DataTable({
      order:[0,'asc'],
      processing: true,
      serverSide: true,
      ajax: url,
      searching: true,
      search: {
        "search": search
      },
      columns: [
        {
          data: 'name',
          name: 'name',
        },
        {
          data: 'email',
          name: 'email'
        },
        {
          data: 'planName',
          name: 'planName'
        },
/*        {
          data:'start_date',
          name:'start_date',
        },
        {
          data:'renewal_date',
          name:'renewal_date',
        },*/
        {
          data: 'extraCalendars',
          name: 'extraCalendars',
        },
        {
          data: 'cart_total',
          name: 'cart_total',
        },
        {
          data: 'action',
          name: 'action'
        }
      ]
    });

    $(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', '#bulk_delete', function(){
      var id = [];
      if(confirm("Are you sure you want to Delete this data?")){
        $('.student_checkbox:checked').each(function(){
            id.push($(this).val());
        });
        if(id.length > 0){
          $.ajax({
              url:"{{ route('practitioner.massremove')}}",
              data:{id:id},
              success:function(data){
                $('#practitioner_datatable').DataTable().ajax.reload();
              }
          });
        }else{
          alert("Please select atleast one checkbox");
        }
      }
    });
    $(document).on('click', '#bulk_active', function(){
      var id = [];
      if(confirm("Are you sure you want to Active this data?")){
        $('.student_checkbox:checked').each(function(){
            id.push($(this).val());
        });
        if(id.length > 0){

          $.ajax({
              url:"{{ route('practitioner.massactive')}}",
              data:{id:id},
              success:function(data){
                $('#practitioner_datatable').DataTable().ajax.reload();
              }
          });
        }else{
          alert("Please select atleast one checkbox");
        }
      }
    });
    $(document).on('click', '#bulk_deactive', function(){
      var id = [];
      if(confirm("Are you sure you want to Deactive this data?")){
        $('.student_checkbox:checked').each(function(){
            id.push($(this).val());
        });
        if(id.length > 0){

          $.ajax({
              url:"{{ route('practitioner.massdeactive')}}",
              data:{id:id},
              success:function(data){
                $('#practitioner_datatable').DataTable().ajax.reload();
              }
          });
        }else{
          alert("Please select atleast one checkbox");
        }
      }
    });
    $(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/massexport', { 'id': id }, "GET", "_blank");
        }else{
          alert("Please select atleast one checkbox");
        }     
    });
    
  });

</script>

@stop