@extends('theme.master')
@section('title', "$bundle->title")
@section('content')

@section('meta_tags')

@php
$url = URL::current();
@endphp

<meta name="title" content="{{ $bundle['title'] }}">
<meta name="description" content="{{ $bundle['short_detail'] }} ">
<meta name="author" content="elsecolor">
<meta property="og:title" content="{{ $bundle['title'] }} ">
<meta property="og:url" content="{{ $url }}">
<meta property="og:description" content="{{ $bundle['short_detail'] }}">
<meta property="og:image" content="{{ asset('images/bundle/'.$bundle['preview_image']) }}">
<meta itemprop="image" content="{{ asset('images/bundle/'.$bundle['preview_image']) }}">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{{ asset('images/bundle/'.$bundle['preview_image']) }}">
<meta property="twitter:title" content="{{ $bundle['title'] }} ">
<meta property="twitter:description" content="{{ $bundle['short_detail'] }}">
<meta name="twitter:site" content="{{ url()->full() }}" />
<link rel="canonical" href="{{ url()->full() }}" />
<meta name="robots" content="all">
<meta name="keywords" content="{{ $gsetting->meta_data_keyword }}">

@endsection

@include('admin.message')
<!-- course detail header start -->
<section id="about-home" class="about-home-main-block bundle-detail">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 no-gutters">
                <div class="about-home-block text-white">
                    <h1 class="about-home-heading text-white">{{ $bundle['title'] }}</h1>
                    <h4>{!! $bundle->detail !!}</h4>
                    {{-- <p>{{ __('frontstaticword.LastUpdated') }}:
                        {{ date('Y m/d', strtotime($bundle['updated_at'])) }}</p> --}}

                </div>
            </div>
            <!-- course preview -->
            <div class="col-lg-4">


                <div class="about-home-product">
                    <div class="video-item hidden-xs">

                        <div class="video-device">
                            @if ($bundle['preview_image'] !== null && $bundle['preview_image'] !== '')
                            <img src="{{ asset('images/bundle/' . $bundle['preview_image']) }}" class="bg_img img-fluid"
                                alt="Background">
                            @else
                            <img src="{{ Avatar::create($bundle->title)->toBase64() }}" class="bg_img img-fluid"
                                alt="Background">
                            @endif

                        </div>
                    </div>


                    <div class="about-home-dtl-training">
                        <div class="about-home-dtl-block btm-10">
                            @if ($bundle->type == 1)
                            @if ($bundle->is_subscription_enabled == 1)
                            <div class="about-home-rate">
                                <ul>
                                    @php
                                    $currency = App\Currency::first();
                                    @endphp
                                    @if($bundle->discount_price == !null)
                                    @if($gsetting['currency_swipe'] == 1)
                                    <li><i class="{{ $currency['icon'] }}"></i>{{ $bundle['discount_price'] }}/{{
                                        $bundle->billing_interval }}</li>
                                    <li><span><s><i class="{{ $currency->icon }}"></i>{{ $bundle['price'] }}/{{
                                                $bundle->billing_interval }}</s></span></li>
                                    @else
                                    <li>{{ $bundle['discount_price'] }}/{{ $bundle->billing_interval }}<i
                                            class="{{ $currency['icon'] }}"></i></li>
                                    <li><span><s>{{ $bundle['price'] }}/{{ $bundle->billing_interval }}<i
                                                    class="{{ $currency->icon }}"></i></s></span></li>
                                    @endif
                                    @else
                                    @if($gsetting['currency_swipe'] == 1)
                                    <li><i class="{{ $currency['icon'] }}"></i>{{ $bundle['price'] }}/{{
                                        $bundle->billing_interval }}</li>
                                    @else
                                    <li>{{ $bundle['price'] }}/{{ $bundle->billing_interval }}<i
                                            class="{{ $currency['icon'] }}"></i></li>
                                    @endif
                                    @endif

                                </ul>
                            </div>
                            @else
                            <div class="about-home-rate">
                                <ul>
                                    @php
                                    $currency = App\Currency::first();
                                    @endphp
                                    @if ($bundle->discount_price == !null)
                                    @if($gsetting['currency_swipe'] == 1)
                                    <li><i class="{{ $currency['icon'] }}"></i>{{ $bundle['discount_price'] }}</li>
                                    <li><span><s><i class="{{ $currency->icon }}"></i>{{ $bundle['price'] }}</s></span>
                                    </li>
                                    @else
                                    <li>{{ $bundle['discount_price'] }}<i class="{{ $currency['icon'] }}"></i></li>
                                    <li><span><s>{{ $bundle['price'] }}<i class="{{ $currency->icon }}"></i></s></span>
                                    </li>
                                    @endif
                                    @else
                                    @if($gsetting['currency_swipe'] == 1)
                                    <li><i class="{{ $currency['icon'] }}"></i>{{ $bundle['price'] }}</li>
                                    @else
                                    <li>{{ $bundle['price'] }}<i class="{{ $currency['icon'] }}"></i></li>
                                    @endif
                                    @endif

                                </ul>
                            </div>
                            @endif
                            @if (Auth::check())
                            @if (Auth::User()->role == 'admin')
                            <div class="about-home-btn btm-20">
                                <a href="" class="btn btn-secondary" title="course">{{ __('frontstaticword.Purchased')
                                    }}</a>
                            </div>
                            @else


                            @php
                            $order = App\Order::where('user_id', Auth::User()->id)->where('bundle_id',
                            $bundle->id)->first();
                            @endphp



                            @if (!empty($order) && $order->status == 1)

                            <div class="about-home-btn btm-20">
                                <a href="" class="btn btn-secondary" title="course">{{ __('frontstaticword.Purchased')
                                    }}</a>
                            </div>

                            @else
                            @php
                            $cart = App\Cart::where('user_id', Auth::User()->id)->where('bundle_id',
                            $bundle->id)->first();
                            @endphp
                            @if (!empty($cart))
                            <div class="about-home-btn btm-20">
                                <form id="demo-form2" method="post" action="{{ route('remove.item.cart', $cart->id) }}">
                                    {{ csrf_field() }}

                                    <div class="box-footer">
                                        <button type="submit" class="btn btn-primary"><i class="fa fa-shopping-cart"
                                                aria-hidden="true"></i>&nbsp;{{ __('frontstaticword.RemoveFromCart')
                                            }}</button>
                                    </div>
                                </form>
                            </div>
                            @else
                            <div class="about-home-btn btm-20">
                                <form id="demo-form2" method="post" action="{{ route('bundlecart', $bundle->id) }}"
                                    data-parsley-validate class="form-horizontal form-label-left">
                                    {{ csrf_field() }}

                                    <div class="box-footer">
                                        @if ($bundle->is_subscription_enabled == 1)
                                        <button type="submit" class="btn btn-primary"><i class="fa fa-cart-plus"
                                                aria-hidden="true"></i>&nbsp;{{ __('frontstaticword.SubscribeNow')
                                            }}</button>
                                        @else
                                        <button type="submit" class="btn btn-primary"><i class="fa fa-cart-plus"
                                                aria-hidden="true"></i>&nbsp;{{ __('frontstaticword.AddToCart')
                                            }}</button>
                                        @endif
                                    </div>
                                </form>
                            </div>
                            @endif
                            @endif
                            @endif
                            @else
                            <div class="about-home-btn btm-20">
                                @if ($bundle->is_subscription_enabled == 1)
                                <a href="{{ route('login') }}" class="btn btn-primary"><i class="fa fa-cart-plus"
                                        aria-hidden="true"></i>&nbsp;{{ __('frontstaticword.SubscribeNow') }}</a>
                                @else

                                <a href="{{ route('login') }}" class="btn btn-primary"><i class="fa fa-cart-plus"
                                        aria-hidden="true"></i>&nbsp;{{ __('frontstaticword.AddToCart') }}</a>
                                @endif
                            </div>
                            @endif
                            @else
                            <div class="about-home-rate">
                                <ul>
                                    <li>{{ __('frontstaticword.Free') }}</li>
                                </ul>
                            </div>
                            @if (Auth::check())
                            @if (Auth::User()->role == 'admin')
                            <div class="about-home-btn btm-20">
                                <a href="" class="btn btn-secondary" title="course">{{ __('frontstaticword.Purchased')
                                    }}</a>
                            </div>
                            @else
                            @php
                            $enroll = Auth::User()->isUserInSubscription();
                            @endphp
							@if (!$enroll)
								@if( Auth::User()->is_member())
									<div class="about-home-btn btm-20">
										<a id="calcBtn" href="#" class="btn btn-primary enroll-now"
											>主帳號才能購買</a>
									</div>
								@else
									<div class="about-home-btn">
										<a href="{{ url('subscriptions') }}" class="btn btn-primary add-cart-btn"
											title="{{ __('frontstaticword.EnrollNow') }}">{{ __('frontstaticword.EnrollNow')
											}}</a>
									</div>
								@endif
                            @else
                            <div class="about-home-btn btm-20">
                                <a href="#" class="btn btn-secondary" title="Cart">{{ __('frontstaticword.Purchased')
                                    }}</a>
                            </div>
                            @endif
                            @endif
                            @else
                            <div class="about-home-btn btm-20">
                                <a href="{{ route('login') }}" class="btn btn-primary add-cart-btn"
                                    title="{{ __('frontstaticword.EnrollNow') }}">{{ __('frontstaticword.EnrollNow')
                                    }}</a>
                            </div>
                            @endif
                            @endif

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- course header end -->
<!-- course detail start -->
<section id="about-product" class="about-product-main-block">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="requirements pb-0">
                    <h3>{{ __('frontstaticword.Detail') }}</h3>
                </div>
                <div class="content-course-number-block">
                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.Publish') }}
                            </div>
                        </div>
                        <div class="col">
                            <p style="margin-top: 4px; margin-bottom:0">{{ date('Y / m / d',
                                strtotime($bundle['updated_at'])) }}</p>
                        </div>
                    </div>
                    <hr>
                    @if($courseLevel->isNotEmpty())
                    
                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.Bythenumbers') }}</div>
                        </div>
                        
                        <div class="col-lg-8 col-sm-3">
                            <div class="content-course-number strength">
                                @foreach ($courseLevel as $item )
                                    <span class="pr-2">{{ $item->name }}</span>
                                @endforeach
                                @if ($totalCalorie != 0)
                                    <div class="pt-2">
                                        <span>{{$totalCalorie}} 卡洛里</span>
                                    </div>
                                @endif
                            </div>
                        </div>
                        

                    </div>
                    <hr>
                    @endif

                    {{-- 自訂區 --}}

                    @isset ($bundle->interval)

                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">間格天數
                            </div>
                        </div>
                        <div class="col">
                            {{$bundle->interval}} / 天
                        </div>
                    </div>
                    <hr>

                    @endisset

                    @if (($accessories)->isNotEmpty())

                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.Attachment') }}
                            </div>
                        </div>
                        <div class="col">
                            <ul class="attachments">
                                @foreach($accessories as $accessory)
                                    <li class="attachment">{{ $accessory->name }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    <hr>

                    @endif

                    @if (isset($bundle->fit_situation))
                    
                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.Suitable') }}
                            </div>
                        </div>
                        <div class="col">
                            {{ $bundle->fit_situation }}
                        </div>
                    </div>
                    <hr>

                    @endif

                    @if (isset($bundle->unfit_situation))
                    
                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.UnSuitable') }}
                            </div>
                        </div>
                        <div class="col">
                            {{ $bundle->unfit_situation }}
                        </div>
                    </div>
                    <hr>

                    @endif

                    @if (isset($bundle->before_fitness))

                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.BeforePrepare')
                                }}</div>
                        </div>
                        <div class="col">
                            <div class="content-course-number content-course-one">
                                {{ $bundle->before_fitness }}
                            </div>
                        </div>
                    </div>
                    <hr>

                    @endif

                    @if (isset($bundle->body_response))

                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.Response') }}
                            </div>
                        </div>
                        <div class="col">
                            <div class="content-course-number content-course-one">
                                {{ $bundle->body_response }}
                            </div>
                        </div>
                    </div>
                    <hr>

                    @endif

                    @if (isset($bundle->suggest))

                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.Suggest') }}
                            </div>
                        </div>
                        <div class="col">
                            <div class="content-course-number content-course-one">{{ $bundle->suggest }}</div>
                        </div>
                    </div>
                    <hr>
                    
                    @endif

                    @if (isset($bundle->suggest))

                    <div class="row">
                        <div class="col-lg-2 col-sm-4">
                            <div class="content-course-number subtitle">{{ __('frontstaticword.Note') }}
                            </div>
                        </div>
                        <div class="col">
                            <div class="content-course-number content-course-one">{{ $bundle->note }}</div>
                        </div>
                    </div>
                    <hr>

                    @endif

                </div>

                <div class="course-content-block btm-30">
                    <h3 >{{ __('frontstaticword.CoursesInBundle') }}</h3>
                    <!-- FSMS -->

                    <div class="row" style="padding-bottom:10px">
                        <div class="col-lg-8 col-6">
                            {{-- @php
                            // FSMS
                            function convertToHoursMins($time, $format = '%02d:%02d') {
                            if ($time < 1) { return; } $hours=floor($time / 60); $minutes=($time % 60); return
                                sprintf($format, $hours, $minutes); } $courseCount=count( $bundle['course_id'] ) // FSMS
                                @endphp --}} <small class="text-white">&nbsp;{{ $courseCount . " 個課程" }}</small>
                        </div>
                        <div class="col-lg-4 col-6 collapse">
                            <button type="button" onclick="toggleAllSections()" class="btn btn-link courseToggle text-white"><span
                                   ><strong>{{ __( 'frontstaticword.Expandallsections' )
                                        }}</strong></span></button>
                            <button type="button" onclick="toggleAllSections()" class="btn btn-link courseToggle text-white"
                                style="display:none"><span ><strong>{{ __(
                                        'frontstaticword.Collapseallsections' ) }}</strong></span></button>
                        </div>
                    </div>

                    <!-- FSMS -->

                    <div class="faq-block">
                        <div class="faq-dtl">
                            <div id="accordion" class="second-accordion">
                                @foreach ($bundleAndCourses as $course)
                                <div class="card">
                                    <div class="card-header" id="collapseClasses{{ $course->id }}">
                                      <h2 class="mb-0">
                                        <button class="btn btn-link btn-block text-left border-0" type="button" data-toggle="collapse" data-target="#collapse{{ $course->id }}" aria-expanded="true" aria-controls="collapse{{ $course->id }}">
                                            <a class="text-white" style="font-size: 16px">{{
                                            $course->title }}</a>
                                        </button>
                                      </h2>
                                    </div>
                                
                                    <div id="collapse{{ $course->id }}" class="collapse show pb-3" aria-labelledby="collapseClasses{{ $course->id }}" data-parent="#accordionExample">
                                      <div class="card-body px-3 pt-3">
                                        <p class="px-1 m-0">{{ $course->short_detail }}</p>
                                        <a href="{{ route('user.course.show', ['id' => $course->id ]) }}" class="btn hot-link rounded-0 float-right border-1">上課去</a>
                                      </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</section>


<!-- course detail end -->
@endsection


@section('custom-script')
<script>
    // FSMS
        function toggleAllSections() {
            $("div[id*='collapseTwo']").collapse('toggle');
            $(".courseToggle").toggle();
        }
        // FSMS

</script>
@endsection