@extends('frontend.app')
@section('title',$product['name'])
@section('content')

    <section class="page-section bg-dark text-white">
        <div class="container-fluid" style="min-height: 500px;">
            <div class="row rowfcosuable pt-4" id="row-1">
                <div class="col-lg-2 col-md-2 col-sm-12 text-right">
                    <img src="{{$product['thumb']}}"
                         class="img-thumbnail rounded"
                         alt="{{$product['name']}}">
                </div>

                <div class="col-lg-10 col-md-10 col-xm-12 text-right">
                    <h1>{{$product['name']}}</h1>
                    <div> {!! $product['text'] !!}</div>
                    @if($product['owns'] && $product['is_pack'] === false)
                        <a href="/product/play?id={{$product['id']}}">
                            <button id="5" type="button" class="defaultfocuse fcosuable btn btn-success">پخش فیلم
                            </button>
                        </a>
                    @else
                        <a href="/login"> <button id="5" type="button" class="fcosuable btn btn-success">ورود و مشاهده
                                فیلم
                            </button></a>

                    @endif
                </div>
            </div>
        </div>

    </section>


@endsection

@section('script')
    <script src="/dist/js/app.js"></script>

    <script>
        $(".fcosuable").first().addClass('activeFocus').focus();

    </script>
@endsection
