@extends('frontLayout.frontlayout')
@section('content')
@php
use App\Libraries\DateTime;
@endphp
<section class="creator_wrap">
    <div class="become-cretor-wrap">
        <div class="container">
            <div class="row">
               <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
               		<div class="info">
	                    <div class="member_shi_inner_wrap">
	                       <div class="row justify-content-center">
								<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
	                                <div class="member-ship-ofer-wrap">
	                                    <div class="member-ship-offer-inne">
	                                         <div class="head text-center">
	                                         	<h3 class="mb-3">Complete your payment to {{$creator->page_name}}</h3>
                                                <h5>
                                                    {{$plan['title']}}
                                                </h5>
                                                <p>
                                                    {{$plan['description']}}
                                                </p>
                                                <h4 class="price_days">
                                                <i>{{$plan['currency']}}</i><span>{{$plan['price']}}</span>/{{$plan['days']}} days
                                                @if(isset($userAbout) && $userAbout->plan_type == "customize_categories")
                                                <small>{{ $plan['hours'] ? '/'.DateTime::secondsToTime($plan['hours']).' Hours' : ""  }}</small>
                                                @endif
                                                </h4>
                                                @if(isset($userAbout) && isset($userAbout->plan_type) && $userAbout->plan_type == 'customize_categories')
                                                <small class="add_days" style="cursor: pointer;" data-url={{ route('add.days',['id' => General::encrypt($plan['id']) ]) }}><b><u>Add more days</u></b></small>
                                                @endif
                                                <div class="back-drop">
                                                    <a href="{{route('creators.public.plans', ['username' => $creator->username ])}}">
                                                        <i class="fal fa-long-arrow-left"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="offer-detail">
                                                <h4 class="mb-3">Features</h4>
                                                <ul>
                                                    @php
                                                    $features = isset($plan['features']) && $plan['features'] && General::isJson($plan['features']) ? json_decode($plan['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>
                                            <input type="hidden" name="id" id="charge_id" value="{{ General::encrypt($plan['id']) }}">
                                            <input type="hidden" name="days" id="days" value="{{ General::encrypt($plan['days']) }}">
                                            <input type="hidden" name="price" id="price" value="{{ General::encrypt($plan['price']) }}">
                                            <input type="hidden" name="hours" id="hours" value="{{ General::encrypt($plan['hours']) }}">
                                            <input type="hidden" name="plan_type" id="plan_type" value="{{isset($userAbout) && $userAbout->plan_type == "customize_categories" ?  "customize_categories" : "standard"}}">
                                            @if(isset($userAbout->plan_type) && $userAbout->plan_type == 'customize_categories' && isset($selectedCategories) && $selectedCategories  && $selectedCategories->toArray())
                                            <div class="offer-detail categories" data-url={{ route('validate.hours',['id' => General::encrypt($plan['id']) ]) }}>
                                                <h4 class="mb-3">Choose Your Topic</h4>
                                                <div class="select_category">
                                                    @foreach($selectedCategories as $key => $s)
                                                    <div class="custom-control custom-checkbox">

                                                        <input type="checkbox" class="custom-control-input" id="{{ $s->slug }}" name="categories[]" value="{{ $s->id }}">
                                                        <label class="custom-control-label match_height_txt" for="{{ $s->slug }}">
                                                            <div class="content_area">
                                                                <div class="inner_check">
                                                                    <div class="left">
                                                                        <p>{{ $s->title }}</p>
                                                                    </div>
                                                                    <div class="right">
                                                                        <p>{{ $s->time ? DateTime::secondsToTime($s->time).' Hours' : "" }}</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </label>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                            @endif
	                                        <div class="chhose-bt">
                                                <a href="javascript:;" class="btn btn-primary-2 w-100 pay_with_razorpay" data-url="{{route('charge.plan', ['id' => General::encrypt($plan['id']) ])}}">Pay {{$plan['currency']}}<span>{{$plan['price']}}</span></a>
	                                        </div>
	                                    </div>
	                                </div>
	                            </div>
							</div>
	                   </div>
	               	</div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Add days ==== -->
<div class="modal el_modal uploadFile fade" id="add-days" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
        </div>
    </div>
</div>
@endsection