CORE_V5 // onboarding

PATH: home / rwabteecom / project_11 / resources / views / web / onboarding /

Editing: plans.blade.php

@extends('web.layouts.base')

@section('body')
<section class="plans-page">
    <div class="container text-center">
        <div class="d-flex justify-content-end py-3">
            <a href="{{route('dashboard.onboarding')}}?skip=1" class="lang-link p-3">
                {{__("Skip")}}
                <i class="bi bi-chevron-left ms-2"></i>
            </a>
        </div>
        <div class="text-center pt-5 pb-3 plans-top">
            <h1 class="plans-title mb-4"> {{ __('Choose your plan') }}</h1>
        </div>
        <div class="row row-cols-1 row-cols-lg-3 mb-4">
            @foreach ($plans as $plan)
            <div class="col text-center p-2 mt-5">
                <div class="plan_card @if($plan->recommend) special @endif d-flex flex-column p-4 h-100">
                    @if($plan->recommend)
                    <p class="recommand-text mb-0 mx-auto">{{ __('Recommended') }}</p>
                    @endif
                    <p class="plan-name mx-auto mb-3">
                        {{$plan->title}}
                    </p>
                    <p class="small mb-3">{{$plan->description}}</p>
                    @if ($plan->price > 0)
                            <div class="price-con d-flex align-items-end justify-content-center">
                                <p class="mb-0">{{ __('SAR') }}</p>
                                <h1 class="mb-0">{{$plan->price}}</h1>
                                <span class="mb-0">{{ __('/Mon') }}</span>
                            </div>
                        @else
                        <div class="price-con d-flex align-items-end justify-content-center">
                            <h1 class="mb-0">{{__("Free Plan")}}</h1>
                        </div>
                    @endif
                    <div class="h-100 d-flex flex-column align-items-between justify-content-between">
                        <ul class="plan-options text-start mt-2 pt-3">
                          @foreach ($features as $feature)
                          <li class="my-3"><span class="me-3">
                                  <svg width="14" height="14" viewBox="0 0 14 14" fill="none"
                                      xmlns="http://www.w3.org/2000/svg">
                                      <path d="M11.8125 3.93774L5.6875 10.0625L2.625 7.00024" stroke="#FF8A2D"
                                          stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                  </svg>
                              </span>
                              {{$feature->title}}
                          </li>
                          @endforeach

</ul>
                        @if(auth()->user()?->currentPlan?->plan_id == $plan?->id)
                        <a  class="choose-plan mt-3">{{ __('Selected') }} </a>
                        @else
                        <a href="{{route('dashboard.subscribe.subscribe.store',['plan_id'=>$plan])}}&boarding=1" class="choose-plan mt-3">{{ __('Subscribe Now') }} <svg xmlns="http://www.w3.org/2000/svg"
                                class="ms-2" width="16" height="16" fill="currentColor" class="bi bi-arrow-right"
                                viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
                            </svg></a>
                        @endif
                    </div>
                </div>
            </div>
            @endforeach
            
        </div>
        <div class="d-flex align-items-center justify-content-center support-sec py-4 my-4">
            <p class="mb-0 me-4">{{ __('Having troubles ?') }}</p>
            <a href="https://wa.me/{{gs('whatsapp_phone')}}" target="_blank">
                <svg width="20" height="20" class="me-2"  viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.04 -1.46553e-06C4.58005 -1.46553e-06 0.130049 4.45 0.130049 9.91C0.130049 11.66 0.590049 13.36 1.45005 14.86L0.0500488 20L5.30005 18.62C6.75005 19.41 8.38005 19.83 10.04 19.83C15.5 19.83 19.9501 15.38 19.9501 9.92C19.9501 7.27 18.92 4.78 17.05 2.91C16.1332 1.98392 15.0412 1.24967 13.8377 0.75005C12.6341 0.250433 11.3432 -0.00454115 10.04 -1.46553e-06ZM10.05 1.67C12.25 1.67 14.31 2.53 15.87 4.09C16.6357 4.85535 17.2426 5.76432 17.6562 6.76476C18.0698 7.7652 18.2818 8.83745 18.2801 9.92C18.2801 14.46 14.58 18.15 10.04 18.15C8.56005 18.15 7.11005 17.76 5.85005 17L5.55005 16.83L2.43005 17.65L3.26005 14.61L3.06005 14.29C2.23399 12.9787 1.79706 11.4598 1.80005 9.91C1.81005 5.37 5.50005 1.67 10.05 1.67ZM6.53005 5.33C6.37005 5.33 6.10005 5.39 5.87005 5.64C5.65005 5.89 5.00005 6.5 5.00005 7.71C5.00005 8.93 5.89005 10.1 6.00005 10.27C6.14005 10.44 7.76005 12.94 10.25 14C10.84 14.27 11.3 14.42 11.66 14.53C12.25 14.72 12.79 14.69 13.22 14.63C13.7 14.56 14.68 14.03 14.89 13.45C15.1 12.87 15.1 12.38 15.04 12.27C14.97 12.17 14.81 12.11 14.56 12C14.31 11.86 13.09 11.26 12.87 11.18C12.64 11.1 12.5 11.06 12.31 11.3C12.15 11.55 11.67 12.11 11.53 12.27C11.38 12.44 11.24 12.46 11 12.34C10.74 12.21 9.94005 11.95 9.00005 11.11C8.26005 10.45 7.77005 9.64 7.62005 9.39C7.50005 9.15 7.61005 9 7.73005 8.89C7.84005 8.78 8.00005 8.6 8.10005 8.45C8.23005 8.31 8.27005 8.2 8.35005 8.04C8.43005 7.87 8.39005 7.73 8.33005 7.61C8.27005 7.5 7.77005 6.26 7.56005 5.77C7.36005 5.29 7.16005 5.35 7.00005 5.34C6.86005 5.34 6.70005 5.33 6.53005 5.33Z"/>
                    </svg>
                {{ __('Contact support') }}</a>
        </div>
    </div>
</section>
@endsection

CANCEL