@extends('layout.default')
@section('content')

@section('page_toolbar')
  <button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addTutor(null)">
    <i class="fas fa-plus-circle" aria-hidden="true"></i> Add Tutor
</button>
  &nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection

<!--begin::Content-->
<div class="card card-custom gutter-b">
    <div class="card-body">
        <h4>Active Tutors</h4>
        <table class="table table-hover display nowrap" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Name</th>
                    <th width="10%">Email address</th>
                    <th>Status</th>
                    <th>Account created</th>
                    <th>Total <br> Minutes <br>Watched:<br>Tutors </th>
                    <th>Last login </th>
                    <th>Number <br> free <br> students</th>
                    <th>Total <br> paid <br> students</th>
                    <th>Active <br> paid <br> students</th>
                    <th>Expires on</th>
                    <th style="width:15%" class="no-export">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
 </div>
 <div class="card card-custom gutter-b">
    <div class="card-body">
        <h4>Deleted Tutors</h4>
        <table class="table table-hover display" id="deldataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email address</th>
                    <th>Status</th>
                    <th>Account created</th>
                    <th>Last login </th>
                    <th width="40px">Number free students</th>
                    <th width="40px">Total paid students</th>
                    <th width="40px">Active paid students</th>
                    <th>Account Deleted</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->
@include('admin.resetpassword.reset-password') 
@include('admin.verifypassword.verifypassword') 
@include('admin.tutors.tutor_modal') 
@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@section('styles')
@push('css')

<style type="text/css">
   /***  .dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td{
       max-width: 140px !important;
    } */
  div.dataTables_wrapper {
        width: 800px;
        margin: 0 auto;
    }
