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

@section('page_toolbar')
 
<a class="btn btn-info btn-sm mr-2" type="button" onclick="filterTeacher()">Filter</a>
<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 New Teacher
</button>
<!-- <button type="button" class="btn btn-info px-2 font-weight-bold btn-sm"  onclick="importTeacher(null)">
<i class="icon-1x fas fa-plus"></i> Import Teacher
</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 mt-10">
    <div class="card-body">
        <h4>Active Teachers</h4>
        <table class="table table-hover table-striped display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Name</th>
                    <!-- <th>Email</th> -->
                    <th>Account Created</th>
                    <th>Last Logged In</th>
                    <th>Type</th>
                    <!-- <th>Status</th> -->
                    <th style="width:10%">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<div class="card card-custom gutter-b mt-10">
    <div class="card-body">
        <h4>Deleted Teachers</h4>
        <table class="table table-hover table-striped display" id="deldataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Name</th>
                   <!--  <th>Email</th> -->
                    <th>Account Created</th>
                    <th>Last Logged In</th>
                    <th>Type</th>
                    
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
@include('school.teachers.add_modal')
@include('school.teachers.import_modal')
@include('school.teachers.filter_modal')

@endsection


@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
   
    <script>

        
    document.addEventListener('DOMContentLoaded', function(e) {
            FormValidation.formValidation(
                document.getElementById('unitImportForm'),
                {
                    fields: {
                      filename: {
                            validators: {
                                notEmpty: {
                                    message: 'ERROR!'
                                }
                            }
                        },
                    },
                    plugins: {
                        trigger: new FormValidation.plugins.Trigger(),
                        bootstrap: new FormValidation.plugins.Bootstrap(),
                        submitButton: new FormValidation.plugins.SubmitButton(),
                        trigger: new FormValidation.plugins.Trigger(),
       
                        
                    },
                }
            ).on('core.form.valid', function() {
              
                $("#unitImportForm").submit();
                
            });

    });

      function importStudent() {
        $("#filename").val('');
        $("#filetype_error").text('');
        $("#studentImportModal").modal("show");
      }

      $(document).on('click','body #imp-button',function(){
        $fileVal = $("#filename").val();
        if($fileVal == ''){
            $('.filetype_error').text("Please select a file");
            return false;
        }
      });

      $(document).on('change','.up', function(){
          $(this).closest('.form-group').find('.filetype_error').text('');
          var type = null;
          var fileExtension = ['csv', 'xlsx', 'xls'];
          if ($.inArray($(this).val().split('.').pop().toLowerCase(), fileExtension) == -1) {
              type = $(this).val().split('.').pop().toLowerCase();
              $(this).closest('.form-group').find('.filetype_error').text("Your file type is "+type+", Allowed file types : "+fileExtension.join(', '));
          } else {
              var names = [];
              var length = $(this).get(0).files.length;
                  for (var i = 0; i < $(this).get(0).files.length; ++i) {
                      names.push($(this).get(0).files[i].name);
                  }
                  // $("input[name=file]").val(names);
                  if(length>2){
                  var fileName = names.join(', ');
                  $(this).closest('.form-group').find('.form-control').attr("value",length+" files selected");
                  }
                  else{
                    $("#filename").val(names);
                  }
          }
      });

        var table;
        var deltable;
        $(function () {
         
            //Generate List
            table = $('#dataTables').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('school/teacher/lists') }}',
                    data: search
                },
                columns: [
                    {data: 'name', name: 'name'},
                    // {data: 'email', name: 'email'},
                    {data: 'account_created', name: 'account_created'},
                    {data: 'last_logged_in', name: 'last_logged_in'},
                    {data: 'teacher_type', name: 'teacher_type'},
                    {data: 'action', name: 'action', orderable: !1, searchable: !1}

                ]
            });

            

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



            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('school/teacher/deletedlists') }}',
                   data: search
               },
               columns: [
                    {data: 'name', name: 'name'},
                    // {data: 'email', name: 'email'},
                    {data: 'account_created', name: 'account_created'},
                    {data: 'last_logged_in', name: 'last_logged_in'},
                    {data: 'teacher_type', name: 'teacher_type'},
                   

               ]
           });

        });
        

        function search(value) {
            value.search_name = $('input[name=name]').val();
            value.country = $("#country").val();
            value.curriculum = $("#curriculum").val();
            value.region = $("#region").val();
            value.subject = $("#subject").val();
            value.teacher_type = $("#teacher_type_hidden").val();
        }

        $(document).on('click', '.filterSubmit', function () {
            table.ajax.reload();
            // alert('filtersubmit');
            $("#filterModal").modal("hide");
        });

        function softDelete(b) {
           
            Swal.fire({
                title: "Are you sure?",
                text: "You won't be able to change this!", 
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, delete",
                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",
                        confirmButtonColor: '#e85f5d'
                    }).then(function(result) {
                        if (result.value) {
                            $.ajax({url: "{{ url('school/teacher') }}/" + 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);

                                        }, 1000);
                                    
                                    }   
                                }).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 () {
            var passwordForm = $("#ChangePasswordForm");
            var passwordValidator;

            passwordValidator = passwordForm.validate({
                rules: {
                    password: "required",
                    password_confirmation: "required"
                }, messages: {password: "Please enter password", password_confirmation: "Please confirm password"}
            });

            passwordForm.submit(function (b) {
                passwordForm.valid() && (b.preventDefault(), $.ajax({
                    url: '{{ url('teacher/student/password') }}',
                    type: "POST",
                    data: $(this).serialize(),
                    dataType: "html"
                }).done(function (a) {
                    var data = JSON.parse(a);
                    data.flagError ? ("undefined" != typeof data.errors && passwordValidator.showErrors(data.errors), "undefined" != typeof data.message && showAlert(data.message, "error")) : ($("#ChangePasswordModal").modal("hide"), showAlert(data.message, "success"), passwordForm[0].reset());
                }));
            });
        });*/

        function changePassword(b) {
            $("#ChangePasswordForm_id").val(b);
            $("#ChangePasswordModal").modal("show");
        }
    </script>

 @endsection