@php
use App\Libraries\DateTime;
@endphp
@foreach($creatorPlans as $cp)
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
    <div class="member-ship-ofer-wrap">
        <div class="member-ship-offer-inne">
            <div class="head text-center">
                <h5>
                    {{$cp['title']}}
                </h5>
                <p>
                    {!! nl2br($cp['description']) !!} 
                </p>
                <h4>
                <i>{{$cp['currency']}}</i><span>{{$cp['price']}}</span>/{{$cp['days']}} days
                @if(isset($creatorAbout) && $creatorAbout->plan_type == "customize_categories")
                <small>{{ $cp['hours'] ? '/'.DateTime::secondsToTime($cp['hours']).' Hours' : ""  }}</small>
                @endif
                </h4>
            </div>
            <div class="offer-detail">
                <h4 class="mb-3">Features</h4>
                <ul>
                    @php
                    $features = isset($cp['features']) && $cp['features'] && General::isJson($cp['features']) ? json_decode($cp['features']) : [];
                    @endphp
                    <li>
                        <div class="left">
                            <i class="fal fa-{{ isset($features) && isset($features->all_audios_videos) && $features->all_audios_videos == 1 ? 'check' : "times" }}"></i> 
                        </div>
                        <div class="right">
                            <p>Access of all the audios and videos which have been uploaded.</p>
                        </div>                            
                    </li>
                    <li>
                        <div class="left">
                            <i class="fal fa-{{ isset($features) && isset($features->audio_next) && $features->audio_next == 1 ? 'check' : "times" }}"></i> 
                        </div>
                        <div class="right">
                            <p>Access to all the upcoming lectures which will be uploaded till your plan expires.</p>
                        </div>
                    </li>
                    {{-- <li>
                        <div class="left">
                            <i class="fal fa-{{ isset($features) && isset($features->social_media) && $features->social_media == 1 ? 'check' : "times" }}"></i> 
                        </div>
                        <div class="right">
                            <p>Social media follows ( You follow us, we'll follow you).</p>
                        </div>
                    </li> --}}
                    <li>
                        <div class="left">
                            <i class="fal fa-{{ isset($features) && isset($features->participate) && $features->participate == 1 ? 'check' : "times" }}"></i> 
                        </div>
                        <div class="right">
                            <p>Participate section will be unlocked for you.</p>
                        </div>
                    </li>
                     <li>
                        <div class="left">
                            <i class="fal fa-{{ isset($features) && isset($features->get_in_touch) && $features->get_in_touch == 1 ? 'check' : "times" }}"></i> 
                        </div>
                        <div class="right">
                            <p>Get in touch section will be unlocked for you.</p>
                        </div>
                    </li>
                    {{-- <li>
                         <div class="left">
                            <i class="fal fa-{{ isset($features) && isset($features->topics_suggest) && $features->topics_suggest == 1 ? 'check' : "times" }}"></i> 
                        </div>
                        <div class="right">
                            <p>The faculty will give priority to the topics you will suggest.</p>
                        </div>
                    </li> --}}
                </ul>
            </div>
            @if($id != $cp['user_id'])
            <div class="chhose-bt">
                @if($cp['id'] == $purchasedPlanId)
                    <a href="javascript:;" class="btn btn-primary w-100">Activated</a>
                @else
                    <a href="{{route('purchases.plan', ['id' => General::encrypt($cp['id']) ])}}" class="btn btn-primary-2 w-100">Chooose Plan</a>
                @endif
            </div>
            @endif
        </div>
    </div>
</div>
@endforeach