@section('page_js')
    <!--begin::Page Vendors -->


    <script src="{!! asset('poco-assets/js/datatable/datatables/jquery.dataTables.min.js')!!}"></script>
    <script src="{!! asset('poco-assets/js/datatable/datatables/datatable.custom.js')!!}"></script>
    <script src="{!! asset('poco-assets/js/form-wizard/form-wizard-five.js')!!}"></script>

    <!--end::Page Vendors -->
    <script src="{!! asset('backend/js/formSubmit.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('backend/js/dynamic-datatable.js') !!}" type="text/javascript"></script>
    <!--begin::Page Resources -->

    <!-- Sweetalret -->
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

    <script type="text/javascript">
        $('document').ready(function () {
            //List Kids Start
            var pageNoHistory = 1;
            var searchQuery = '';
            $("#search").on('keyup', function () {
                searchQuery = $("#search").val();
                if ($("#search").val() == '')
                    pageNoHistory = 1;
                getKids(1, $("#search").val());
            });

            getKids = function (mypageNo, search) {
                if (search != '') {
                    var url = '{{route('kids.getArchivedKids')}}/?page=' + mypageNo + '&s=' + search;
                    searchQuery = search;
                } else
                    var url = '{{route('kids.getArchivedKids')}}/?page=' + mypageNo;
                $.ajax(url, {
                    type: 'GET',
                    success: function (data, status, xhr) {
                        if (data.result.data[0]) {
                            console.log(data.result);
                            $.each(data.result.data, function (key, value) {
                                var viewUrl = '{{ url('view-student') }}/' + value.id;

                                var desc = '<div class="col-md-3 text-center student-list"> <a href="' + viewUrl + '"><img class=" rounded-circle" src="' + value.image_url + '" style="width:200px;"></a> <a href="view-student.html"><h5 class="p-30">' + value.first_name + ' ' + value.last_name + '</h5></a> </div>';
                                // var myContent = '<li class="timeline-items timeline-icon-primary active clearfix ch-timeline"> <div class="ch-timeline-timestamps text-dark">'+value.date+' <br> '+value.time+'</div><h6 class="timeline-title">'+value.activity.title+'</h6><div class="timeline-content">'+desc+'</div>';
                                if (mypageNo == 1 && key == 0)
                                    $("#kidsList").html('');

                                $("#kidsList").append(desc);
                            });

                            $("#loadMoreActivityHistory").show();
                            pageNoHistory = data.result.current_page + 1;
                            if (data.result.to == data.result.total)
                                $("#loadMoreActivityHistory").hide();

                            $(".loadingIcon").hide();
                        } else {
                            $("#kidsList").html("No Data Found");
                            $("#loadMoreActivityHistory").hide();
                            $(".loadingIcon").hide();
                        }
                    },
                    error: function (jqXhr, textStatus, errorMessage) {
                        alert("error");
                    }
                });
            };

            getKids(1, '');

            $("#loadMoreActivityHistory").click(function () {
                $(".loadingIcon").show();
                setTimeout(function () {
                    getKids(pageNoHistory, searchQuery);
                }, 1000);
            });

            //List Kids End

            /*
                        var selectedDate = $("#dob").val();
                        $('.datepicker-here').datepicker({dateFormat: 'yyyy-mm-dd', maxDate: new Date()});
                        $("#dob").val(selectedDate);
                        setTimeout(function () {
                            $(".hide-alert").hide();
                        }, 3000);
            */

        });


        $(document).on('click', '.ask_archive', function (event) {
            event.preventDefault();
            var kidId = $(this).attr('data-id');
            var archiveUrl = "{{ url('kids/archive') }}" + "/" + kidId;

            swal({
                title: 'Are you sure?',
                text: 'Kid data and related attendance data will be archived.',
                icon: 'warning',
                buttons: ["Cancel", "Yes!"],
            }).then(function (value) {
                if (value) {
                    window.location.href = archiveUrl;
                }
            });
        });

        $(document).on('click', '.ask_delete', function (event) {
            event.preventDefault();
            var kidId = $(this).attr('data-id');
            var deleteUrl = "{{ url('kids/delete') }}" + "/" + kidId;

            swal({
                title: 'Are you sure?',
                text: 'Kid data and related attendance data will be deleted. This cannot be undone.',
                icon: 'warning',
                buttons: ["Cancel", "Yes!"],
            }).then(function (value) {
                if (value) {
                    window.location.href = deleteUrl;
                }
            });
        });


        $(document).on('click', '.ask_restore', function (event) {
            event.preventDefault();
            var kidId = $(this).attr('data-id');
            var restoreUrl = "{{ url('kids/restore') }}" + "/" + kidId;

            swal({
                title: 'Are you sure?',
                text: '',
                icon: 'warning',
                buttons: ["Cancel", "Yes!"],
            }).then(function (value) {
                if (value) {
                    window.location.href = restoreUrl;
                }
            });
        });
    </script>

    <!--end::Page Resources -->
@endsection
@section('page_js')
    @include('backend.kids.dropzonejs')
@endsection