ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / omvstudio.com / resources / views / front

@extends('front.layouts.master')
@section('title','Category List')
@section('content')

@if(!empty($category_header) && isset($category_header->cover_image))
<div class="header__banner__main header__bnner__full__width">
   <div class="header__banner___overlay"></div>
   <div class="image__box">
      {{-- <img src="{{ asset('front_assets/images/kong-skull-island-movie-fan-art.jpg') }}" alt="" /> --}}
      {{-- <img src="{{ asset('storage/categories/'.$category_header->cover_image) }}" alt="" /> --}}
      <img src="{{ asset('storage/movies/'.$category_header->cover_image) }}" alt="" />
   </div>
   <div class="banner__content">
      <div class="container-fluid">
         <div class="banner__container__inner">
            <div class="banner__widgets">
               {{-- <img src="{{ asset('front_assets/images/movie-title-img') }}" alt="" /> --}}
               <h1>{{ $category_header->title }}</h1>
               
               <div class="banner__btn__wrapp">
                  <a href="javascript:void(0)" class="banner__btn" data-bs-toggle="modal" data-bs-target="#TrailerModal"><span>Watch Now</span><img src="{{ asset('front_assets/images/play.svg') }}" alt="" /></a>
                  <a href="{{ route('movie',$category_header->slug) }}" class="banner__btn"><span>More Info</span><img src="{{ asset('front_assets/images/information.svg') }}" alt="" /></a>
               </div>
               
            </div>
            <div class="banner__widgets">
               <div class="form-group form__group">
                  <label>Movies</label>
                  <form action="{{ route('category.list') }}" method="GET" id="category-frm" >
                     <select class="form-control form__control selectpicker" id="category_slug" name="slug">
                        <option value="" selected="">Select Category</option>
                        @if ($categories->count() > 0)
                        @foreach ($categories as $category)
                        <option value="{{ $category->slug }}" {{ isset($selected_category) && $selected_category == $category->slug ? 'selected':'' }}>{{ $category->title }}</option>
                        @endforeach
                        @endif
                     </select>
                  </form>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@endif
