@extends('admin.layouts.app')
@section('page_tab_title' ,"Practitioners")
@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">
        @include('admin.practitioner.followup_list')
        <div class="box-header adminuser-box">
          <div class="row">

            <div class="col-lg-4 col-md-4">
              <div class="top-ttl">
                <h1>
                  Practitioner
                </h1>
              </div>
            </div>

            {{-- <div class="col-lg-8 col-md-8">
              <div class="pull-right">
               <button type="button" name="bulk_delete" id="bulk_delete" class="btn custom-btn"><i class="glyphicon glyphicon-remove"></i>Delete</button>
                <button type="button" name="bulk_active" id="bulk_active" class="btn custom-btn"><i class="glyphicon glyphicon-active"></i>Active</button>
                <button type="button" name="bulk_deactive" id="bulk_deactive" class="btn custom-btn"><i class="glyphicon glyphicon-active"></i>Deactive</button>
                <button type="button" name="bulk_export" id="bulk_export" class="btn custom-btn"><i class="glyphicon glyphicon-active"></i>Export</button>
              <a class="btn custom-btn add-new-btn" href="{{ route('practitioner.create') }}"><i class="fa fa-plus"></i> Add New</a>
            </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>Name</th>
                <th>Email address</th>
                <th>do not disturb </th>
                <th>Registered date</th>
                <th>Trial end date</th>
                <th>Followup date</th>
                <th>Plan</th>
                <th>Plan status</th>
                <th>Last login date</th>
                <th>trial start date + 7 day</th>
                <th>trial start date + 27 day</th>
                <th>End of trial date + 45 day</th>
                <th>End of end date + 100 day</th>
                <th>Status</th>
                <th>action</th>
                {{-- <th>Waiting</th> --}}
                {{-- <th>Action</th> --}}
              </tr>
            </thead>
          </table>
        </div>
      </div>
    </div>
  </div>
</section>

<script src="{{asset('assets/patient/js/jquery.redirect.js')}}"></script>
<script>
  $(document).ready(function() {
    var url = "{{route('practitioner.details.list_27_day')}}";
    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:'dnd',
          name:'dnd',
        },
        {
          data:'created_at',
          name:'created_at',
        }, 
        {
          data:'trial_end_date',
          name:'trial_end_date',
        }, 
        {
          data:'followup_date',
          name:'followup_date',
        },
        {
          data: 'plan',
          name: 'plan',
        },
        {
          data: 'plan_status',
          name: 'plan_status',
        },
        {
          data: 'last_logged_in',
          name: 'last_logged_in',
        },
        {
          data: 'trial_7_day',
          name: 'trial_7_day',
        },
        {
          data: 'trial_27_day',
          name: 'trial_27_day',
        },
        {
          data: 'end_trial_45_day',
          name: 'end_trial_45_day',
        },
        {
          data: 'end_trial_100_day',
          name: 'end_trial_100_day',
        },
        {
          data: 'status',
          name: 'status',
          searchable: false
        },
        
        // {
        //   data: 'waiting_confirmation',
        //   name: 'waiting_confirmation',
        //   //searchable: false
        // },
        {
          data: 'action',
          name: 'action',
          orderable: false,
          searchable: false
        }
      ]
    });
    $(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