@php
use App\Models\Admin\CreatorVideoCategories;
use App\Libraries\DateTime;
@endphp
@foreach($listing as $l)
<div class="col-xxl-4 col-xl-4 col-lg-6 col-md-12 col-sm-6 col-12">
    <div class="member-ship-ofer-wrap">
        <div class="member-ship-offer-inne">
            <div class="inner_box">
                <div class="date text-center">
                    Purchase {{ $l['last_renewed'] ? date('d M, Y',strtotime($l['last_renewed'])) : date('d M, Y',strtotime($l['created']))}}
                </div>
                <div class="name text-center">
                    {{$l['creator_page_name']}}
                </div>
            </div>
            <div class="head text-center">
                <span>
                    {{$l['title']}}
                @if($l['expiry_date'] >= date('Y-m-d'))
                    <a href="{{route('creators.public.about', ['username' => $l['creator_username']])}}" class="btn bg-success">Active</a>
                @else
                    <a href="{{route('purchases.plan', ['id' => General::encrypt($l['plan_id']) ] ) }}" class="btn bg-danger">Expired</a>
                @endif

                </span>
                <p>
                {!! Str::limit(nl2br($l['description']),100) !!} 
                </p>                
                <h4>
                <i class="fas fa-rupee-sign "></i><span>{{$l['price']}}</span>/{{$l['days']}} days
                @if($l['plan_type'] == 'customize_categories' && $l['hours'])
                <small>/{{ DateTime::secondsToTime($l['hours']) }} hours</small>
                @endif
                <br>
                <p class="text-danger">Expire on {{date('d M, Y',strtotime($l['expiry_date']))}}
                    @if($l['expiry_date'] < date('Y-m-d'))
                    <span>
                        <a href="{{route('purchases.plan', ['id' => General::encrypt($l['plan_id']) ] ) }}" class="btn btn-primary">Renew</a>
                    </span>
                    @endif
                </p>
                </h4>
            </div>
            <div class="offer-detail">
                <h4 class="mb-3">Features</h4>
                <ul>
                    @php
                    $features = isset($l['features']) && $l['features'] && General::isJson($l['features']) ? json_decode($l['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>
                @php
                $categories = $l['categories'] ? json_decode($l['categories'],true) : [];
                @endphp
                @if($categories)
                    <h4 class="mb-3">Categories</h4>
                    <ul>
                        @foreach($categories as $key => $c)
                        @php
                          $category = CreatorVideoCategories::get($c);
                          
                          $categoryTitle = $category ? $category->title : "";
                          $categoryLink = $category ? $category->link : "";
                        @endphp
                        @if($categoryTitle)
                        <li style="display: inline-block;">
                            <div class="left">
                                <i class="fal fa-check"></i> 
                            </div>
                            <div class="right">
                            <p>{{ $categoryTitle }} 
                                @if($categoryLink)
                                <a href="{{ $categoryLink }}" target="_blank"><i class="fas fa-long-arrow-right ps-1" onMouseOver="this.style.color='blue'"
                                    onMouseOut="this.style.color='#575c3a'" style="color:#575c3a; font-size:16px;"></i></a>
                                @endif
                            </p>
                        </div>                            
                        </li>
                        @endif
                        @endforeach
                    </ul>
                @endif
            </div>
        </div>
    </div>
</div>
@endforeach