@if (sizeof($availableAddons['app_services']) > 0)
    @foreach ($availableAddons['app_services'] as $category)
        @if (sizeof($category['addons']) > 0)
            <h3>{{ managerRtl() == true ? $category['title_ar'] : $category['title_en'] }}</h3>
            <br>
            <div class="row">
                @foreach ($category['addons'] as $addon)

                    <div class="col-md-3 col-12 col-xl-3">
                        <div class="box box-link-pop text-center"
                            style="box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);border: 1px solid #fb763d;">
                            <div class="box-body">
                                <div class="row" style="height: 50px;">
                                    <div class="col-md-3 text-center">
                                        <img style="width: 50px"
                                            src="{{ getExternalRouts()['mangerRout'] }}{{ $addon['image'] }}"
                                            alt="">
                                    </div>
                                    <div class="col-md-9" style="text-align: initial">
                                        <h4>{{ managerRtl() == true ? $addon['title_ar'] : $addon['title_en'] }}</h4>
                                    </div>
                                </div>
                                <br>
                                <div style="height: 100px;">
                                    <p>
                                        {{ managerRtl() == true ? $addon['description_ar'] : $addon['description_en'] }}
                                    </p>
                                </div>
                                <hr>
                                <div class="row footer-buttons">
                                    <div class="col-md-6" style="text-align: initial">
                                        @if ($addon['price'] == 0)
                                            <span>{{ translate('Available free') }}</span>
                                        @else
                                            <span>
                                                <span>
                                                    {{ $addon['price'] * Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['exchange_rate'] }}
                                                    {{ managerRtl() == true ? Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['symbol_ar'] : Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['symbol_en'] }}
                                                </span>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="col-md-6" style="text-align: end">
                                        @if ($addon['price'] == 0)
                                            <div class="col-md-6" style="text-align: end">
                                                @if (\App\Addon::where('type', $addon['active_key'])->first()->value == 1)
                                                    <a href="{{ route($addon['route']) }}"
                                                        class="btn btn-rounded btn-dark mb-5 padding-label-dashbord"
                                                        style="background-color: green">
                                                        {{ translate('Enabled') }}
                                                    </a>
                                                @else
                                                    <a href="{{ route($addon['route']) }}"
                                                        class="btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg">
                                                        {{ translate('Enable') }}
                                                    </a>
                                                @endif
                                            </div>
                                        @else
                                            @if ($addon['payment_type'] == 'one_time')
                                                @if (\App\Addon::where('type', $addon['purchase_date_key'])->first()->value != null)
                                                    <div class="col-md-6" style="text-align: end">
                                                        @if (\App\Addon::where('type', $addon['active_key'])->first()->value == 1)
                                                            <a href="{{ route($addon['route']) }}"
                                                                class="btn btn-rounded btn-dark mb-5 padding-label-dashbord"
                                                                style="background-color: green">
                                                                {{ translate('Enabled') }}
                                                            </a>
                                                        @else
                                                            <a href="{{ route($addon['route']) }}"
                                                                class="btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg">
                                                                {{ translate('Enable') }}
                                                            </a>
                                                        @endif
                                                    </div>
                                                @else
                                                    <a href="#" style="background-color: #fb763d"
                                                        class="btn btn-rounded btn-dark padding-label-dashbord  template-buttons"
                                                        onclick="addToCart({{ $addon['id'] }},'addon')">{{ translate('Add to cart') }}</a>
                                                @endif
                                            @else
                                                @php
                                                    $today_date = \Carbon\Carbon::now();
                                                    $expire_date = \Carbon\Carbon::createFromFormat('Y-m-d', date('Y-m-d', strtotime('+30 day', strtotime(\App\Addon::where('type', $addon['purchase_date_key'])->first()->value))));
                                                    $data_difference = $today_date->diffInDays($expire_date, false); //false param
                                                @endphp
                                                @if ($data_difference >= 0)
                                                    <div class="col-md-6" style="text-align: end">
                                                        @if (\App\Addon::where('type', $addon['active_key'])->first()->value == 1)
                                                            <a href="{{ route($addon['route']) }}"
                                                                class="btn btn-rounded btn-dark mb-5 padding-label-dashbord"
                                                                style="background-color: green">
                                                                {{ translate('Enabled') }}
                                                            </a>
                                                        @else
                                                            <a href="{{ route($addon['route']) }}"
                                                                class="btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg">
                                                                {{ translate('Enable') }}
                                                            </a>
                                                        @endif
                                                    </div>
                                                @else
                                                    <a href="#" style="background-color: #fb763d"
                                                        class="btn btn-rounded btn-dark padding-label-dashbord  template-buttons"
                                                        onclick="addToCart({{ $addon['id'] }},'addon')">{{ translate('Add to cart') }}</a>

                                                @endif


                                            @endif

                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                @endforeach
            </div>
            <hr>
        @endif
    @endforeach
@endif