@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title">{{ translate('Apps & Services') }}</h3>

            </div>

        </div>
    </div>
    <!-- Main content -->
    <section class="content">
        <div class="box">
            <div class="box-header box-header-custem">
                <div class="app-menu">
                    <div class="search-bx mx-5">
                        <div class="input-group full-width">
                            <input type="search" id="search" class="form-control search-table" name="search" value=""
                                placeholder="{{ translate('Search for app or service') }}" aria-label="Search"
                                aria-describedby="button-addon2">
                        </div>
                    </div>
                </div>

            </div>
            <div class="box-body">
                <div class="normal-data">
                    <h3>{{ translate('Most popular apps and services') }}</h3>
                    <br>
                    <div class="row">
                        @foreach ($availableAddons['pobular'] 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>
                                                        {{ $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>
                                                @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>


                    @foreach ($availableAddons['app_services'] as $category)
                        <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>
                                                @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>

                            @endforeach
                        </div>
                        <hr>
                    @endforeach
                </div>
                <div class="search-data">

                </div>
            </div>
        </div>

    </section>
@endsection

@section('script')

    <script>
        $('.search-data').hide();
        $('#search').keyup(function() {
            if ($(this).val().length >= 4) {
                var searchKey = $(this).val()
                $('.normal-data').hide();
                $('.search-data').show();

                $.post(`{{ route('Addon.searchForAddon') }}`, {
                    _token: '{{ csrf_token() }}',
                    searchKey: searchKey
                }, function(data) {
                    $('.search-data').html(data);
                });

            } else {
                $('.search-data').hide();
                $('.normal-data').show();
            }

        });
    </script>
@endsection