<div class="body__container__wrapp body__container__wrapp__inner">
   {{-- for indivitual category --}}
   @if (!empty($slug))
   @if ($movies->count() > 0)
   {{-- expr --}}
   <div class="new__release">
      <div class="container-fluid">
         <div class="body__title__wrapp">
            <div class="title__area__inner">
               <h2>{{ $sigle_category['title'] }}</h2>
               {{-- <h3>Lorem ipsum dolor sit amet consectetur adipisicing, elit. Laborum, aspernatur! </h3> --}}
               {{--
               <a href="{{ route('category',$sigle_category['slug']) }}">
                  Explore All
                  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 414.9 185.3"
                     style="enable-background:new 0 0 414.9 185.3;" xml:space="preserve">
                     <path class="st0" d="M216,100.4l167.6,0c1.8,0,2.6,2.1,1.4,3.4l-68.3,68.3c-3,3-3,7.9,0,11l0,0c3,3,7.9,3,11,0l79.4-79.4l5.5-5.5
                        c3-3,3-7.9,0-11l-5.5-5.5L327.7,2.3c-3-3-7.9-3-11,0v0c-3,3-3,7.9,0,11l68.3,68.3c1.2,1.2,0.4,3.4-1.4,3.4l-167.6,0
                        c-4.3,0-7.8,3.5-7.8,7.8v0C208.3,97,211.7,100.4,216,100.4z" />
                  </svg>
               </a>
               --}}
            </div>
            <div class="slider__controlar"></div>
         </div>
      </div>
      <div class="container-fluid">
         <div class="category__carousal">
            <div class="owl-carousel owl-theme carousel__moves__list">
               @foreach ($movies as $movie)
               @if ($movie->status !== "inactive")
               <div class="item movie__item">
                  <div class="image__box">
                     {{-- <img src="{{ asset('front_assets/images/image-poster-1.jpg') }}" alt="" /> --}}
                     <img src="{{ asset('storage/movies/'.$movie->cover_image) }}" alt="" />
                  </div>
                  <a href="{{ route('movie',$movie->slug) }}">
                     <div class="content__wrapp">
                        <div class="detail__wrapp">
                           <h3 class="movie__title">{{ $movie->title }}</h3>
                           <ul class="movie__genre">
                              @foreach ($movie->categories->take(2) as $cat)
                              <li>{{ $cat->title }}</li>
                              @endforeach
                              {{--
                              <li>Family</li>
                              <li>Adventure</li>
                              --}}
                           </ul>
                           <div class="movie__widget">
                              <div class="price">${{ env('PAYMENT_PRICE_ONETIME') }}{{-- {{ $movie->price }} --}}</div>
                              {{-- IT'S FOR REVIEW --}}
                              @php
                              $reviews = App\Models\Review::where('movie_id',$movie->id)->where('status','active')->orderByDesc('created_at')->get();
                              $rating_sum = App\Models\Review::where('movie_id',$movie->id)->where('status','active')->sum('rating');
                              if ($reviews->count() > 0) { //slove error if no review
                              $rating_value = $rating_sum / $reviews->count();
                              }
                              else{
                              $rating_value = 0;
                              }
                              $rating_val_num = number_format($rating_value);
                              @endphp
                              <div class="reatings">
                                 <ul>
                                    @for ($i = 1; $i <= $rating_val_num ; $i++)
                                    <li><i class="fa fa-star text-warning"></i></li>
                                    @endfor
                                    @for ($j = $rating_val_num+1; $j <= 5 ; $j++)
                                    <li><i class="fa fa-star text-white"></i></li>
                                    @endfor
                                 </ul>
                              </div>
                           </div>
                           <div class="action__wrapp">
                              <div class="play__action"><img src="{{ asset('front_assets/images/play.svg') }}" alt="" />Watch Now</div>
                              {{--
                              <div class="duration">1h 46m</div>
                              --}}
                              <div class="duration">{{ $movie->movie_length }}</div>
                           </div>
                        </div>
                     </div>
                  </a>
               </div>
               @endif
               @endforeach

</div>
         </div>
      </div>
   </div>
   @else
   <div class="new__release">
      <div class="container-fluid">
         <h3 class="text-white">No movie exists!!</h3>
      </div>
   </div>
   @endif
   @else
   {{-- for all category --}}
   @if ($categories->count() > 0)
   @foreach ($categories as $category)
   @if ($category->movies->count())
   <div class="new__release">
      <div class="container-fluid">
         <div class="body__title__wrapp">
            <div class="title__area__inner">
               <h2>{{ $category->title }}</h2>
               <h3>Lorem ipss </h3>
               <a href="{{ route('category',$category->slug) }}">
                  Explore All
                  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 414.9 185.3"
                     style="enable-background:new 0 0 414.9 185.3;" xml:space="preserve">
                     <path class="st0" d="M216,100.4l167.6,0c1.8,0,2.6,2.1,1.4,3.4l-68.3,68.3c-3,3-3,7.9,0,11l0,0c3,3,7.9,3,11,0l79.4-79.4l5.5-5.5
                        c3-3,3-7.9,0-11l-5.5-5.5L327.7,2.3c-3-3-7.9-3-11,0v0c-3,3-3,7.9,0,11l68.3,68.3c1.2,1.2,0.4,3.4-1.4,3.4l-167.6,0
                        c-4.3,0-7.8,3.5-7.8,7.8v0C208.3,97,211.7,100.4,216,100.4z" />
                  </svg>
               </a>
            </div>
            <div class="slider__controlar"></div>
         </div>
      </div>
      <div class="container-fluid">
         <div class="category__carousal">
            <div class="owl-carousel owl-theme carousel__moves__list">
               @php
               $count = 1;
               @endphp

@foreach ($category->movies as $movie)
               @if ($count > 15)
               @php
               break;
               @endphp

@endif

@if ($movie->status !== "inactive")
     
               <div class="item movie__item">
                  <div class="image__box">
                     {{-- <img src="{{ asset('front_assets/images/image-poster-1.jpg') }}" alt="" /> --}}
                     <img src="{{ asset('storage/movies/'.$movie->cover_image) }}" alt="" />
                  </div>
                  <a href="{{ route('movie',$movie->slug) }}">
                     <div class="content__wrapp">
                        <div class="detail__wrapp">
                           <h3 class="movie__title">{{ $movie->title }}</h3>
                           <ul class="movie__genre">
                              @foreach ($movie->categories->take(2) as $cat)
                              <li>{{ $cat->title }}</li>
                              @endforeach
                              {{--
                              <li>Family</li>
                              <li>Adventure</li>
                              --}}
                           </ul>
                           <div class="movie__widget">
                              <div class="price">${{ env('PAYMENT_PRICE_ONETIME') }}{{-- {{ $movie->price }} --}}</div>
                              {{-- IT'S FOR REVIEW --}}
                              @php
                              $reviews = App\Models\Review::where('movie_id',$movie->id)->where('status','active')->orderByDesc('created_at')->get();
                              $rating_sum = App\Models\Review::where('movie_id',$movie->id)->where('status','active')->sum('rating');
                              if ($reviews->count() > 0) { //slove error if no review
                              $rating_value = $rating_sum / $reviews->count();
                              }
                              else{
                              $rating_value = 0;
                              }
                              $rating_val_num = number_format($rating_value);
                              @endphp
                              <div class="reatings">
                                 <ul>
                                    @for ($i = 1; $i <= $rating_val_num; $i++)
                                    <li><i class="fa fa-star text-warning"></i></li>
                                    @endfor
                                    @for ($j = $rating_val_num+1; $j <= 5 ; $j++)
                                    <li><i class="fa fa-star text-white"></i></li>
                                    @endfor
                                 </ul>
                              </div>
                           </div>
                           <div class="action__wrapp">
                              <div class="play__action"><img src="{{ asset('front_assets/images/play.svg') }}" alt="" />Watch Now</div>
                              {{--
                              <div class="duration">1h 46m</div>
                              --}}
                              <div class="duration">{{ $movie->movie_length }}</div>
                           </div>
                        </div>
                     </div>
                  </a>
               </div>
               @endif

@php
               $count++;
               @endphp
               @endforeach

</div>
         </div>
      </div>
   </div>
   @endif
   @endforeach
   @endif
   @endif
</div>
@endsection

@push('frontend-styles')
<link href="https://vjs.zencdn.net/7.20.2/video-js.css" rel="stylesheet" />

@endpush

@push('frontend-scripts')
<script src="https://vjs.zencdn.net/7.20.2/video.min.js"></script>
<script type="text/javascript">
   (function($) {
    $(document).ready(function() {

$('#TrailerModal').modal({
            backdrop: 'static',
            keyboard: false
        })

$('#TrailerModal').on('hide.bs.modal', function() {
            var myPlayer = videojs("my-video");
            myPlayer.pause();
        })

$('#category_slug').on('change', function() {
         let cat_id = $(this).val();
         $('#category-frm').submit();
      })

})

})(jQuery)
</script>
@endpush

@if(!empty($category_header) && isset($category_header->cover_image))

<div class="modal fade" id="TrailerModal" tabindex="-1" aria-labelledby="TrailerModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-fullscreen">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
            <video
               id="my-video"
               class="video-js vjs-big-play-centered"
               controls
               preload="auto"
               poster="{{ asset('storage/movies/'.$category_header->cover_image) }}"
               data-setup="{}"
               >
               <source src="{{ asset('storage/movies/trailer/'.$category_header->trailer) }}" type="video/{{ $category_header->video_type }}" media="">
               <p class="vjs-no-js">
                  To view this video please enable JavaScript, and consider upgrading to a
                  web browser that
                  <a href="https://videojs.com/html5-video-support/" target="_blank"
                     >supports HTML5 video</a
                     >
               </p>
            </video>
         </div>
      </div>
   </div>
</div>

@endif

[-] category-list.blade.php [edit]
[+] profile
[+] ..
[-] sport-details.blade.php [edit]
[-] movie-details.blade.php [edit]
[+] layouts
[+] music
[-] music-details.blade.php [edit]
[+] common
[-] home.blade.php [edit]
[-] single-category-list.blade.php [edit]
[+] payment
[-] dashboard.blade.php [edit]
[+] pages
[+] home_sections
[+] chat
[-] movie-details-with-passcode.blade.php [edit]
[-] sport-list.blade.php [edit]