@extends('layouts.master')

@section('page_title', 'Book List')

@section('breadcrumb')
<div class="float-right page-breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Admin</a></li>
        <li class="breadcrumb-item active">Books</li>
    </ol>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-12">

        <div class="card m-b-30">
            <div class="card-body">
                <div class="alert alert-warning mt-3" role="alert">
                    Please follow this heading name of the Excel : <span class="alert-link">Category, Book Number, Book Name, Author, Publisher, Subject, Language</span>
                  </div>
            </div>
        </div>

        <div class="card m-b-30">
            <div class="card-header">
                <div class="card-header-actions">
                    <button class="btn btn-danger float-right delete_all" data-url="{{ url('myproductsDeleteAll') }}">Delete All</button>
                    <button class="btn btn-primary float-right delete_all_selected mr-3" data-url="{{ url('myproductsDeleteAll') }}">Delete All Selected</button>
                    <button class="btn btn-success float-right mr-3" title="Add Books" data-toggle="modal" data-target="#books_add_modal">Add Books Excel</button>
                </div>
            </div>
            <div class="card-body">
                @include('common.flash')

                <!-- ajax form response -->
                <div class="ajax-msg"></div>
                <div class="table-responsive">
                    {!! $dataTable->table(['class' =>  'table table-bordered nowrap']) !!}
                </div> 
                
            </div>
        </div>
    </div>
</div>

    @include('admin.books.add_books')

@endsection

@push('page_scripts')

    {!! $dataTable->scripts() !!}

    <script src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>

    <script>

    // add category
    $('#books_add_modal').on('show.bs.modal', function (e) {
        var button = $(e.relatedTarget)
        var category_id = button.data('id');
        $(this).find("input").val('');
        $('.error-msg-input').text('');
        $('.invalid-feedback').text('');

        $('#category_id').val(category_id);
    });

    function addBooks(form) {
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
            },
            url: '{{ route("admin.books.store") }}',
            type: 'post',
            processData: false,
            contentType: false,
            data : new FormData(form),
            beforeSend: function() {
                // setting a timeout
                $("#preloader").show();
            },
            success: function(data){
                $("#preloader").hide();
                if (data.status == "success") {
                    window.LaravelDataTables["bookslist-table"].draw();
                    toastr.success('SPKM Library', data.message);
                }
                else {
                    toastr.error('SPKM Library', data.message);
                }

                $('#books_add_modal').modal('hide');
            },
            error: function (data) {
                console.log(data);
                console.log("get data");
                $("#preloader").hide();
                if(data.status === 422) {
                    var errors = $.parseJSON(data.responseText);
                    $.each(errors.errors, function (key, value) {
                        toastr.error('SPKM Library', value)
                        // $('#add_book_form').find('input[name='+key+']').parents('.form-group')
                        // .find('.error-msg-input').html(value);
                    });
                }
                if(data.status === 500) {
                    toastr.error('SPKM Library', "Something Went Wrong")
                    // var errors = $.parseJSON(data.responseText);
                    // $.each(errors.errors, function (key, value) {
                    //     toastr.error('SPKM Library', value)
                    //     // $('#add_book_form').find('input[name='+key+']').parents('.form-group')
                    //     // .find('.error-msg-input').html(value);
                    // });
                }
            }
        });
    }

    $("#add_book_form").validate({
        errorClass: 'invalid-feedback animated fadeInDown',
        errorElement: 'div',
        rules: {
            excel_file : {
                required: true,
            }
        },
        messages: {
            excel_file: {
                required: "The excel file field is required.",
            },
        },
        submitHandler: function (form) {
            addBooks(form);
        },
        highlight: function(element, errorClass, validClass) {
            $(element).parents("div.form-control").addClass(errorClass).removeClass(validClass);
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).parents(".error").removeClass(errorClass).addClass(validClass);
        }
    });


    
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
    
    
            $('#master').on('click', function(e) {
             if($(this).is(':checked',true))  
             {
                $(".sub_chk").prop('checked', true);  
             } else {  
                $(".sub_chk").prop('checked',false);  
             }  
            });
    
    
            $('.delete_all_selected').on('click', function(e) {
    
    
                var allVals = [];  
                $(".sub_chk:checked").each(function() {  
                    allVals.push($(this).attr('data-id'));
                });  
    
    
                if(allVals.length <=0)  
                {  
                    toastr.error('SPKM Library', 'Please select row');

                }  else {  
    
    
                        var join_selected_values = allVals.join(","); 
                        
    
                        $.ajax({
                            url: '{{ route("admin.books.delete_all_selected") }}',
                            type: 'DELETE',
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            data: 'ids='+join_selected_values,
                            success: function (data) {
                                
                                if (data.status == "success") {
                                    $(".sub_chk:checked").each(function() {  
                                        $(this).parents("tr").remove();
                                    });
                                    window.LaravelDataTables["bookslist-table"].draw();
                                    toastr.success('SPKM Library', data.message);
                                }
                                else {
                                    toastr.error('SPKM Library', data.message);
                                }
                            },
                            error: function (data) {
                                toastr.error('SPKM Library', data.responseText);
                            }
                        });
    
    
                      $.each(allVals, function( index, value ) {
                          $('table tr').filter("[data-row-id='" + value + "']").remove();
                      });
                    
                }  
            });
    
    
        });

        $(".delete_all").on('click', function(){

                swal({
                title: 'Are you sure want to delete all book data?',
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, Delete it!',
                reverseButtons: true
                }).then((result) => {
                    if (result) {
                        $.ajax({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url : "{{ route('admin.books.delete_all') }}",
                            type : 'POST',
                            data : {},
                            success : function (res) {

                                window.LaravelDataTables["bookslist-table"].draw();
                            }
                        });
                    } else {
                        swal("Cancelled", "Status not changed :)", "error");
                        $(this).attr('disabled', false);
                    }
            }).catch((error) => {
                $('.changeStatus').attr('disabled', false);  
            });

        });
    </script>

@endpush