@extends('layouts.main')
@section('page-title')
    {{ __('Subscription Setting') }}
@endsection
@section('page-breadcrumb')
    {{ __('Subscription Setting') }}
@endsection
@push('css')
    <link rel="stylesheet" href="{{ asset('css/subscription.css') }}">
@endpush
@section('content')
    <div class="row justify-content-center px-0">
        @if (admin_setting('custome_package') == 'on' && admin_setting('plan_package') == 'on')
            <div class="col-12">
                <div class="">
                    <div class="card-body package-card-inner  d-flex align-items-center justify-content-center mb-4">
                        <div class="tab-main-div">
                            <div class="nav-pills">
                                <a class="nav-link active p-2" href="{{ route('active.plans') }}" role="tab"
                                    aria-controls="pills-home"
                                    aria-selected="true">{{ __('Pre-Packaged Subscription') }}</a>
                            </div>
                            <div class="nav-pills">
                                <a class="nav-link  p-2" href="{{ route('plans.index', ['type' => 'subscription']) }}"
                                    role="tab" aria-controls="pills-home"
                                    aria-selected="true">{{ __('Usage Subscription') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if (admin_setting('plan_package') == 'on')
            <div class="plan-package pb-5 px-3">
                <div class="plan-package-title pb-5">
                    <div class="row align-items-end">
                        <div class="col-md-6">
                            <h3>{{ __('Clear And') }} <span>{{ __('Simple Pricing') }}</span></h3>
                            <p>{{ __('Flexible plans for developers, businesses and enterprises alike. We grow as you grow.') }}
                            </p>
                        </div>
                        <div class="col-md-6 text-end">
                            <label class="switch ">
                                <span class="lbl time-monthly text-primary">{{ __('Monthly') }}</span>
                                <input type="checkbox"
                                    {{ isset($session) && !empty($session) && $session['time_period'] == 'Year' ? 'checked' : '' }}
                                    name="time-period" class="plan-period-switch">
                                <span class="slider round"></span>
                                <span class="lbl time-yearly">{{ __('Yearly') }}</span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="plan-package-table">
                    <div id="table-scroll" class="table-scroll">
                        <div class="table-wrap">
                            <!-- basic-plan-card-wrap-scrollbar this class use for scrollbar -->
                            <div
                                class="basic-plan-card-wrap {{ $plan->count() > 3 ? 'basic-plan-card-wrap-scrollbar' : '' }} d-flex">
                                <div class="basic-plan-card compare-card">
                                    <div class="basic-plan text-center mb-4">
                                        <h4>{{ __('Compare our plans') }}</h4>
                                    </div>
                                    <ul class="basic-plan-ul compare-plan-opction p-0 h-100">
                                        @foreach ($modules as $module)
                                            @if (!isset($module->display) || $module->display == true)
                                                <li>
                                                    <a target="_new"
                                                        href="{{ route('software.details', $module->alias) }}">{{ $module->alias }}</a>
                                                </li>
                                            @endif
                                        @endforeach
                                        <div class="compare-btn"></div>
                                    </ul>
                                </div>
                                @foreach ($plan as $single_plan)
                                    @if ($single_plan->status == 1)
                                        @php
                                            $plan_modules = !empty($single_plan->modules) ? explode(',', $single_plan->modules) : [];
                                        @endphp
                                        <div class="basic-plan-card">
                                            <div class="basic-plan text-center mb-4">
                                                <h4 class="text-break">{{ !empty($single_plan->name) ? $single_plan->name : __('Basic') }}
                                                </h4>
                                                <div class="price">
                                                    <ins class="per_month_price">{{ super_currency_format_with_sym($single_plan->package_price_monthly) }}<span
                                                            class="off-type">{{ __('/Per Month') }}</span></ins>
                                                    <ins class="per_year_price d-none">{{ super_currency_format_with_sym($single_plan->package_price_yearly) }}<span
                                                            class="off-type">{{ __('/Per Year') }}</span></ins>
                                                </div>
                                                <ul class="plan-info">
                                                    <li>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="9"
                                                            height="8" viewBox="0 0 9 8" fill="none">
                                                            <path
                                                                d="M8.34762 1.03752C8.18221 0.872095 7.91403 0.872095 7.74858 1.03752L2.67378 6.11237L0.723112 4.1617C0.557699 3.99627 0.289518 3.99629 0.124072 4.1617C-0.0413573 4.32712 -0.0413573 4.5953 0.124072 4.76073L2.37426 7.01088C2.53962 7.1763 2.808 7.17618 2.9733 7.01088L8.34762 1.63656C8.51305 1.47115 8.51303 1.20295 8.34762 1.03752Z"
                                                                fill="#0CAF60" />
                                                        </svg>
                                                        <span>{{ __('Max User :') }}
                                                            <b>{{ $single_plan->number_of_user == -1 ? 'Unlimited' : (!empty($single_plan->number_of_user) ? $single_plan->number_of_user : 'Unlimited') }}</b></span>
                                                    </li>
                                                    <li>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="9"
                                                            height="8" viewBox="0 0 9 8" fill="none">
                                                            <path
                                                                d="M8.34762 1.03752C8.18221 0.872095 7.91403 0.872095 7.74858 1.03752L2.67378 6.11237L0.723112 4.1617C0.557699 3.99627 0.289518 3.99629 0.124072 4.1617C-0.0413573 4.32712 -0.0413573 4.5953 0.124072 4.76073L2.37426 7.01088C2.53962 7.1763 2.808 7.17618 2.9733 7.01088L8.34762 1.63656C8.51305 1.47115 8.51303 1.20295 8.34762 1.03752Z"
                                                                fill="#0CAF60" />
                                                        </svg>
                                                        <span>{{ __('Max Workspace :') }}
                                                            <b>{{ $single_plan->number_of_workspace == -1 ? 'Unlimited' : (!empty($single_plan->number_of_workspace) ? $single_plan->number_of_workspace : 'Unlimited') }}</b></span>
                                                    </li>
                                                    <li>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="9"
                                                            height="8" viewBox="0 0 9 8" fill="none">
                                                            <path
                                                                d="M8.34762 1.03752C8.18221 0.872095 7.91403 0.872095 7.74858 1.03752L2.67378 6.11237L0.723112 4.1617C0.557699 3.99627 0.289518 3.99629 0.124072 4.1617C-0.0413573 4.32712 -0.0413573 4.5953 0.124072 4.76073L2.37426 7.01088C2.53962 7.1763 2.808 7.17618 2.9733 7.01088L8.34762 1.63656C8.51305 1.47115 8.51303 1.20295 8.34762 1.03752Z"
                                                                fill="#0CAF60" />
                                                        </svg>
                                                        <span>{{ __('Free Trial Days :') }}
                                                            <b>{{ !empty($single_plan->trial_days) ? $single_plan->trial_days : 0 }}</b></span>
                                                    </li>
                                                </ul>
                                            </div>
                                            <ul class="basic-plan-ul compare-plan-opction p-0 h-100">
                                                @foreach ($modules as $module)
                                                    @php
                                                        $id = strtolower(preg_replace('/\s+/', '_', $module->name));
                                                    @endphp
                                                    @if (!isset($module->display) || $module->display == true)
                                                        @if (in_array($module->name, $plan_modules))
                                                            <li>
                                                                <a href="#">
                                                                    <img src="{{ asset('images/right.svg') }}">
                                                                </a>
                                                            </li>
                                                        @else
                                                            <li>
                                                                <a href="#">
                                                                    <img src="{{ asset('images/wrong.svg') }}">
                                                                </a>
                                                            </li>
                                                        @endif
                                                    @endif
                                                @endforeach
                                                <li class="plan-btn">
                                                    <div class="d-flex flex-column gap-2">
                                                        @if (\Auth::user()->active_plan == $single_plan->id)
                                                            @if (\Auth::user()->plan_expire_date || \Auth::user()->trial_expire_date)
                                                                @if (\Auth::user()->plan_expire_date > \Auth::user()->trial_expire_date)
                                                                    <span>{{ __('Plan Expired : ') }}
                                                                        {{ !empty(\Auth::user()->plan_expire_date) ? company_date_formate(\Auth::user()->plan_expire_date) : date('Y-m-d') }}
                                                                    </span>
                                                                    <span>{{ __('Total Users : ') }}
                                                                            {{ !empty(\Auth::user()->total_user) ? \Auth::user()->total_user : '' }}
                                                                    </span>
                                                                    <span>{{ __('Total Workspace : ') }}
                                                                        {{ !empty(\Auth::user()->total_workspace) ? \Auth::user()->total_workspace : '' }}
                                                                    </span>
                                                                @else
                                                                    <span> {{ __('Trial Expires on : ') }}
                                                                        {{ !empty(\Auth::user()->trial_expire_date) ? company_date_formate(\Auth::user()->trial_expire_date) : date('Y-m-d') }}</span>
                                                                    <a href="{{ route('plan.buy', \Illuminate\Support\Facades\Crypt::encrypt($single_plan->id)) }}"
                                                                        class="btn btn-primary">{{ __('Subscription') }}</a>
                                                                @endif
                                                            @endif
                                                        @else
                                                            <a href="{{ route('plan.buy', \Illuminate\Support\Facades\Crypt::encrypt($single_plan->id)) }}"
                                                                class="btn btn-primary">{{ __('Subscription') }}</a>

                                                            @if ($single_plan->trial == 1 && $single_plan->is_free_plan != 1 && \Auth::user()->is_trial_done == false)
                                                                <a href="{{ route('plan.trial', \Illuminate\Support\Facades\Crypt::encrypt($single_plan->id)) }}"
                                                                    class="btn btn-outline-dark">{{ __('Start Free Trial') }}</a>
                                                            @endif
                                                        @endif
                                                    </div>

                                                </li>
                                            </ul>
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection
@push('scripts')
    <script>
        $(document).on("click", ".plan-period-switch", function() {
            if ($('.plan-period-switch').prop('checked') == true) {
                $(".per_year_price").removeClass("d-none");
                $(".per_month_price").addClass("d-none");
            } else {
                $(".per_month_price").removeClass("d-none");
                $(".per_year_price").addClass("d-none");
            }
        });
    </script>
@endpush