@extends('view.layout.layout')
@section('title')
    {{{ $setting['site']['site_title'] or '' }}}
    - {{{ $product->title or '' }}}
@endsection
{{--{{dd($mockexams)}}--}}
@push('stylesheets')
    <style>
        .social-links {
            display: inline;
        }
        .social-links-ul {
            display: inline;
        }
        .social-links-ul li {
            display: inline;
        }
    </style>
@endpush
@section('page')
    <div class="container-fluid">
        <div class="row product-header">
            <div class="container">
                <div class="col-xs-12 col-md-8 tab-con">
                    <h2>{{{ $product->title or '' }}}</h2>

                </div>
                <div class="col-xs-12 col-md-4 text-left">
                    <div class="raty-product-section">
                        <div class="raty"></div>
                        <span class="raty-text">({{{ count($product->rates) }}} {{{ trans('main.votes') }}})</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="h-20"></div>
    @if($product['discount'] != null)
        <div class="container">
            <div class="col-xs-12 col-md-12">
                <div class="product-discount-container">
                    <div class="col-md-4 col-xs-12 tab-con">
                        <div class="container-s-r">
                            <strong class="red-r">@if($product->discount->last_date-time()>86400) {{{ (floor(($product->discount->last_date-time()) / (60 * 60 * 24))) }}} @else 0 @endif</strong>
                            <strong>{{{ trans('main.days') }}}</strong>
                            <strong>{{{ trans('main.special_offer') }}}</strong>
                        </div>
                    </div>
                    <div class="col-md-2 col-xs-12 tab-con">
                        <div class="row">
                            <span class="off-btn">
                                <label>%{{{ $product->discount->off or 0 }}}</label>
                                <label>{{{ trans('main.discount') }}}</label>
                            </span>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12 tab-con">
                        <div class="countdown" dir="ltr">
                            <div class="bloc-time hours" data-init-value="{{{ 24-date('H',time()) }}}">
                                <div class="figure hours hours-1">
                                    <span class="top">2</span>
                                    <span class="top-back">
                                        <span>2</span>
                                    </span>
                                    <span class="bottom">2</span>
                                    <span class="bottom-back">
                                        <span>2</span>
                                    </span>
                                </div>
                                <div class="figure hours hours-2">
                                    <span class="top">4</span>
                                    <span class="top-back">
                                        <span>4</span>
                                    </span>
                                    <span class="bottom">4</span>
                                    <span class="bottom-back">
                                        <span>4</span>
                                    </span>
                                </div>
                            </div>
                            <div class="bloc-time min" data-init-value="{{{ 60-date('m',time()) }}}">
                                <div class="figure min min-1">
                                    <span class="top"></span>
                                    <span class="top-back">
                                        <span>0</span>
                                    </span>
                                    <span class="bottom">0</span>
                                    <span class="bottom-back">
                                        <span>0</span>
                                    </span>
                                </div>
                                <div class="figure min min-2">
                                    <span class="top">0</span>
                                    <span class="top-back">
                                        <span>0</span>
                                    </span>
                                    <span class="bottom">0</span>
                                    <span class="bottom-back">
                                        <span>0</span>
                                    </span>
                                </div>
                            </div>
                            <div class="bloc-time sec" data-init-value="{{{ 60-date('s',time()) }}}">
                                <div class="figure sec sec-1">
                                    <span class="top">0</span>
                                    <span class="top-back">
                                        <span>0</span>
                                    </span>
                                    <span class="bottom">0</span>
                                    <span class="bottom-back">
                                        <span>0</span>
                                    </span>
                                </div>
                                <div class="figure sec sec-2">
                                    <span class="top">0</span>
                                    <span class="top-back">
                                        <span>0</span>
                                    </span>
                                    <span class="bottom">0</span>
                                    <span class="bottom-back">
                                        <span>0</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="h-20"></div>

    @elseif($product->category->discount != null)
        <div class="container">
            <div class="col-xs-12 col-md-12">
                <div class="product-discount-container">
                    <div class="col-md-4 col-xs-12">
                        <div class="container-s-r">
                            <strong class="red-r">@if($product->category->discount->last_date-time()>86400) {{{ (floor(($product->category->discount->last_date-time()) / (60 * 60 * 24)))+1 }}} @else 0 @endif Day</strong>
                            <strong>{{{ trans('main.days') }}}</strong>
                            <strong>{{{ trans('main.special_offer') }}}</strong>
                        </div>
                    </div>
                    <div class="col-md-2 col-xs-12">
                        <div class="row">
                            <span class="off-btn">
                                <label>%{{{ $product->category->discount->off or 0 }}}</label>
                                <label>{{{ trans('main.discount') }}}</label>
                            </span>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12">
                        <div class="countdown" dir="ltr">
                            <div class="bloc-time hours" data-init-value="{{{ 24-date('H',time()) }}}">
                                <div class="figure hours hours-1">
                                    <span class="top">2</span>
                                    <span class="top-back">
                                        <span>2</span>
                                    </span>
                                    <span class="bottom">2</span>
                                    <span class="bottom-back">
                                        <span>2</span>
                                    </span>
                                </div>
                                <div class="figure hours hours-2">
                                    <span class="top">4</span>
                                    <span class="top-back">
                                        <span>4</span>
                                    </span>
                                    <span class="bottom">4</span>
                                    <span class="bottom-back">
                                        <span>4</span>
                                    </span>
                                </div>
                            </div>
                            <div class="bloc-time min" data-init-value="{{{ 60-date('m',time()) }}}">
                                <div class="figure min min-1">
                                    <span class="top"></span>
                                    <span class="top-back">
                                        <span>0</span>
                                    </span>
                                    <span class="bottom">0</span>
                                    <span class="bottom-back">
                                        <span>0</span>
                                    </span>
                                </div>
                                <div class="figure min min-2">
                                    <span class="top">0</span>
                                    <span class="top-back">
                                        <span>0</span>
                                    </span>
                                    <span class="bottom">0</span>
                                    <span class="bottom-back">
                                        <span>0</span>
                                    </span>
                                </div>
                            </div>
                            <div class="bloc-time sec" data-init-value="{{{ 60-date('s',time()) }}}">
                                <div class="figure sec sec-1">
                                    <span class="top">0</span>
                                    <span class="top-back">
                                        <span>0</span>
                                    </span>
                                    <span class="bottom">0</span>
                                    <span class="bottom-back">
                                        <span>0</span>
                                    </span>
                                </div>
                                <div class="figure sec sec-2">
                                    <span class="top">0</span>
                                    <span class="top-back">
                                        <span>0</span>
                                    </span>
                                    <span class="bottom">0</span>
                                    <span class="bottom-back">
                                        <span>0</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="h-20"></div>
    @endif
    <div class="container-fluid">
        <div class="row product-body">
            <div class="container">
                <div class="col-md-4 col-xs-12 course_details">
{{--                    <div class="product-details-box">--}}
{{--                        <span class="proicon mdi mdi-apps"></span><span class="pn-category">{{{ $product->category->title or '' }}}</span>--}}
{{--                    </div>--}}
{{--                    @php $Duration = 0; @endphp--}}
{{--                    @foreach($parts as $part)--}}
{{--                        @php $Duration = $Duration + $part['duration']; @endphp--}}
{{--                    @endforeach--}}
{{--                    <div class="product-details-box">--}}
{{--                        <span class="proicon mdi mdi-alarm"></span><span>{{{ convertToHoursMins($Duration,'%01d hour %02d min') }}}</span>--}}
{{--                    </div>--}}
{{--                    <div class="product-details-box">--}}
{{--                        <span class="proicon mdi mdi-calendar-month"></span><span>{{{ date('d F Y',$product->create_at) }}}</span>--}}
{{--                    </div>--}}
{{--                    <div class="product-details-box">--}}
{{--                        <span class="proicon mdi mdi-database"></span><span>--}}
{{--                            @php $MB = 0; @endphp--}}
{{--                            @foreach($parts as $part)--}}
{{--                                @php $MB = $MB + $part['size']; @endphp--}}
{{--                            @endforeach--}}
{{--                            {{{ $MB or '0' }}}--}}
{{--                            {{{ trans('main.mb') }}}--}}
{{--                        </span>--}}
{{--                    </div>--}}
{{--                    <div class="product-details-box">--}}
{{--						<span class="proicon mdi mdi-headset"></span>--}}
{{--                        <span>--}}
{{--                            @if($product->support == 1)--}}
{{--                                {{{ 'Vendor supports this course' }}}--}}
{{--                            @else--}}
{{--                                {{{ 'Vendor doesnt support this course' }}}--}}
{{--                            @endif--}}
{{--                        </span>--}}
{{--                    </div>--}}
                    <div class="product-price-box">
						<span class="proicon mdi mdi-wallet"></span>
                        @if(isset($meta['price']) && $product->price != 0)
                            <span  id="buy-price">{{{ currencySign() }}}{{{ price($product->id,$product->category_id,$meta['price'])['price']  }}}</span>
                        @else
                            <span  id="buy-price">{{{ trans('main.free') }}}</span>
                        @endif
                    </div>
                    <div class="h-10"></div>
                    <div class="product-buy-selection">
                        <form>
                            @if(isset($user) && $product->user_id == $user['id'])
                                <a class="btn btn-orange product-btn-buy sbox3" id="buy-btn" href="/user/content/edit/{{{ $product->id or 0 }}}">{{{ trans('main.edit_course') }}}</a>
                                <a class="btn btn-blue product-btn-buy sbox3" id="buy-btn" href="/user/content/part/list/{{{ $product->id or 0 }}}">{{{ trans('main.add_video') }}}</a>
                            @else
                            @if(!$buy)
                                    @if($product->price != 0)
                                        <div class="radio">
                                            <input type="radio" id="radio-2" name="buy_mode" data-mode="download" value="{{{ price($product->id,$product->category_id,$meta['price'])['price'] }}}" checked>
                                            <label class="radio-label" for="radio-2">{{{ trans('main.purchase_download') }}}</label>
                                        </div>
                                    @endif
                                @if($product->post == 1 && userMeta($product->user_id,'trip_mode') == 0)
                                    @if($product->price != 0)
                                        <div class="radio">
                                            <input type="radio" id="radio-1" data-mode="post" value="{{{ price($product->id,$product->category_id,$meta['post_price'])['price'] }}}" name="buy_mode">
                                            <label class="radio-label" for="radio-1">{{{ trans('main.postal_purchase') }}}</label>
                                        </div>
                                    @endif
                                @endif

                                @if($product->price != 0)<a class="btn btn-orange product-btn-buy sbox3" id="buy-btn" data-toggle="modal" data-target="#buyModal" href="">{{{ trans('main.pay') }}}</a>@endif
                            @else
                                @if($product->price != 0)<a class="btn btn-orange product-btn-buy sbox3" href="javascript:void(0);">{{{ trans('main.purchased_item') }}}</a>@endif
                            @endif
                            @endif

                        </form>
                    </div>
                    <div class="h-10 visible-xs"></div>
                    @if(userMeta($product->user_id,'trip_mode') == 1 && userMeta($product->user_id,'trip_mode_date')>0)
                    <div class="h-20"></div>
                    <div class="trip_mode_alert">
                        <span class="mdi mdi-shield-airplane"></span>
                            <span> {{{ trans('main.vendor_vac') }}}
                             {{{ date('Y-m-d', userMeta($product->user_id,'trip_mode_date')) }}}
                             {{{ trans('main.vendor_vac_2') }}} </span>
                    </div>
                    @endif
                </div>
                <div id="buyModal" class="modal fade" role="dialog">
                    <div class="modal-dialog">

                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">{{{ trans('main.purchase') }}}</h4>
                            </div>
                            <div class="modal-body">
                                <p>{{{ trans('main.select_payment_method') }}}</p>
{{--                                <p>--}}
{{--                                <input type="hidden" id="buy_method" value="download">--}}
{{--                                <div class="radio">--}}
{{--                                    <input type="radio" class="buy-mode" id="mode-1" value="credit" name="buyMode">--}}
{{--                                    &nbsp;--}}
{{--                                    <label class="radio-label" for="mode-1">{{{ trans('main.account_charge') }}}&nbsp;<b id="credit-remain-modal">({{{ currencySign() }}}{{{ $user['credit'] or 0 }}})</b></label>--}}
{{--                                </div>--}}

                                @if(get_option('gateway_payu') == 1)
                                    <div class="radio">
                                        <input type="radio" class="buy-mode" id="mode-5" value="payu" name="buyMode">
                                        &nbsp;
                                        <label class="radio-label" for="mode-5"> Payu </label>
                                    </div>
                                @endif
                                <div class="h-10"></div>
                                <div class="table-responsive table-base-price">
                                    <table class="table table-hover table-factor-modal">
                                        <thead>
                                        <tr>
                                            <th class="text-center">{{{ trans('main.amount') }}}</th>
                                            <th class="text-center">{{{ trans('main.discount') }}}</th>
                                            <th class="text-center">{{{ trans('main.tax') }}}</th>
                                            <th class="text-center">{{{ trans('main.total_amount') }}}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td class="text-center">{{{ $meta['price'] or 0 }}}</td>
                                            @if(isset($meta['price']) && $meta['price']>0 && price($product->id,$product->category->id,$meta['price'])>0)
                                                <td class="text-center">{{{ round((($meta['price']-price($product->id,$product->category->id,$meta['price'])['price'])*100)/$meta['price']) }}}</td>
                                            @endif
                                            <td class="text-center">0</td>
                                            <td class="text-center">{{{ price($product->id,$product->category->id,$meta['price'])['price'] }}}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="table-responsive table-post-price table-post-price-s">
                                    <table class="table table-hover table-factor-modal" style="margin-bottom: 0;padding-bottom: 0;">
                                        <thead>
                                        <tr>
                                            <th class="text-center">{{{ trans('main.amount') }}}</th>
                                            <th class="text-center">{{{ trans('main.discount') }}}</th>
                                            <th class="text-center">{{{ trans('main.tax') }}}</th>
                                            <th class="text-center">{{{ trans('main.total_amount') }}}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td class="text-center">{{{ $meta['post_price'] or 0 }}}</td>
                                            @if(isset($meta['post_price']) && $meta['post_price']>0)
                                                <td class="text-center">{{{ round((($meta['post_price']-price($product->id,$product->category->id,$meta['post_price'])['price'])*100)/$meta['post_price']) }}}</td>
                                                <td class="text-center">۰</td>
                                                <td class="text-center">۰</td>
                                                <td class="text-center">{{{ price($product->id,$product->category->id,$meta['post_price'])['price'] }}}</td>
                                            @endif
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                </p>
                            </div>
                            <div class="modal-body">
                                <div id="postAddressText">
                                    @if(isset($user))
                                        <p><b>{{{ trans('main.address') }}}</b>{!!  userAddress($user['id']) !!}</p>
                                    @endif
                                </div>
                                <div id="postAddress">
                                    @if(isset($userMeta))
                                    <form method="post" class="form-horizontal" action="/user/profile/meta/store">
                                        <div class="form-group">
                                            <label class="control-label col-md-1 tab-con">{{{ trans('main.province') }}}</label>
                                            <div class="col-md-5 tab-con">
                                                <input type="text" class="form-control" name="state"/>
                                            </div>
                                            <label class="control-label col-md-1 tab-con">{{{ trans('main.city') }}}</label>
                                            <div class="col-md-5 tab-con">
                                                <input type="text" name="city" value="{{{ $userMeta['city'] or '' }}}" class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-md-1 tab-con">{{{ trans('main.address') }}}</label>
                                            <div class="col-md-5 tab-con">
                                                <textarea name="address" rows="4" class="form-control">{{{ $userMeta['address'] or '' }}}</textarea>
                                            </div>
                                            <label class="control-label col-md-1 tab-con">{{{ trans('main.zip_code') }}}</label>
                                            <div class="col-md-5 tab-con">
                                                <input type="text" name="postalcode" value="{{{ $userMeta['postalcode'] or '' }}}" class="form-control text-center">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <input type="submit" name="submit" class="btn btn-orange pull-left" value="Save">
                                            </div>
                                        </div>
                                    </form>
                                    @endif
                                </div>
                                <div id="giftCard">
                                    <form method="post" class="form-horizontal">
                                        <div class="form-group">
                                            <div class="col-md-9 tab-con">
                                                <input type="text" dir="ltr" class="form-control text-center" placeholder="Discount or Gift code" name="gift-card" id="gift-card">
                                            </div>
                                            <div class="col-md-3 tab-con">
                                                <button type="button" name="gift-card-check" id="gift-card-check" class="btn btn-custom pull-left">{{{ trans('main.validate') }}}</button>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-12 text-center" id="gift-card-result"></div>
                                        </div>
                                    </form>
                                </div>
                                @if(isset($user))
                                    <div id="modal-user-category">
                                        <span>{{{ trans('main.you_are_in') }}}</span>
                                        <b>{{{ $user['category']['title'] or '' }}}</b>
                                        <span>{{{ trans('main.group_and') }}}</span>
                                        <b>{{{ $user['category']['off'] or 0 }}}٪</b>
                                        <span> {{{ trans('main.extra_discount') }}}</span>
                                    </div>
                                @endif
                            </div>
{{--                            @if(checkSubscribeSell($product))--}}
{{--                                <div class="modal-body">--}}
{{--                                    <h6 style="font-weight:bold;">You Can Subscribe..... Select Items</h6>--}}
{{--                                    <div class="h-10"></div>--}}
{{--                                    @if($product->price_3 > 0)<a href="/product/subscribe/{!! $product->id !!}/3/credit" p-id="{!! $product->id !!}" s-type="3" class="btn-subscribe btn btn-custom">3 month : {!! currencySign() !!}{!! $product->price_3 or '' !!}</a>@endif--}}
{{--                                    @if($product->price_6 > 0)<a href="/product/subscribe/{!! $product->id !!}/6/credit" p-id="{!! $product->id !!}" s-type="6" class="btn-subscribe btn btn-custom">6 month : {!! currencySign() !!}{!! $product->price_6 or '' !!}</a>@endif--}}
{{--                                    @if($product->price_9 > 0)<a href="/product/subscribe/{!! $product->id !!}/9/credit" p-id="{!! $product->id !!}" s-type="9" class="btn-subscribe btn btn-custom">9 month : {!! currencySign() !!}{!! $product->price_9 or '' !!}</a>@endif--}}
{{--                                    @if($product->price_12 > 0)<a href="/product/subscribe/{!! $product->id !!}/12/credit" p-id="{!! $product->id !!}" s-type="12" class="btn-subscribe btn btn-custom">12 month : {!! currencySign() !!}{!! $product->price_12 or '' !!}</a>@endif--}}
{{--                                </div>--}}
{{--                            @endif--}}
                            <div class="modal-footer">
                                <button type="button" class="btn btn-custom pull-left" data-dismiss="modal">{{{ trans('main.cancel') }}}</button>
                                <a href="javascript:void(0);" class="btn btn-custom pull-left" onclick="makePayment()" id="buyBtn" >{{{ trans('main.purchase') }}}</a>
                                <a href="javascript:void(0);" class="btn btn-custom pull-right" id="btn-address" onclick="$('#postAddress').slideToggle(200);">{{{ trans('main.change_address') }}}</a>
                                <a href="javascript:void(0);" class="btn btn-custom pull-right" onclick="$('#giftCard').slideToggle(200);">{{{ trans('main.have_giftcard') }}}</a>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-md-8 col-xs-12 video-details">
                    @if(!$isPdf)
                    <video id="myDiv" controls>
                        <source src="{{{ $partVideo or $meta['video'] }}}" type="video/mp4"/>
                    </video>
                    @else
                        <div style="height: 400px">
                            <embed src="{{$partVideo}}" width="100%" height="100%" />
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="h-20"></div>
    <div class="container-fluid">
        <div class="row">
            <div class="container">
                <div class="col-md-4 col-xs-12 course_details">
					<div class="col-md-12">
                    <div class="product-user-box">