@extends('theme.master')
@section('title', 'Cart')
@section('content')
@include('admin.message')

<section id="wishlist-home" class="wishlist-home-main-block">
    <div class="container">
        <h1 class="wishlist-home-heading text-white">{{ __('frontstaticword.Choice')  . __('frontstaticword.SubscriptionPlan') }}</h1>
    </div>
</section> 
<section id="cart-block" class="cart-main-block cart-main-block-fix">
	<div class="container">
        {{-- <h2 class="main-color">{{ __( 'frontstaticword.WebsiteTitle' ) . __( 'frontstaticword.SubscribeMember' ) }}</h2> --}}
		<div class="cart-items btm-30">
    @if( $subscriptions )
        <form method="POST" action="{{ $plusStatus ? route( 'checkout.pluschannel' ) : route('checkout.goCheckout') }}" id="subscriptions_form">
            {{ csrf_field() }}
            <div class="description row">
                <div class="left col-xl-6 col-lg-6 col-md-12">
                    <img class="subscription_image" src="{{ gc_asset( 'images/subscription_plan/card.png') }}">
                </div>
                <div class="right col-xl-6 col-lg-6 col-md-12 textcenter">
                    {{ __('frontstaticword.TextShopping') }}
                </div>
            </div>
            <ul id="subscription_list">
                @auth
                    @if ( !Auth::User()->first_purchase && $gsetting->first_purchase_days > 0 )
                        <li class="subscribe-notice mb-4" >
                            <div class="col-md-12 subscribe-event" style="background-image: url({{ gc_asset('/images/bg/first_time_subscribing_desktop_background.png') }});">
                                <p class="event-title">首次訂閱享<span>{{ $gsetting->first_purchase_days }}天免費</span></p>
                                <div class="event-content">
                                    BEING運動影音頻道「首次訂閱可享首{{ $gsetting->first_purchase_days }}天免費體驗活動」，
                                    <br>
                                    體驗BEING為你規劃的專業課程及訓練回饋。 
                                    <br>
                                    (一帳號謹享有乙次首次免費體驗機會)
                                </div>
                            </div>
                        </li>
                    @endif
                @endauth
            @if ($subscriptions->count())
                @foreach( $subscriptions as $subscription )
                    <li>
                        <input data-image="{{ asset( 'images/subscription_plan/' ) . '/' . $subscription->image }}" type="radio" id="subscription_{{ $subscription->id }}" name="subscription_id" value="{{ $subscription->id }}" {{ $subscription->id == $selected_subscription_id ? 'checked' : ''}}>
                        <label for="subscription_{{ $subscription->id }}">
                        <div class="left info">
                            <div class="up">
                                {{ $subscription->name }}
                            </div>
                            <div class="down">
                                {{ $subscription->description }}
                            </div>
                        </div>
                        <div class="right price">
                            @if( ! empty( $subscription->offer_price ) && ! empty( $subscription->price ) ) 
                                <del>{{ gc_format_price( $subscription->price ) }}</del>
                                <ins>{{ gc_format_price( $subscription->offer_price ) }}</ins>
                            @elseif( empty( $subscription->offer_price ) && ! empty( $subscription->price ) )
                                <span>{{ gc_format_price( $subscription->price ) }}</span>
                            @elseif( ! empty( $subscription->offer_price ) && empty( $subscription->price ) )
                            <span>{{ gc_format_price( $subscription->offer_price ) }}</span>
                            @endif
                        </div>
                        </label>
                    </li>
                @endforeach
                <li class="subscribe-hint">{{ __( 'frontstaticword.SubscriptionFooterWord' ) }}</li>
                <li class="checkout-buttons">
                    <input type="button" id="goback" class="left-button" value="上一步">
                    <input type="submit" class="right-button" value="下一步">
                </li>
            @else
                <li class="subscribe-hint">{{ __( 'frontstaticword.SubscriptionEmpty' ) }}</li>
            @endif
            
            </ul>
        </form>
    @else
        <p class="empty subscriptions">網站目前沒有提供任何訂閱方案。</p>
    @endif
        </div>
    </div>
</section>
@endsection
 
@section('custom-script')
<script>
    jQuery(document).ready(function($){
        if( $('input[name=payment]').length > 0 ){
            let selected = $('input[name=payment]:checked');
            if( selected.length == 0 ){
                selected = $('input[name=payment]').first();
            }
            $('.description img').attr('src', selected.data('image'));
        }
        $(document).on('change','input[name=payment]',function(){
            $('.description img').attr('src', $(this).data('image'));
        });


    });
</script>
@endsection