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

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

@extends('front.layouts.master')
@section('title', $movie->title)
@section('content')
<div class="header__banner__main header__bnner__full__width">
   <div class="header__banner___overlay"></div>
   <div class="image__box">
      {{-- <img src="assets/images/kong-skull-island-movie-fan-art.jpg" alt="" /> --}}
      <img src="{{ isset($movie->cover_image) ? asset('storage/movies/'.$movie->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.jpg') }}" alt="" />
               
            </div>
            
         </div>
      </div>
   </div>
</div>
<div class="body__container__wrapp body__container__wrapp__inner">

<div class="movie__details__wrapp">
   <div class="container-fluid">
      <div class="row">
         <div class="col-xl-5 col-lg-5 col-md-5 col-sm-5">
            <div class="deatils__widgets">
               <div class="btn__wrapp">
                 @if (isset($user) && !empty($user->subscription('main')) && ($user->subscription('main') || $user->subscription('main')->onGracePeriod()))
                     <a href="javascript:void(0)" class="banner__btn" data-bs-toggle="modal" data-bs-target="#videoModal">
                        <span>Watch<img src="{{ asset('front_assets/images/play.svg') }}"
                        alt="" /></span>
                     </a>
                  @else

{{-- @php
                     dd($movie->payments->where('user_id', $user->id)->where('movie_id', $movie->id)->sortByDesc('created_at')->first()->payment_validity > \Carbon\Carbon::now());
                  @endphp --}}

@if (isset($user) AND $movie->payments->contains('user_id', $user->id) AND $movie->payments->where('user_id', $user->id)->where('movie_id', $movie->id)->sortByDesc('created_at')->first()->payment_validity > \Carbon\Carbon::now())

{{-- <a href="javascript:void(0)" class="banner__btn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span>Watch<img src="{{ asset('front_assets/images/play.svg') }}"
                           alt="" /></span>
                        </a>  --}}

<a href="javascript:void(0)" class="banner__btn" data-bs-toggle="modal" data-bs-target="#passcodeModal">
                           <span>Watch<img src="{{ asset('front_assets/images/play.svg') }}"
                           alt="" /></span>
                        </a>

@else
                        <a href="{{ route('movie.payment',$movie->slug) }}" class="banner__btn">
                           <span>Pay and Watch<img src="{{ asset('front_assets/images/play.svg') }}"
                          alt="" /></span>
                        </a>
                     @endif
                  @endif

<div class="movie__price">
                     <span>Rant this movie at</span>
                     ${{ $movie->price }}
                  </div>
               </div>
               @if (isset($user) AND $movie->payments->contains('user_id', $user->id) AND $movie->payments->where('user_id', $user->id)->where('movie_id', $movie->id)->sortByDesc('created_at')->first()->payment_validity > \Carbon\Carbon::now())
               <div class="passcode__wrapp">
                  Passcode
                  {{-- <div class="passcode__input">Kon-58xxxxx</div> --}}
                        @php
                           $passcode_db = $movie->payments->where('user_id', $user->id)->where('movie_id', $movie->id)->sortByDesc('created_at')->first()->passcode;
                           $passcode = substr($passcode_db, 0,6)."*****";
                        @endphp
                     <div class="passcode__input">{{ $passcode }}</div>
               </div>
                @endif
               <div class="btn__wrapp">
                  <a href="#" class="btn__action"><img src="{{ asset('front_assets/images/share.svg') }}" alt="" /></a>
                  <a href="#" class="btn__action"><img src="{{ asset('front_assets/images/plus.svg') }}" alt="" /></a>
               </div>
            </div>
         </div>
         <div class="col-xl-7 col-lg-7 col-md-7 col-sm-7">
            <div class="deatils__widgets">
               <div class="movie__title">
                  <h3>{{ $movie->title }}</h3>
                  <div class="user__review">
                     <div class="reatings">
                        @php
                           $rating_val_num = number_format($rating_value);
                        @endphp
                        <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>
                     <a href="#">
                        Audience reviews
                        <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>
               <div class="movie__info">
                  <div class="movie__info__widget">
                     @php
                        $date = date("F j, Y",strtotime($movie->created_at ));
                     @endphp
                     <i class="ico__box"><img src="{{ asset('front_assets/images/calendar.svg') }}" alt=""></i>{{-- 24 March 2021 --}} {{ $date }}
                  </div>
                  <div class="movie__info__widget">
                     <i class="ico__box"><img src="{{ asset('front_assets/images/clock.svg') }}" alt=""></i>{{ $movie->movie_length }}
                  </div>
               </div>

