@extends('layouts.frontapp')

@section('title', 'Blog')

@section('content')

<!--Main Content Start-->
<section id="et-pagehead" class="container-fluid text-center text-white img-overlay no-hover position-relative pt-5 pb-5">
    <div class="container position-relative pt-5 pb-5 mt-5 mb-5">
       <h1 class="box-heading mb-5 position-relative mb-0 text-white">Our Blogs</h1>
    </div>
    <div class="breadcrumb position-absolute text-center m-0 justify-content-center bg-transparent text-white">
       <!-- <a href="#" class="btn btn-danger text-white d-inline-block p-2 mr-3 font-weight-bold">Create Blog</a> -->
       <a href="{{url('/fanzpost')}}" class="btn btn-danger text-white d-inline-block p-2 font-weight-bold">Create Fan Story</a>
    </div>
 </section>
<div class="main-content innerpagebg wf100 p30">
    <!--News Large Page Start--> 
    <!--Start-->
    <div  id="et-latest-news" class="news-large">
       <div class="container">
          <div class="text-center">
            <a href="{{url('/')}}/pages/blog/"><button class="btn @if(Request::segment(3)!='') btn-danger @else btn-primary @endif mb-3 mr-2 p-1 pl-3 pr-3 font-weight-bold">Recent Blog</button></a>
            @if(count($blog_category)>0) 
              @foreach($blog_category as $key=>$item)
                <a href="{{url('/')}}/pages/blog/{{$item->id}}"><button class="btn @if($item->id == Request::segment(3)) 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
            @endif
          </div>
          <div class="row">

            @if(count($blog)>0)                  
                <div class="col-md-4">
                  @foreach($blog[0] as $key=>$item)

                  @if($key % 2 == 0 && $key!=0) 
                  <div class="blog-grid boxhover transition w-100 mt-4 rounded text-center">
                        @php
                          $ad_blog_left = DB::table('advertisement')->where('status', '1')->where('position','blog_left')->first();
                        @endphp

                        @if($ad_blog_left)
                          <a href="javascript:void(0);"  title="{{$ad_blog_left->ad_name}}" onclick="clickAd('{{$ad_blog_left->id}}')"><img style="box-shadow: 0 4px 24px -5px rgba(0, 0, 0, 0.4);" class="img-responsive" src="{{url('/')}}/uploads/ad_image/{{$ad_blog_left->ad_image}}" alt=""> </a>
                        @else
                          <img style="box-shadow: 0 4px 24px -5px rgba(0, 0, 0, 0.4);" class="img-responsive" src="https://via.placeholder.com/336x280" alt=""> 
                        @endif
                    </div>
                  @endif
                  <div class="blog-grid boxhover transition w-100 mt-4 rounded shadow">
                     <div class="image-wrap img-overlay position-relative">
                        <!-- <span class="badge badge-secondary photocount position-absolute"><i class="fa fa-image"></i> 26</span> -->
                        @php 
                          $getuserdata = DB::table('users')->where('id',$item->created_by)->first(); 
                          
                          $profileimg = url('/').'/assets/images/usrbig.jpg';
                          if($getuserdata->profile_picture) {
                            $profileimg = url('/')."/uploads/members/".$getuserdata->profile_picture;
                          }

                          if($getuserdata->sm!='') {
                              $profileimg = $getuserdata->profile_picture;
                          } 
                        @endphp

                        @if($item->blog_images)

                          @php
                              $imgtye = '';
                              $file = explode('.',$item->blog_images);

                              if($file[1]=='jpg' || $file[1]=='JPG' || $file[1]=='GIF' || $file[1]=='gif' || $file[1]=='PNG' || $file[1]=='png' || $file[1]=='jpeg' || $file[1]=='JPEG') {
                                  $imgtye = 'image';
                              } 

                              if($file[1]=='mp4' || $file[1]=='mov' || $file[1]=='wmv' || $file[1]=='flv') {
                                  $imgtye = 'video';
                              }

                              if($file[1]=='mp3' || $file[1]=='wav' || $file[1]=='wma' || $file[1]=='m3u') {
                                  $imgtye = 'audio';
                              }
                          @endphp

                          @if($imgtye != 'video')
                          <span class="author-avatar overflow-hidden position-absolute shadow"><img src="{{$profileimg}}" style="width: 100%;" alt="Author"></span>
                          @endif

                          @if($imgtye == 'image')
                            <img src="{{url('/')}}/uploads/blog_images/{{ $item->blog_images }}" style="width: 100%" alt="" class="img-fluid rounded-top">
                          @endif

                          @if($imgtye == 'video')
                             <video style="width: 100%" controls>
                              <source src="{{url('/')}}/uploads/blog_images/{{ $item->blog_images }}" type="video/mp4">
                                Your browser does not support the video tag.
                            </video>

                            <span class="author-avatar overflow-hidden position-absolute shadow"><img src="{{$profileimg}}" style="width: 100%;" alt="Author"></span>
                          @endif

                          @if($imgtye == 'audio')
                            <iframe class="border-0 position-relative w-100" width="100" height="300" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/118951508&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
                          @endif

                        @endif

                     </div>
                     <div class="content p-4">
                        <p class="text-muted">Posted {{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</p>
                        <h4 class="mb-3"><a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="text-decoration-none text-reset">{{ $item->blog_title }}</a></h4>
                        <p class="description">
                           {!! substr($item->description,0,120) !!}...
                        </p>
                        <hr>
                        <div class="d-flex align-items-center">
                           <a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="text-decoration-none text-danger">{{ $item->sub_category }}</a>
                           <a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="bg-danger text-white readmore rounded text-decoration-none d-inline-flex align-items-center justify-content-center border-0 ml-auto"><i class="fa fa-angle-double-right"></i></a>
                        </div>
                     </div>
                  </div>  
                   @endforeach
               </div>

               @if(isset($blog[1]) && count($blog[1])>0)
               <div class="col-md-4">
                  @foreach($blog[1] as $key=>$item)

                  <div class="blog-grid boxhover transition w-100 mt-4 rounded shadow">
                     <div class="image-wrap img-overlay position-relative">
                        <!-- <span class="badge badge-secondary photocount position-absolute"><i class="fa fa-image"></i> 26</span> -->
                        @php 
                          $getuserdata = DB::table('users')->where('id',$item->created_by)->first(); 
                          
                          $profileimg = url('/').'/assets/images/usrbig.jpg';
                          if($getuserdata->profile_picture) {
                            $profileimg = url('/')."/uploads/members/".$getuserdata->profile_picture;
                          }

                          if($getuserdata->sm!='') {
                              $profileimg = $getuserdata->profile_picture;
                          } 
                        @endphp

                        @if($item->blog_images)

                          @php
                              $imgtye = '';
                              $file = explode('.',$item->blog_images);

                              if($file[1]=='jpg' || $file[1]=='JPG' || $file[1]=='GIF' || $file[1]=='gif' || $file[1]=='PNG' || $file[1]=='png' || $file[1]=='jpeg' || $file[1]=='JPEG') {
                                  $imgtye = 'image';
                              } 

                              if($file[1]=='mp4' || $file[1]=='mov' || $file[1]=='wmv' || $file[1]=='flv') {
                                  $imgtye = 'video';
                              }

                              if($file[1]=='mp3' || $file[1]=='wav' || $file[1]=='wma' || $file[1]=='m3u') {
                                  $imgtye = 'audio';
                              }
                          @endphp

                          @if($imgtye != 'video')
                          <span class="author-avatar overflow-hidden position-absolute shadow"><img src="{{$profileimg}}" style="width: 100%;" alt="Author"></span>
                          @endif

                          @if($imgtye == 'image')
                            <img src="{{url('/')}}/uploads/blog_images/{{ $item->blog_images }}" style="width: 100%" alt="" class="img-fluid rounded-top">
                          @endif

                          @if($imgtye == 'video')
                             <video style="width: 100%" controls>
                              <source src="{{url('/')}}/uploads/blog_images/{{ $item->blog_images }}" type="video/mp4">
                                Your browser does not support the video tag.
                            </video>

                            <span class="author-avatar overflow-hidden position-absolute shadow"><img src="{{$profileimg}}" style="width: 100%;" alt="Author"></span>

                          @endif

                          @if($imgtye == 'audio')
                            <iframe class="border-0 position-relative w-100" width="100" height="300" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/118951508&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
                          @endif

                        @endif

                     </div>
                     <div class="content p-4">
                        <p class="text-muted">Posted {{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</p>
                        <h4 class="mb-3"><a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="text-decoration-none text-reset">{{ $item->blog_title }}</a></h4>
                        <p class="description">
                           {!! substr($item->description,0,120) !!}...
                        </p>
                        <hr>
                        <div class="d-flex align-items-center">
                           <a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="text-decoration-none text-danger">{{ $item->sub_category }}</a>
                           <a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="bg-danger text-white readmore rounded text-decoration-none d-inline-flex align-items-center justify-content-center border-0 ml-auto"><i class="fa fa-angle-double-right"></i></a>
                        </div>
                     </div>
                  </div>  
                   @endforeach
               </div>
               @endif


                @if(isset($blog[2]) && count($blog[2])>0)
               <div class="col-md-4">
                  @foreach($blog[2] as $key=>$item)

                  @if($key % 2 == 0 || $key==0) 
                  <div class="blog-grid boxhover transition w-100 mt-4 rounded text-center">

                      @php
                        $ad_blog_right = DB::table('advertisement')->where('status', '1')->where('position','blog_right')->first();
                      @endphp

                       @if($ad_blog_right)
                          <a href="javascript:void(0);" title="{{$ad_blog_right->ad_name}}" onclick="clickAd('{{$ad_blog_right->id}}')"><img style="box-shadow: 0 4px 24px -5px rgba(0, 0, 0, 0.4);" class="img-responsive" src="{{url('/')}}/uploads/ad_image/{{$ad_blog_right->ad_image}}" alt=""> </a>
                        @else
                          <img style="box-shadow: 0 4px 24px -5px rgba(0, 0, 0, 0.4);" class="img-responsive" src="https://via.placeholder.com/336x280" alt=""> 
                        @endif
                    </div>
                  @endif
                  <div class="blog-grid boxhover transition w-100 mt-4 rounded shadow">
                     <div class="image-wrap img-overlay position-relative">
                        <!-- <span class="badge badge-secondary photocount position-absolute"><i class="fa fa-image"></i> 26</span> -->

                        @php 
                          $getuserdata = DB::table('users')->where('id',$item->created_by)->first(); 
                          
                          $profileimg = url('/').'/assets/images/usrbig.jpg';
                          if($getuserdata->profile_picture) {
                            $profileimg = url('/')."/uploads/members/".$getuserdata->profile_picture;
                          }

                          if($getuserdata->sm!='') {
                              $profileimg = $getuserdata->profile_picture;
                          } 
                        @endphp

                        @if($item->blog_images)

                          @php
                              $imgtye = '';
                              $file = explode('.',$item->blog_images);

                              if($file[1]=='jpg' || $file[1]=='JPG' || $file[1]=='GIF' || $file[1]=='gif' || $file[1]=='PNG' || $file[1]=='png' || $file[1]=='jpeg' || $file[1]=='JPEG') {
                                  $imgtye = 'image';
                              } 

                              if($file[1]=='mp4' || $file[1]=='mov' || $file[1]=='wmv' || $file[1]=='flv') {
                                  $imgtye = 'video';
                              }

                              if($file[1]=='mp3' || $file[1]=='wav' || $file[1]=='wma' || $file[1]=='m3u') {
                                  $imgtye = 'audio';
                              }
                          @endphp

                          @if($imgtye != 'video')
                          <span class="author-avatar overflow-hidden position-absolute shadow"><img src="{{$profileimg}}" style="width: 100%;" alt="Author"></span>
                          @endif

                          @if($imgtye == 'image')
                            <img src="{{url('/')}}/uploads/blog_images/{{ $item->blog_images }}" style="width: 100%" alt="" class="img-fluid rounded-top">
                          @endif

                          @if($imgtye == 'video')
                             <video style="width: 100%" controls>
                              <source src="{{url('/')}}/uploads/blog_images/{{ $item->blog_images }}" type="video/mp4">
                                Your browser does not support the video tag.
                            </video>

                            <span class="author-avatar overflow-hidden position-absolute shadow"><img src="{{$profileimg}}" style="width: 100%;" alt="Author"></span>

                          @endif

                          @if($imgtye == 'audio')
                            <iframe class="border-0 position-relative w-100" width="100" height="300" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/118951508&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
                          @endif

                        @endif

                     </div>
                     <div class="content p-4">
                        <p class="text-muted">Posted {{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</p>
                        <h4 class="mb-3"><a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="text-decoration-none text-reset">{{ $item->blog_title }}</a></h4>
                        <p class="description">
                           {!! substr($item->description,0,120) !!}...
                        </p>
                        <hr>
                        <div class="d-flex align-items-center">
                           <a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="text-decoration-none text-danger">{{ $item->sub_category }}</a>
                           <a href="{{url('/')}}/pages/blog/details/{{$item->id}}" class="bg-danger text-white readmore rounded text-decoration-none d-inline-flex align-items-center justify-content-center border-0 ml-auto"><i class="fa fa-angle-double-right"></i></a>
                        </div>
                     </div>
                  </div>  
                   @endforeach
               </div>
               @endif

            @endif
            
            @if(count($blog)==0) 
              <div class="col-lg-12 text-center">
                <img src="{{url('/')}}/assets/images/nodata.png"> 
                <br><h3>No records found!</h3> Sorry, we couldn't find any records. Try again!
              </div>
            @endif

          </div>
       </div>
    </div>
    <!-- <section id="et-subscribe-form">
       <div class="box-wrap img-overlay no-hover position-relative rounded shadow p-5 text-white">
          <div class="container position-relative">
             <h4 class="text-white">Get The Best Of All Hands Delivered To Your Inbox</h4>
             <p>Subscribe to our newsletter and stay updated.</p>
             <form class="d-md-flex">
                <input type="text" class="form-control text-white mr-3 bg-transparent border-bottom d-inline-block subinput rounded-0" placeholder="Enter your email">
                <div class="position-relative border-0 mt-md-0 mt-3 btn  submit-btn">
                   <button class="btn bg-dark text-white"><i class="fa fa-edit"></i>&nbspSubscribe</button>
                </div>
             </form>
          </div>
       </div>
 </section> -->
    <!--End--> 
 </div>
<!--Main Content End--> 
@endsection