@extends('sabee::layouts.pages')

@section('title')
    {{$title}}
@stop

@section('content')
    <div class="news col-12 mt-4" id="blogs">
        <div class="title text-center container p-0">
            <h4>Latest Promotion</h4>
        </div>
        @include("sabee::pages.home.news")
        <div class="views-all text-center">
            <a href="#see-mores" id="see-more">See more</a>
        </div>
    </div>
@stop


@section('js')
    <script>
        $( "#see-more" ).click(function() {
            $.ajax({
                url: "{{route('allNews')}}",
                dataType: 'text',
                type: 'post',
                data: { 'key': 1,
                    '_token': '{{ csrf_token() }}',
                },
                success: function (res) {
                    $( "#see-more" ).empty();
                    var data = JSON.parse(res);
                    $.each(data.data, function (index, value) {
                        console.log(value);
                        $("#news-content").append('' +
                            '<div class="col-lg-4 col-md-6 col-sm-6 col-6 news-item">\n' +
                            '     <a href="'+value.hadling_url+'">\n' +
                            '         <div class="item-content" style="background-image: url(\'{{url("core/images/home/news/bg-news-item.png")}}\')">\n' +
                            '              <div class="img-content">'+
                            '                  <img src="'+value.photo+'" alt="">\n' +
                            '              </div>' +
                            '              <div class="content">\n' +
                            '                  <h4>'+value.title+'</h4>\n' +
                            '                  <p>'+value.description+'</p>\n' +
                            '              </div>\n' +
                            '         </div>\n' +
                            '     </a>\n' +
                            '</div>'
                        );
                    });
                }
            });
        });
    </script>
@stop