{!! $movie->description !!}

{{-- {!! $movie->star_cast !!} --}}
               @if (!empty($movie->trailer))

<video
                   id="my-video-2"
                   class="video-js vjs-big-play-centered"
                   controls
                   preload="auto"
                   poster="{{ asset('storage/movies/'.$movie->cover_image) }}"
                   data-setup="{}"
                   width="560"
                   >
                   <source src="{{ asset('storage/movies/trailer/'.$movie->trailer) }}" type="video/{{ $movie->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>
               @endif

{{--  @if (!empty($movie->trailer))
                  <div class="video">

</div>
               @endif --}}

@if (isset($star_cast))
                  <p><span>Director:</span> {{ isset($star_cast->director) ? $star_cast->director : '' }}</p>
                  <p><span>Cast:</span> {{ isset($star_cast->cast) ? $star_cast->cast : ''  }}
                  </p>
                  <p><span>Writer:</span> {{ isset($star_cast->genres) ? $star_cast->genres : ''  }}</p>
                  <p><span>Genres:</span> {{ isset($star_cast->writer) ? $star_cast->writer : ''  }}</p>
               @endif

{{-- @php
                  dd($user->Check24Hrs());
               @endphp --}}
               
            </div>
         </div>
      </div>
   </div>
</div>

@if (isset($related_movies))
            @foreach ($related_movies as $related_movie)
            <div class="item movie__item">
               <div class="image__box">
                  <img src="{{ isset($related_movie->cover_image) ? asset('storage/movies/'.$related_movie->cover_image) : '' }}" alt="" />
               </div>
               <a href="{{ route('movie',$related_movie->slug) }}">
                  <div class="content__wrapp">
                     <div class="detail__wrapp">
                        <h3 class="movie__title">{{ $related_movie->title }}</h3>
                        <ul class="movie__genre">
                          @foreach ($related_movie->categories->take(2) as $cat)
                             <li>{{ $cat->title }}</li>
                          @endforeach
                           
                        </ul>
                        <div class="movie__widget">
                           <div class="price">${{ $related_movie->price }}</div>
                           <div class="reatings">
                              <ul>
                                 <li><img src="{{ asset('front_assets/images/start-full.svg') }}" alt="" /></li>
                                 <li><img src="{{ asset('front_assets/images/start-full.svg') }}" alt="" /></li>
                                 <li><img src="{{ asset('front_assets/images/start-full.svg') }}" alt="" /></li>
                                 <li><img src="{{ asset('front_assets/images/start-full.svg') }}" alt="" /></li>
                                 <li><img src="{{ asset('front_assets/images/star-half.svg') }}" alt="" /></li>
                              </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">{{ $related_movie->movie_length }}</div>
                        </div>
                     </div>
                  </div>
               </a>
            </div>
            @endforeach
            @endif

</div>
      </div>
   </div>
</div>

@if ($reviews->count() > 0)
<div class="user__rating__wrapp">
   <div class="container">
      <div class="row">
         <div class="col-xl-5 col-lg-5 col-md-4">
            <div class="rating__summary">
               <h3>Audience rating summary</h3>
               <h2>{{ $reviews->count() > 0 ? number_format($rating_value,1) : '' }}</h2>
               @php
                  $rating_val_num = number_format($rating_value);
               @endphp
               <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
                  {{-- <li><img src="assets/images/start-full.svg" alt="" /></li>
                  <li><img src="assets/images/start-full.svg" alt="" /></li>
                  <li><img src="assets/images/start-full.svg" alt="" /></li>
                  <li><img src="assets/images/start-full.svg" alt="" /></li>
                  <li><img src="assets/images/star-half.svg" alt="" /></li> --}}
               </ul>
               {{-- <p>Based on 30 reviews</p> --}}
               <p>Based on {{ $reviews->count() > 0 ? $reviews->count() : 'no' }} reviews</p>
               <div class="progress__wrapp">
                  Excellent
                  <div class="progress">
                     <div class="progress-bar" role="progressbar" style="width:{{ $average[0]->excellent }}%" aria-valuenow="25"
                        aria-valuemin="0" aria-valuemax="100"></div>
                  </div>
               </div>
               <div class="progress__wrapp">
                  Good
                  <div class="progress">
                     <div class="progress-bar progress__good" role="progressbar" style="width:{{ $average[0]->good }}%"
                        aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                  </div>
               </div>
               <div class="progress__wrapp">
                  Average
                  <div class="progress">
                     <div class="progress-bar progress__average" role="progressbar" style="width:{{ $average[0]->average }}%"
                        aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                  </div>
               </div>
               <div class="progress__wrapp">
                  Below Average
                  <div class="progress">
                     <div class="progress-bar below__aerage" role="progressbar" style="width: {{ $average[0]->belowaverage }}%"
                        aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-xl-7 col-lg-7 col-md-8">
            <div class="review__details">
               
                  @if ($exists_review)

