@extends('v1.enduser.genericpage')

@push('subContents')
    <div class="row">
        <div id="postList" class="col-sm-12 row">
            @foreach($journals as $journal)
                @include('v1.enduser.journal.journalListItem')
            @endforeach
        </div>
        @if($total>config('app.paginate'))
        <div id="postLoadMoreCon" class="col-sm-12 text-center">
            <a id="postLoadMoreBtn" class="btnRadiusFill" href="javascript:void(0);">Load more</a>
            <span id="postLoadMoreText" style="display: none;">Loading...</span>
        </div>
        @endif
    </div>
@endpush

@push("footerScript")
<script>
    $(document).ready(function() {
        var offsetCounter = 1;
        $("#postLoadMoreBtn").on("click", function() {
            $("#postLoadMoreText").show();
            $("#postLoadMoreBtn").hide();
            $.ajax({
                url: document.URL+"?offset="+(offsetCounter++),
                method: "get",
                success: function(res) {
                    $("#postList").append(res.data);
                    $("#postLoadMoreText").hide();
                    if(res.total>0) {
                        $("#postLoadMoreBtn").show();
                    }
                },
                error: function(error) {
                    offsetCounter--;
                    $("#postLoadMoreText").hide();
                    $("#postLoadMoreBtn").show();
                }
            });
        });
    });
</script>
@endpush