@extends('frontend.layouts.app')

@section('content')
<style>
  .box_detail_text {
    color: #1f1f59;
  }
</style>
<div class="default_detail_section tv_main">
  <div class="container-fluid">
    <div class="tvProduction_section_detail">
      <div class="row">
        <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4">
          <div class="box_detail">
            <div class="video">
              <video width="" controls>
                <source src="{{ asset('storage/production/videos/'.$production->production_video)}}" type="video/mp4" />
                <source src="{{asset('storage/production/videos/'.explode('.', $production->production_video)[0].'.ogg')}}" type="video/ogg" />
                Your browser does not support HTML video.
              </video>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8">
          <div class="box_detail_text">
            <h3> {{$production->production_title}}</h3>
            <p>{!!$production->production_description!!}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<button id="back-to-top-btn">↑</button>
@endsection