@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('packages::package.available subscription plan'))

@section('content')
 <section id="plan-container">
     <div class="container-fluid breadcrumb-wraper">
         <ul class="breadcrumb">
             <li><a href="{{ route('dashboard')}}" class="active bread-link">
                     <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('packages::package.home') }}</a></li>
             <li>
                 <a href="{{ route('system-management') }}" class="bread-link">
                     {{ __('packages::package.subscription') }}
                 </a>
             </li>
             <li> {{ __('packages::package.plans') }}</li>
         </ul>
     </div>

     <div class="alert-wrapper">
        <ul class="bn-list-wrap">
            <li class="item">
                <p class="text">{{ __('packages::package.sub_note_one') }}</p>
            </li>
            <li class="item">
                <p class="text">{{ __('packages::package.sub_note_two') }}</p>
            </li>
            <li class="item">
                <p class="text">{{ __('packages::package.sub_note_three') }}</p>
            </li>
            <li class="item">
                <p class="text">{{ __('packages::package.sub_note_four') }}</p>
            </li>
            <li class="item">
                <p class="text">{{ __('packages::package.sub_note_five') }}</p>
            </li>
        </ul>
     </div>
     <div class="plan-toggle-btn-wrapper">
      <div class="wrapper">
          <button class="btn toggle-plan-btn active" data-value="monthly" type="button">{{ __('packages::package.monthly') }}</button>
          <button class="btn toggle-plan-btn" data-value="quarterly" type="button">{{ __('packages::package.quarterly') }}</button>
          <button class="btn toggle-plan-btn" data-value="yearly" type="button">{{ __('packages::package.yearly') }}</button>
      </div>
     </div>
     <div class="pl-content-wrapper">
        @includeIf('package::plans')
     </div>
 </section>
@stop
@section('javascript')
   <script src="{{ asset('vendor/packages/js/filter_plan.js') }}"></script>
    @stop