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

@section('page_toolbar')
<a class="btn btn-danger px-2 font-weight-bold btn-sm" onclick="softDelete(null)" href="javascript:">
        <i class="fas fa-trash" aria-hidden="true"></i> Delete Active Teacher
</a>&nbsp;
<button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addTeacher(null)">
<i class="fas fa-plus-circle" aria-hidden="true"></i> Add Teacher
</button>
@endsection

<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <h4>Active Teachers</h4>
        
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th  class="no-export" style="display:none;"></th>
                    <th      width= "13px" class="no-export"><input type="checkbox" name="selectall" id="selectall"/></th>
                    <th>Name</th>
                    <th>Email address</th>
                    <th>School</th>
                    <th>Account created</th>
                    <th>Last login</th>
                   <!-- <th>Total Minutes <br>Watched:</th> -->
                    <th>User level</th>
                    <th width="105px">Status</th>
                    <th  class="no-export" style="width:14%">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
    <br/><br/>
    <div class="card-body">
    <div class="form-group row">
                   <div class="col-sm-6" ><h4>Deleted Teachers</h4></div>
                <div class="col-sm-6" style="text-align: right;">
                   &nbsp;<a class="btn btn-danger px-2 font-weight-bold btn-sm" onclick="forceDelete(null)" href="javascript:">
                   <i class="fas fa-trash" aria-hidden="true"></i> Delete Deleted Teachers
                   </a>
                </div>
            </div>
            <table class="table table-hover display" id="deldataTables"  style="width:100%">
            <thead>
                <tr> 
                    <th  class="no-export"><input type="checkbox" name="selectalldeleted" id="selectalldeleted"/></th>
                    <th>Name</th>
                    <th>Email address</th>
                    <th>School</th>
                    <th>Account Created</th>
                    <th>Last Logged In</th>  
                    <th>Account Deleted</th>
                    <th>User Level</th>
                    <th width="105px">Status</th>
                    <th style="width:10%">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<meta name="csrf-token" content="{{ csrf_token() }}">

<!--end::Content-->
@include('admin.resetpassword.reset-password') 
@include('admin.verifypassword.verifypassword') 
@include('admin.teachers.teacher_modal') 
@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
<!-- for email column @ Active Teachers Deleted Teachers set max width to 140px-->
<style type="text/css">
    .dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td:nth-child(2){
        max-width: 140px !important;
    }
