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

@section('page_toolbar')
<!-- <button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addStudent(null)">
<i class="icon-1x fas fa-plus"></i> Add Student
</button> &nbsp;
 -->
@endsection

<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover table-striped display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Topic</th>              
                    <th>Subject</th>
                    <th>Year</th>   
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>

@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('topicImportForm'),
                {
                    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() {
              
                $("#topicImportForm").submit();
                
            });

    });
      function importTopic() {
        $("#filename").val('');
        $("#filetype_error").text('');
        $("#topicImportModal").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;
   $(function () {
    
       //Generate List
       table = $('#dataTables').DataTable({
          
          pbSearchable: true,
          pagination: true,
          pageLength: 10,
          responsive: true,
          searchDelay: 500,
          processing: !0,
          serverSide: !0,
           ajax: {
               url: '{{ url('teacher/topics/lists') }}',
               data: search
           },
           columns: [
            {data: 0, name: 'topic'},
                    
                    {data: 1, name: 'subject'},
                    {data: 2, name: 'year'},
                    
           ]
       });

       

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



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

   function softDelete(b) {
      
       Swal.fire({
           title: "Are you sure?",
           text: "You wont be able to revert this!", 
           icon: "warning",
           showCancelButton: true,
           confirmButtonText: "Yes, delete it!"
       }).then(function(result) {
           if (result.value) {

               $.ajax({url: "{{ url('admin/topics') }}/" + 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);
                           }, 2000);
                          
                        }   
                   }).fail(function () {
                           showAlert("Somthing went wrong!", "error");
                           

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

@endsection