@extends('resturant-view.index')
@section('Rcontent')
@php
use App\Models\ResturantSupPageStyle;
$style=ResturantSupPageStyle::orderBy('id','desc')->first();
use App\Models\ResturantStyle;
$styleX=ResturantStyle::orderBy('id','desc')->first();
@endphp
<title>{{trans('admin.Blogs')}}</title>

<style>
   .bredcrumb_section.blog_list_page {
 

        background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url({{URL::to($style->Blogs_Top_Image)}}) !important;

    }
    
    .section_title .sub_text {

    color: {{$style->Blogs_Title_Color}} !important;
    }
    
    
  .blog_list_section .blog_left_side .blog_panel {
    border: {{$style->Blogs_Box_Border}}  solid 6px !important;
    background-color: {{$style->Blogs_Box_BG}} !important;
}
    
    .blog_list_section .blog_left_side .blog_panel .blog_info span{
          color: {{$style->Blogs_Box_Txt_Color}} !important;
    }
    
    .blog_list_section .blog_left_side .blog_panel .blog_info h2 a{
         color: {{$style->Blogs_Box_Txt_Color}} !important;
    }
    
        .blog_list_section .blog_left_side .blog_panel .blog_info h2 a:hover{
         color: {{$style->Blogs_Box_Txt_Hover_Color}} !important;
    }
    
    .blog_list_section .blog_info .authore_block .blog_tag span {
     color: {{$style->Blogs_Btn_Color}} !important;
    background-color: {{$style->Blogs_Btn_BG}} !important;
    }
</style>    


    <!-- Bread Crumb Start -->
    <section class="bredcrumb_section blog_list_page">
      <div class="container">
        <div class="section_title text-center" data-aos="fade-up" data-aos-duration="1500">
          <span class="sub_text">{{trans('admin.Blogs')}}</span>

        </div>
      </div>
    </section>
    <!-- Bread Crumb End -->

  @if($style->Blogs_BG_Type == 1)  

    <section class="blog_list_section" style="background-image: url({{URL::to($style->Blogs_BG_Image)}});">
  @elseif($style->Blogs_BG_Type == 2)

    <section class="blog_list_section" style="background: {{$style->Blogs_BG_Color}};">
@elseif($style->Blogs_BG_Type == 0)
    <section class="blog_list_section">
 @endif
    <!-- Main Blog List Section Start-->

      <div class="container">
        <div class="row">
            
        @foreach($blogs as $blog)    
            
          <div class="col-lg-4">
            <!-- Blog Left Side -->
            <div class="blog_left_side">
              <div class="blog_panel" data-aos="fade-up" data-aos-duration="1500">
                <div class="main_img">
                  <a href="{{url('BlogsResturantSiteDetails/'.$blog->id)}}"><img src="{{URL::to($blog->Sub_Image)}}" alt="image"></a>
                </div>
                <div class="blog_info">
                  <span class="date">{{$blog->Date}}</span>
                  <h2><a href="{{url('BlogsResturantSiteDetails/'.$blog->id)}}">{{app()->getLocale() == 'ar' ?$blog->Arabic_Title :$blog->English_Title}}</a></h2>
                  <div class="authore_block">
                    <div class="blog_tag">
                        <a href="{{url('BlogsResturantSiteDetails/'.$blog->id)}}"> <span>{{trans('admin.ReadMore')}}</span> </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
            
 @endforeach
        </div>

        <!-- Pagination Block Start -->
        <div class="pagination_block" data-aos="fade-up" data-aos-duration="1500">
          <div class="row">
            <div class="col-lg-8">
           {{$blogs->Links()}}
            </div>
          </div>
        </div>
        <!-- Pagination Block End -->
      </div>
    </section>
    <!-- Main Service Section End-->

<!-- Pagination -->
<style> 
.page-item disabled,
.page-link,
.page-item active,
.page-item
    {
    		    background: {{$styleX->Pagination_BG_Color}} !important;
   color: {{$styleX->Pagination_Txt_Color}} !important;   
    }

    .page-item.active .page-link{
          		    background:  {{$styleX->Pagination_Active_BG_Color}} !important;
   color:  {{$styleX->Pagination_Active_Txt_Color}} !important; 
border-color: {{$styleX->Pagination_Active_Txt_Color}} !important;
        
    }

</style>



@endsection   