</style>
<!-- for email column @ Active Teachers Deleted Teachers set max width to 140px-->
@endsection
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script>
        var table;
        var deltable;
        $(function () {
          
            //Generate List
            table = $('#dataTables').DataTable({
                bSearchable: true,
                pagination: true,
                // pageLength: 10,
                responsive: true,
                searchDelay: 500,
                processing: true,
                fixedHeader: true,
                //scrollY: "55vh",
                scrollX: true,
                autoWidth: false,
                serverSide: true,
                order: [[ 5, "asc" ]],
                "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
                "pageLength": 50,
                dom: '<\'row\'<\'col-sm-4\'l><\'col-sm-5 text-right\'f><\'col-sm-3 text-right\'B>>+\n' +
                    '<\'row\'<\'col-sm-12\'tr>> +\n' +
                    '<\'row\'<\'col-sm-5\'i><\'col-sm-7\'p>>',
                buttons: [
                    {
                        extend: 'excel',
                        text: '<div class="lds-dual-ring" id="lds-ring" style="display:none"></div><i class="fas fa-download" id="downicon" aria-hidden="true"></i> Export',
                        title: 'Teachers',
                        className: 'btn btn-info px-2 font-weight-bold btn-sm quiz-export',
                        exportOptions: {
                            columns: ':not(.no-export)'
                        },
                        action: newexportactionteacher
                }],
                ajax: {
                    url: "{{ url('admin/teachers/lists') }}",
                    data: search
                },
                columns: [
                    {data: 'id', name: 'id'}, 
                    {data: 'checkrows', name: 'checkrows',orderable: !1, searchable: !1,    width: '13px'},
                    {data: 'name', name: 'name'},
                    {data: 'email', name: 'email'},
                    {data: 'school_detail', name: 'school_detail'},
                    {data: 'account_created', name: 'account_created'},
                    {data: 'last_logged_in', name: 'last_logged_in'},
                  //{data: 'total_minutes_watched', name: 'total_minutes_watched'},
                    {data: 'teacher_type', name: 'teacher_type'},
                    {data: 'status', name: 'status', width:'105px'},
                    {data: 'action', name: 'action', orderable: !1, searchable: !1,width:'14%'}
                ],
                "columnDefs": [
                    {
                        "targets": [ 0 ],
                        "visible": false
                    }
                ]
            });

            deltable = $('#deldataTables').DataTable({
               bSearchable: true,
               pagination: true,
            //    pageLength: 10,
               responsive: true,
               searchDelay: 500,
               processing: !0,
               serverSide: !0,
               "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
                "pageLength": 50,
               ajax: {
                   url: "{{ url('admin/teachers/deletedlists') }}",
                   data: search
               },
               columns: [
                    {data: 'checkrows', name: 'checkrows',orderable: !1, searchable: !1},
                    {data: 'name', name: 'name'},
                    {data: 'email', name: 'email'},
                    {data: 'school_detail', name: 'school_detail'},
                    {data: 'account_created', name: 'account_created'},
                    {data: 'last_logged_in', name: 'last_logged_in'},
                    {data: 'account_deleted', name: 'account_deleted'},
                    {data: 'teacher_type', name: 'teacher_type'},
                    {data: 'status', name: 'status',width:'105px'},
                    {data: 'action', name: 'action', orderable: !1, searchable: !1}
               ]
           });

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

        });

        function newexportactionteacher(e, dt, button, config) {
        var self = this;
        var oldStart = dt.settings()[0]._iDisplayStart;
        dt.one('preXhr', function (e, s, data) {
            // Just this once, load all data from the server...
            data.start = 0;
            data.length = 2147483647;
            dt.one('preDraw', function (e, settings) {
                // Call the original action function
                if (button[0].className.indexOf('buttons-excel') >= 0) {
                    $.fn.dataTable.ext.buttons.excelHtml5.available(dt, config) ?
                        $.fn.dataTable.ext.buttons.excelHtml5.action.call(self, e, dt, button, config) :
                        $.fn.dataTable.ext.buttons.excelFlash.action.call(self, e, dt, button, config);
                }
                dt.one('preXhr', function (e, s, data) {
                    settings._iDisplayStart = oldStart;
                    data.start = oldStart;
                });
                setTimeout(dt.ajax.reload, 0);
                return false;
            });
        });
       // $('#downicon').hide();
        $('#lds-ring').show();
        dt.ajax.reload();
        console.log('end');
    }
        
        function search(value) {
            value.search_name = $('input[name=name]').val();
        }

        function softDelete(b) {
            var teachers_ids = [];
        var errorStatus = true;
        if(b == null){
            $('input:checkbox.slectedrows').each(function () {
                if (this.checked) {
                    teachers_ids.push(this.value);

                }
            });
            if(teachers_ids.length > 0 ){
                b = teachers_ids;
                errorStatus = false;
            }
        } else {
            errorStatus = false;
        }
        if(errorStatus){
            showAlert("Please select teachers from deleted teachers list to delete permanently", "error");
        } else {
            Swal.fire({
                title: "Are you sure?",
                text: "Teacher will be deleted from the database.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 the 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/teachers') }}/" + 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"
                    )
                }
            });
        }
        }


         function permanentDelete(b) {
            Swal.fire({
                title: "Are you sure?",
                text: "Teacher will be deleted from the database.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 the 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/teachers/deleteper') }}/" + 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"
                    )
                }
            });
         }

         $(document).on("click",".login_as",function() {
        $.ajaxSetup({
                                   headers: {
                                       'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                   }
                               });
    var user_id = $(this).attr('data-id');
    $.ajax({
        type: 'POST',
        url: '{{ url('admin/teachers/loginAsTeacher') }}',
        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('teacher') }}";
                }, 1000);
            }else{
                showAlert(result.data, "error");
            }
        },error:function(xhr, status, error,response){
            result = JSON.parse(xhr.responseText);
            showAlert("Something went wrong.",'error');
        }
    });
});

$('#selectall').click(function (event) {
            if (this.checked) {
                $('.slectedrows').each(function () { //loop through each checkbox
                    $(this).prop('checked', true); //check
                });
            } else {
                $('.slectedrows').each(function () { //loop through each checkbox
                    $(this).prop('checked', false); //uncheck
                });
            }
        });

$('#selectalldeleted').click(function (event) {
            if (this.checked) {
                $('.selectedrows').each(function () { //loop through each checkbox
                    $(this).prop('checked', true); //check
                });
            } else {
                $('.selectedrows').each(function () { //loop through each checkbox
                    $(this).prop('checked', false); //uncheck
                });
            }
        });

        function forceDelete(b) {
        var deletedteachers_ids = [];
        var errorStatus = true;
        if(b == null){
            $('input:checkbox.selectedrows').each(function () {
                if (this.checked) {
                    deletedteachers_ids.push(this.value);

                }
            });
            if(deletedteachers_ids.length > 0 ){
                b = deletedteachers_ids;
                errorStatus = false;
            }
        } else {
            errorStatus = false;
        }
        if(errorStatus){
            showAlert("Please select teachers from deleted teachers list to delete permanently", "error");
        } else {
            permanentDelete(b);
        }
    }

    </script>
    

 @endsection