@extends('v1.enduser.genericpage')

@push('subContents')
{{-- <h2>Market price for {{ $date }}</h2> --}}
{{-- <br/> --}}
<div class="table-responsive">
    <table class="table">
        <thead>
            <tr>
                <th>Name</th>
                <th>Location</th>
                <th>Marketplace</th>
                <th>Min</th>
                <th>Max</th>
                <th>Currency</th>
                <th>Quantity</th>
                <th>Unit</th>
            </tr>
        </thead>
        <tbody id="tableRows">
            @if(empty($priceLists))
            <tr>
                <td colspan="7">There is no price list</td>
            </tr>
            @else
            @foreach($priceLists as $price)
            <tr>
                <td>{{ $price['info_relation']['name'] }}</td>
                <td>{{ $price['info_relation']['location'] }}</td>
                <td>{{ $price['info_relation']['marketplace'] }}</td>
                <td>{{ isset($price['info_relation']['min_price']) && $price['info_relation']['min_price'] ? $price['info_relation']['min_price'] : "-" }}
                </td>
                <td>{{ isset($price['info_relation']['max_price']) && $price['info_relation']['max_price'] ? $price['info_relation']['max_price'] : "-" }}
                </td>
                <td>{{ isset($price['info_relation']['currency']) && $price['info_relation']['currency'] ? $price['info_relation']['currency'] : '-' }}
                </td>
                <td>{{ isset($price['info_relation']['quantity']) && $price['info_relation']['quantity'] ? $price['info_relation']['quantity'] : "-" }}
                </td>
                <td>{{ isset($price['info_relation']['unit']) && $price['info_relation']['unit'] ? $price['info_relation']['unit'] : "-" }}
                </td>
            </tr>
            @endforeach
            @endif
        </tbody>
    </table>
</div>
@if(count($priceLists)>0 && $total>20)
<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
@endpush


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