@extends('frontend.layouts.app')
@php
$title = $top_sellers->title ?? "Knewton Plans";
@endphp
@section('title', $title)
@push('script')
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
@endpush
@push('style')
<style>
.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
section#task-container {
    padding: initial;
}
#task-container li {
    width: 100% !important;
}
#task-container li.complete p {
    text-decoration: initial !important;
}
#task-container li.complete {
    opacity: 1;
    border-top: 5px solid #139e1c !important;
    transition: all ease-in 0.3s;
}
#task-container li.complete:before {
    background: url("{{asset('themes/default/images/tickmark.png')}}") no-repeat !important;
    background-size: 100% !important;
}
</style>
<link rel="stylesheet" href="{{asset('assets/css/pages/pages.css')}}">
@endpush
@section('content')
@include('frontend.common.header')
<section class="page-title">
    <h2 class="text-capitalize">{{$title}}</h2>
</section>
<section>
    <div class="container">
	@if(request()->get('screen')=="full")
		<div class="row">
			<div class="col-12">
				<a class="btn btn-primary pull-right text-capitalize" style="float:right;width: auto;" href="{{ url()->previous() }}">Back</a>
			</div>
		</div>
	@endif
        <div class="row">
		@php
			$div_full = "col-12";
			$div_card = "col-lg-4 col-md-4";
		@endphp
			@if(request()->get('screen')!="full")
				@php
					$div_full = "col-lg-9 col-md-8";
					$div_card = "col-lg-6 col-md-6";
				@endphp
			@endif
            
            <div class="{{$div_full}}">
                <div class="row" id="allcardequalhight">
                <h3 class="mb-3">Plan Description: </h3>
                    <p class="mb-4"> {!! $top_sellers->description !!} </p>
                </div>
            
            	<div class="mt-4 text-center">
                        @if (is_student_master())
                            @if (is_null($top_sellers->payment) && ($purchased_package_count >= 1))
                                <button class="btn btn-success rounded-pill mb-2 disabled">
                                    <i class="fas fa-cart-arrow-down" aria-hidden="true"></i>  Already subscribed with another package
                                </button>
                                @php
                                    $itemId = request()->type . '-' . $top_sellers->id;
                                    $top_sellers['model'] = 'package';
                                @endphp
                           
                            @elseif(is_null($top_sellers->payment))
                            <button type="button" id="btn-payment-{{$top_sellers->id}}" class="btn btn-success rounded-pill mb-2" >
                                    <i class="fas" aria-hidden="true"></i>  Buy Now
                                </button>

                            @else
                            <button class="btn btn-success rounded-pill mb-2 disabled">
                                <i class="fas fa-cart-arrow-down" aria-hidden="true"></i>  Paid
                            </button>
                            @endif
                            @php
                                $top_sellers->model = 'package';
                                @endphp
                                @push('script')
                                            @include('student.payment.script-payment-multi', [
                                                'data' => $top_sellers,
                                                'url' => route('fe.student.paymentPackage', [$top_sellers->id, 'package']),
                                                'urlCart' => route('fe.student.cart.add', [$top_sellers->id, 'package']),
                                            ])
                                @endpush
                        @else
                        <a href="{{route('fe.login')}}" class="btn btn-success rounded-pill mb-2">
                                <i class="fas fa-cart-arrow-down" aria-hidden="true"></i>  Buy Now
                            </a>
                        @endif
                    </div>
				</div>
				<div class="col-md-3">
				@include('frontend.common.right-side-menu')
			</div> 
            {{-- <div class="col-lg-3 col-md-4">
                                <div class="card">
                                    <div class="card-header">
                                        <h5>Subscription Plans:</h5>
                                    </div>
                                    @php 
                        $plans = json_decode($top_sellers->subscription_plan,true);
                        
                    @endphp 
                            <div class="card-body">
                            <section class="mt-2" id="task-container">
                            <ul id="task-list">
                                @if(count($plans) > 0)
         
                                    @foreach($plans as $key => $value)
                                    @php 
                                        if($value['offer_type_'.$key] == 1)
                                            $discount = ($value['discount_'.$key] / 100) * $value['cost_price_'.$key];
                                        else
                                            $discount = ($value['cost_price_'.$key] - $value['discount_'.$key]);
                                    @endphp
                                        <li data-amount="{{ $value['cost_price_'.$key] - $discount }}" data-validity="{{$value['days_'.$key]}}">
                                            <h5>{{ $value['plan_name_'.$key] }}</h5>
                                            <p>Cost Price : <s>₹{{ $value['cost_price_'.$key] }}</s></p>

                                            <p>Discount Price : ₹{{ $value['cost_price_'.$key] - $discount }}</p>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                                <div class="text-center">
                                @if (is_student_master())
                                    @if (!check_student_paid($top_sellers->id, 'package'))
                                        <button type="button" id="btn-payment-{{$top_sellers->id}}" class="btn btn-success rounded-pill mb-2">
                                            <i class="fas" aria-hidden="true"></i>  Buy Now
                                        </button>
                                        @php
                                            $itemId = 'package' . '-' . $top_sellers->id;
                                            $top_sellers->model = 'package';
                                        @endphp

                                        @if (empty(Cart::session(user()->id)->get($top_sellers->id)))
                                        <button type="button" id="btn-add-cart-{{$top_sellers->id}}" class="btn btn-success rounded-pill mb-2">
                                            <i class="fas fa-cart-arrow-down" aria-hidden="true"></i>  Add to Cart
                                        </button>
                                        @endif
                                        @push('script')
                                        @include('student.payment.script-payment-multi', [
                                            'data' => $top_sellers,
                                            'url' => route('fe.student.paymentPackage', [$top_sellers->id, 'package']),
                                            'urlCart' => route('fe.student.cart.add', [$top_sellers->id, 'package']),
                                        ])
                                        @endpush
                                    @else
                                        <a href="#" 
                                            class="btn btn-success rounded-pill disabled mb-2">Paid
                                        </a>
                                    @endif
                                @else
                        <button type="button" id="btn-payment-{{$top_sellers->id}}" class="btn btn-success rounded-pill mb-2">
                                    <i class="fas" aria-hidden="true"></i>  Buy Now
                                </button>
                                @endif
                            </div>
                        </section>
                    </div>
                </div> --}}
            </div>
        </div>
    </div>
</section>
@include('frontend.block.subscribe')
@endsection
@push("script")
<script>
	var setMinHeight = function(minheight = 0) {
	  $('#allcardequalhight').each(function(i,e){
		var oldminheight = minheight;
		$(e).find('.text').each(function(i,e){
		  minheight = $(e).height() > minheight ? $(e).height() : minheight;    
		console.log(minheight);
		});
		$('#allcardequalhight').find('.card-body .text').css("min-height",minheight + "px");
		minheight = oldminheight;
	  });
	};

setMinHeight();
$(document).on('click', '#task-container li', function() {
	$("#task-container li").removeClass("complete");
    $(this).toggleClass('complete');
}); 
</script>
<script src="{{asset('assets/js/vendor-all.min.js')}}"></script>
<script src="{{asset('assets/plugins/bootstrap/js/bootstrap.min.js')}}"></script>
@endpush