@else
                     @if (isset($user))
                        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalReview">Add Revieww</button>
                     @else
                        <a href="{{ route('login') }}" class="btn btn-primary" >Add Revieww</a>
                     @endif
                     
                  @endif

@foreach ($reviews->take(3) as $review)
                <hr class="text-white">
               <div class="review__card">
                  <div class="review__card__user__info">
                     <div class="image__box">
                        @if (!empty($review->user->profile_picture))
                           <img src="{{ asset('storage/profiles/'.$review->user->profile_picture) }}" alt="" />
                        @else
                           <img src="{{ asset('front_assets/images/default-user-image.png') }}" alt="" />
                        @endif

</div>
                     <div class="review__user">
                        <div class="uder__profile__name">
                           {{ $review->user->first_name }} {{ $review->user->last_name }}
                        </div>
                        <div class="review__date">
                           
                           {{ $review->created_at->diffForHumans() }}
                           
                        </div>
                     </div>
                     <h3>{{ $review->rating }}</h3>
                     <ul>
                        @for ($i = 1; $i <= $review->rating; $i++)
                           {{-- <li><img src="{{ asset('front_assets/images/start-full.svg') }}" alt="" /></li> --}}
                           <li><i class="fa fa-star text-warning"></i></li>
                        @endfor
                        @for ($i = $review->rating+1; $i <= 5; $i++)
                           {{-- <li><img src="{{ asset('front_assets/images/star-half.svg') }}" alt="" /></li> --}}
                           <li><i class="fa fa-star text-white"></i></li>
                        @endfor
                        
                        {{-- <li><img src="{{ asset('front_assets/images/start-full.svg') }}" alt="" /></li>
                        <li><img src="{{ asset('front_assets/images/start-full.svg') }}" alt="" /></li>
                        <li><img src="{{ asset('front_assets/images/start-full.svg') }}" alt="" /></li> 
                        <li><img src="{{ asset('front_assets/images/star-half.svg') }}" alt="" /></li>--}}
                     </ul>
                  </div>
                  <p>{{ $review->description }}</p>

</div>

@endforeach
               
            </div>
         </div>
      </div>
   </div>
</div>
@else
   <div class="user__rating__wrapp">
      <div class="container">
         <div class="row">
            <div class="col-xl-5 col-lg-5 col-md-4">
               <div class="rating__summary">
                  <h3>No review for this movie</h3>
                  <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalReview">Add Revieww</button>
               </div>
            </div>
         </div>
      </div>
   </div>
@endif

<div class="modal fade" id="passcodeModal" tabindex="-1" aria-labelledby="passcodeModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <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">
            <form {{-- action="{{ route('movie.passcode') }}" method="POST" --}} >
               {{-- {{ csrf_field() }} --}}
               <input type="hidden" name="movie_id" id="movie_id" value="{{ $movie->id }}">
               <div class="mb-3">
                  <input type="text" name="passcode" id="passcode" placeholder="Enter Passcode" class="form-control" required="">
                  <span id="passcode_error" class="field_error text-danger"></span>
               </div>
               <div class="mb-3">
                  <button type="button" id="passcode-btn" class="btn btn-primary">Submit</button>
               </div>
               <div class="mb-3">
                  <div id="passcode_msg"></div>
               </div>
            </form>
         </div>
   
     
    </div>
  </div>
</div>

<div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-fullscreen">
    <div class="modal-content">
      <div class="modal-header">
        {{-- <h5 class="modal-title" id="videoModalLabel">Modal title</h5> --}}
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
         {{-- <video autobuffer autoloop loop controls>
            <source src="/media/video.oga">
            <source src="/media/video.m4v">
            <object type="video/ogg" data="/media/video.oga" width="320" height="240">
            <param name="src" value="/media/video.oga">
            <param name="autoplay" value="false">
            <param name="autoStart" value="0">
            <p><a href="/media/video.oga">Download this video file.</a></p>
            </object> 
         </video>
         --}}

