@extends('layouts.frontapp')

@section('title', 'Post Page')

@section('content')

<!--Main Content Start-->
 <div class="main-content innerpagebg wf100 p30">
    <!--News Large Page Start--> 
    <!--Start-->
    <div class="news-large">
       <div class="container">
          <div class="row">
             <!--News Start-->
             
             @include('includes.frontleft')

             <div class="col-lg-6">
              <div id="story">
             
              @if(count($category))
               <div>
                 @foreach($category as $key=>$item) 
                    <a href="{{url('/')}}/listing/category/{{$item->menu_id}}/{{$item->id}}"><button class="btn @if($item->id == Request::segment(4)) btn-primary @else btn-danger @endif mb-3 mr-2 p-1 pl-3 pr-3 font-weight-bold">{{$item->category_name}}</button></a>
                 @endforeach
              </div>
              @endif
              
              @if(count($subcategory))
              <div class="team-one-scrore" style="margin: 0px;">
                  <h4>
                    <div class="heading">
                       <div class="row">
                          <div class="col-3 col-md-6 pl-0 pr-0">
                             <select onchange="getPost()" id="selectbox" style="background-color: #d0d4e4;color: #20273f;height: 28px;border-radius: 3px;font-size: 17px;">
                                   <option value="">All</option>
                                   @foreach($subcategory as $key=>$item) 
                                      <option value="{{$item->id}}">{{$item->subcategory_name}}</option>
                                   @endforeach
                            </select>
                          </div>
                          <div class="col-9 col-md-6 pl-0">
                             <div class="row float-right">
                                <div class="search-box pt-2 mt-1">
                                   <input class="search-txt" type="text" onchange="getPost()" id="searchkey" placeholder="Type to Search">
                                   <a class="search-btn" href="javascript:void(0);">
                                   <i class="fas fa-search"></i>
                                   </a>
                                </div>
                                <a class="float-right" href="javascript:void(0);" data-container="body" data-toggle="popover" data-trigger="focus" data-html="true" data-placement="right" data-content="<i class='fab fa-facebook mr-2 fb-share' style='color:#3d6ad6' onclick='listFbShare({{$item->menu_id}})'></i><i class='fab fa-twitter mr-2 twitter-share' style='color:#00acee' onclick='listTwitterShare({{$item->menu_id}})'></i><i class='fab fa-instagram mr-2 insta-share' onclick='listInstaShare({{$item->menu_id}})' style='color:#dd2a7b'></i><i class='fab fa-whatsapp' onclick='listWatsppShare({{$item->menu_id}})' style='color:#075e54'></i>">
                                  <i class="fas fa-share-alt pt-3" style="font-size: 16px; color: #fff;"></i>
                                </a>
                             </div>
                          </div>
                       </div>
                    </div>
                 </h4>
               </div>
             @endif

            <div id="replaceDiv">@include('frontend.ajax')</div>

            @if(count($postlist)>5)
                <div id="load_more" class="mb-30">
                  <input type="hidden" id="limitval" value="10">
                  <button type="button" name="load_more_button" style="margin-top: 2%; font-size: 2.3vh;" class="btn btn-default form-control" data-id="5" id="load_more_button" onclick="loadmore()"> Load More</button>
                </div>
            @endif

              </div>
            </div>

            @include('includes.frontright')

          </div>
       </div>
    </div>
    <!--End--> 
 </div>
 <!--Main Content End--> 
@endsection