</style>
@endpush
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script src="https://cdn.datatables.net/fixedcolumns/4.0.0/js/dataTables.fixedColumns.min.js"></script>
<script>
        var table;
        var deltable;

        $(function () {
          
                            ajaxListing();
                            function ajaxListing()
            {
                //Generate List
                table = $('#dataTables').DataTable({



                order: [[5, 'asc']],
                // bSearchable: true,
                // pagination: true,
                // // pageLength: 10,
                // responsive: true,
                // searchDelay: 500,
                // processing: true,
                // serverSide: true,
                "aLengthMenu": [[10, 25, 50, 100], [10, 25, 50, 100]],
                "pageLength": 50,
                bSearchable: true,
                pagination: true,
                // pageLength: 10,

                "scrollY": "50Vh",
                scrollX:true,
                "bScrollCollapse": false,
                searchDelay: 500,
                processing: true,
                serverSide: true,
                bDestroy: true,
                ordering: true,
                autoWidth: false,
                dom: '<\'row\'<\'col-sm-5\'l><\'col-sm-5 text-right\'f><\'col-sm-2 text-right\'B>>+\n' +
                    '<\'row\'<\'col-sm-12\'tr>> +\n' +
                    '<\'row\'<\'col-sm-5\'i><\'col-sm-7\'p>>',
                buttons: [
                {
                    extend: 'excel',
                    text: '<i class="fas fa-download" aria-hidden="true"></i> Export',
                    title: 'Tutors',
                    className: 'btn btn-info px-2 font-weight-bold btn-sm quiz-export',
                    exportOptions: {
                        columns: ':not(.no-export)'
                    },
                    action: newexportaction
                }],
                    ajax: {
                        url: "{{ url('admin/tutors/lists') }}",
                        data: search
                    },
                    columns: [
                        {data: 'tutor_name', name: 'fname'},
                        {data: 'email', name: 'email',width: '10%'},
                        {data: 'status', name: 'status'},
                        {data: 'signup_date', name: 'signup_date_raw'},
                        {data: 'total_watched', name: 'total_watched'},
                        {data: 'last_logged_in', name: 'last_logged_in'},
                        {data: 'free_stud', name: 'free_stud'},
                        {data: 'paid_stud', name: 'paid_stud'},
                        {data: 'active_student', name: 'active_student'},
                        {data: 'tut_expiry_date', name: 'tut_expiry_date'},
                        {data: 'action', name: 'action', orderable: !1, searchable: !1}

                    ],
                    "columnDefs": [
                        { "orderSequence": [ "desc", "asc"], "targets": [ 4 ] },
                        { "orderSequence": [ "desc", "asc" ], "targets": [ 7 ] },
                        { "orderSequence": [ "desc", "asc"], "targets": [ 8 ] },
                        //{ "orderSequence": [ "desc" ], "targets": [ 3 ] }
                    ]
                });

                
                deltable = $('#deldataTables').DataTable({
                   order: [[4, 'desc']],
                   bSearchable: true,
                   pagination: true,
                   scrollX:true,
                  "bScrollCollapse": false,
                   responsive: false,
                   searchDelay: 500,
                   processing: !0,
                   serverSide: !0,
                   "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
                    "pageLength": 50,
                   ajax: {
                       url: "{{ url('admin/tutors/deletedlists') }}",
                       data: search
                   },
                   columns: [
                        {data: 'tutor_name', name: 'tutor_name'},
                        {data: 'email', name: 'email'},
                        {data: 'status', name: 'status'},
                        {data: 'signup_date', name: 'signup_date_raw'},
                        {data: 'last_logged_in', name: 'last_logged_in'},
                        {data: 'free_stud', name: 'free_stud',width:"40px"},
                        {data: 'paid_stud', name: 'paid_stud',width:"40px"},
                        {data: 'active_student', name: 'active_student',width:"40px"},
                        {data: 'account_deleted', name: 'account_deleted'},
                        {data: 'action', name: 'action', orderable: !1, searchable: !1}
                   ]
               }); 

               
                $(".searchs").keyup(function () {
                    table.draw();
                    deltable.draw();
                });   
            }

        });
        
        function search(value) {
            value.search_name = $('input[name=name]').val();
        }

        function softDelete(b) {
           
            Swal.fire({
                title: "Are you sure?",
                text: "Tutor details will be deleted. You won't be able to change this! ", 
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes. Delete it!",
                confirmButtonColor: '#e85f5d',
            }).then(function(result) {
                if (result.value) {
                    Swal.fire({
                        title: "Are you sure?",
                        text: "You will permanently lose all data - are you 100% sure?", 
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonText: "Yes. Delete it!",
                        confirmButtonColor: '#e85f5d',
                    }).then(function(result) {
                        if (result.value) {

                            $.ajax({url: "{{ url('admin/tutors') }}/" + b, type: "DELETE", dataType: "html"})
                                .done(function (a) {
                                    var data = JSON.parse(a);
                                
                                if(data.flagError){
                                        showAlert(data.message, "error");
                                    }else{
                                        
                                        showAlert(data.message, "success");
                                        setTimeout(function () {
                                            table.ajax.reload(null, false);
                                            deltable.ajax.reload(null,false);
                                        }, 2000);
                                    
                                    }   
                                }).fail(function () {
                                        showAlert("Somthing went wrong!", "error");
                                        

                            });
                            
                        }else if (result.dismiss === "cancel") {
                            Swal.fire(
                                "Cancelled",
                                "",
                                "error"
                            )
                        }
                    });
                } else if (result.dismiss === "cancel") {
                            Swal.fire(
                                "Cancelled",
                                "",
                                "error"
                            )
                        }
            });
         }

         var token = $('meta[name="csrf-token"]').attr('content');

        $(document).on("click",".login_as",function() {
            var user_id = $(this).attr('data-id');
            $.ajax({
                type: 'POST',
                url: "{{route('tutorLoginAs')}}",
                data: {
                    "user":user_id,
                    '_token': token,
                    'type': 'agent',
                },
                success: function(result) {
                    //console.log(result);
                    if(result.status=='success'){
                        // showMessage(result.data,'success');
                        setTimeout(function(){
                            window.location.href="{{ url('tutor') }}";
                        }, 1000);
                    }else{
                        showAlert(result.data, "error");
                    }
                },error:function(xhr, status, error,response){
                    result = JSON.parse(xhr.responseText);
                    showAlert("Something went wrong.",'error');
                }
            });
        });


        
    </script>

 @endsection