<video
        id="my-video"
          class="video-js vjs-big-play-centered"
          controls
          preload="auto"
          poster="{{ asset('storage/movies/'.$movie->cover_image) }}"
          data-setup="{}"
         >
            <source src="{{ asset('storage/movies/movie/'.$movie->video_upload) }}" type="video/{{ $movie->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>

<div class="modal fade" id="exampleModalReview" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Review Movie</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
         @if ((isset($user) && $verified_purches) || isset($user->stripe_id))
            <form action="{{ route('movie.add-review') }}" method="POST">
            {{ csrf_field() }}
            <input type="hidden" name="movie_id" value="{{ $movie->id }}">
            <div class="mb-3">
               
               <textarea name="description" id="description" cols="30" rows="10" class="form-control" placeholder="Add your review"></textarea>
            </div>

<div class="mb-3">
               <div class="rating-css">
                  <div class="star-icon">
                    <input type="radio" value="1" name="rating" checked id="rating1">
                    <label for="rating1" class="fa fa-star"></label>
                    <input type="radio" value="2" name="rating" id="rating2">
                    <label for="rating2" class="fa fa-star"></label>
                    <input type="radio" value="3" name="rating" id="rating3">
                    <label for="rating3" class="fa fa-star"></label>
                    <input type="radio" value="4" name="rating" id="rating4">
                    <label for="rating4" class="fa fa-star"></label>
                    <input type="radio" value="5" name="rating" id="rating5">
                    <label for="rating5" class="fa fa-star"></label>
                  </div>
               </div>
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
         </form>
         @else
            <h2>haven't purchased this movie?</h2>
            <p>Sorry!! You are not allowed to review this movie since you haven't booght it on {{ isset($setting->site_name) ? $setting->site_name : env('APP_NAME') }}</p>
            {{-- <a href="{{ url()->previous() }}" class="btn btn-primary">Continue buying</a> --}}
            <a href="{{ URL::current() }}" class="btn btn-primary">Continue buying</a>
         @endif
         
      </div>
    </div>
  </div>
</div>

@endsection
@section('styles')
   <link href="https://vjs.zencdn.net/7.20.2/video-js.css" rel="stylesheet" />
   <style type="text/css">
      /* rating */
      .rating-css div {
          color: #ffe400;
          font-size: 30px;
          font-family: sans-serif;
          font-weight: 800;
          text-align: center;
          text-transform: uppercase;
          padding: 20px 0;
        }
        .rating-css input {
          display: none;
        }
        .rating-css input + label {
          font-size: 60px;
          text-shadow: 1px 1px 0 #8f8420;
          cursor: pointer;
        }
        .rating-css input:checked + label ~ label {
          color: #b4afaf;
        }
        .rating-css label:active {
          transform: scale(0.8);
          transition: 0.3s ease;
        }

/* End of Star Rating */
   </style>
@endsection

@section('scripts')
<script src="https://vjs.zencdn.net/7.20.2/video.min.js"></script>
<script src="{{ asset('front_assets/js/star-rating.js') }}"></script>
<script type="text/javascript">
   $(document).ready(function(){
      $('#videoModal').modal({
       backdrop: 'static',
       keyboard: false
      });
   });

$(document).ready(function(){
      $('#exampleModalReview').modal({
       backdrop: 'static',
       keyboard: false
      });
   });
    $(document).ready(function(){
      $('#passcodeModal').modal({
       backdrop: 'static',
       keyboard: false
      });
   });

$('#passcode-btn').on('click', function(){

let passcode = $('#passcode').val();
      let movie_id = $('#movie_id').val();
      $('#passcode_msg').hide();
      $('.field_error').hide();

$.ajax({
         url : "{{ route('movie.passcode') }}",
         data:{
            passcode: passcode,
            movie_id: movie_id,
            "_token": "{{ csrf_token() }}",
         },
         type: "POST",
         success:function(result){
             
            if(result.status == "required"){
               $.each(result.required, function(key, val) {
                  $('.field_error').show();
                  $('#'+key+'_error').html(val[0]);
               });
            }

if(result.status == "success"){
               $('#videoModal').modal('show');
            }
            if(result.status == "error"){
               $('#passcode_msg').show();
               $('#passcode_msg').html("<div class='alert alert-danger'>"+result.error+"</div>");
            }
         }
      })
      //alert('01')
    });
</script>
@endsection

[-] 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]