@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('Packages') }}</h3>
                <div class="d-inline-block align-items-center">
                    <nav>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                                        class="mdi mdi-home-outline"></i></a></li>
                            <li class="breadcrumb-item" aria-current="page"> {{ translate('Packages') }}</li>

                        </ol>
                    </nav>
                </div>
            </div>

        </div>
    </div>
    <!-- Main content -->
    <style>
        .table>tbody>tr>th,
        .table>tbody>tr td {
            border-bottom: 3px solid #eff2f5 !important;
            border-top: 0px !important;
            padding: 2em !important;
        }

        .cup-holder-outer {
            position: relative;
        }

        .cup-holder {
            position: absolute;
            background-color: rgb(255 177 25 / 20%);
            padding: 1em;
            border-top-left-radius: 1em;
            border-top-right-radius: 1em;
            border-bottom-left-radius: 20em;
            border-bottom-right-radius: 20em;
            width: 100%;
            height: 700px;
            top: -19px;
        }

    </style>
    <section class="content">
        <div class="box">
            <div class="box-body">
                <div class="table-responsive">
                    <table id="complex_header" class="table" style="width:100%">
                        <tr>
                            <td style="width: 20%;text-align: center;">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" name="switch_month_year" type="checkbox"
                                        id="flexSwitchCheckChecked">
                                    <label class="form-check-label"
                                        for="flexSwitchCheckChecked">{{ translate('See prices annually') }}
                                        <br>
                                        <span style="color: #fb753d">{{ translate('discount up to') }} 20 %</span>
                                    </label>
                                </div>
                            </td>
                            @foreach ($data['subscribtions'] as $key => $subscribtion)
                                @if ($loop->last)
                                    <td class="text-center">
                                        <div class="cup-holder-outer">
                                            <div class="cup-holder">
                                            </div>

                                            <div class="subscribtion-head">
                                                <img style="margin: 0px 10px 0px 10px;"
                                                    src="{{ getExternalRouts()['mangerRout'] . $subscribtion['icon'] }}"
                                                    alt="">
                                                {{ $subscribtion['title'] }}
                                            </div>
                                            <div class="subscribtion-head">
                                                <span class="month-amount"
                                                    style="font-size: 2em;font-weight: bolder;">{{ $subscribtion['amount'] * Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['exchange_rate'] }}</span>
                                                <span class="year-amount"
                                                    style="font-size: 2em;font-weight: bolder;">{{ $subscribtion['yearly_amount'] * Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['exchange_rate'] }}</span>
                                                {{ managerRtl() == true ? Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['symbol_ar'] : Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['symbol_en'] }}
                                            </div>
                                        </div>

                                    </td>
                                @else
                                    <td class="text-center">
                                        <div class="subscribtion-head">
                                            <img style="margin: 0px 10px 0px 10px;"
                                                src="{{ getExternalRouts()['mangerRout'] . $subscribtion['icon'] }}"
                                                alt="">
                                            {{ $subscribtion['title'] }}
                                        </div>
                                        <div class="subscribtion-head">
                                            <span class="month-amount"
                                                style="font-size: 2em;font-weight: bolder;">{{ $subscribtion['amount'] * Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['exchange_rate'] }}</span>
                                            <span class="year-amount"
                                                style="font-size: 2em;font-weight: bolder;">{{ $subscribtion['yearly_amount'] * Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['exchange_rate'] }}</span>
                                            {{ managerRtl() == true ? Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['symbol_ar'] : Session::get('managerCurencies')[$currentTenant->fav_manager_currency]['symbol_en'] }}
                                        </div>
                                    </td>
                                @endif

                            @endforeach
                        </tr>
                        @php
                            $subscribtionSize = sizeof($data['subscribtions']);
                        @endphp
                        @foreach ($data['features'] as $feature)
                            <tr class="text-center">
                                <td>{{ $feature['title'] }}</td>
                                @for ($i = 1; $i <= $subscribtionSize; $i++)
                                    <td>
                                        @if ($feature['subscribtions_new'][$i]['exist'] == false)
                                            <span> <i style="font-size: 1.5em" class="fa fa-close"></i> </span>
                                        @else

                                            @if ($feature['subscribtions_new'][$i]['value'] == 'unlimt')
                                                <i style="font-size: 1.5em;color: #fb753d" class="fa fa-check"></i>
                                            @else
                                                <span>{{ $feature['subscribtions_new'][$i]['quantity'] }}</span>
                                            @endif

                                        @endif

                                    </td>
                                @endfor
                            </tr>
                        @endforeach
                        <tr>
                            <td>

                            </td>
                            @php
                                $current_package_low_to_high = 0;
                                foreach ($data['subscribtions'] as $key => $subscribtion) {
                                    if ($currentTenant->subscribtion_id == $subscribtion['id']) {
                                        $current_package_low_to_high = $subscribtion['low_to_high'];
                                    }
                                }
                            @endphp
                            @foreach ($data['subscribtions'] as $key => $subscribtion)
                                <td class="text-center">
                                    @if ($currentTenant->subscribtion_id == $subscribtion['id'])
                                        @if (Session::get('tenant_end_subscribtion_data')['subscribtionEnded'] == true)
                                            <a href="{{ route('Package.renew', encrypt($subscribtion['id'])) }}"
                                                style="color: #ffffff"
                                                class="waves-effect waves-light btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg">
                                                {{ translate('Package renewal') }}
                                            </a>
                                        @else
                                            <span> {{ $subscribtion['title'] }}
                                                {{ translate(' is now activated') }}</span>
                                        @endif
                                    @else
                                        @if ($subscribtion['low_to_high'] > $current_package_low_to_high)
                                            <a href="{{ route('Package.renew', encrypt($subscribtion['id'])) }}"
                                                style="color: #ffffff"
                                                class="waves-effect waves-light btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg">
                                                {{ translate('Activate package') }}
                                            </a>
                                        @else
                                            <a href="#" style="color: #ffffff" onclick="upgradenotPremeted()"
                                                class="waves-effect waves-light btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg">
                                                {{ translate('Activate package') }}
                                            </a>
                                        @endif

                                    @endif
                                </td>
                            @endforeach
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
    <script type="text/javascript">
        $('.year-amount').hide();
        $('input[name="switch_month_year"]').on('change', function() {
            if (!$('input[name="switch_month_year"]').is(':checked')) {
                $('.year-amount').hide();
                $('.month-amount').show();
            } else {
                $('.year-amount').show();
                $('.month-amount').hide();

            }
        });

        function upgradenotPremeted() {
            swal({
                title: `{{ translate('You cant downgrade package.') }}`,
                confirmButtonText: "{{ translate('Okey') }}",
            });
        }
    </script>
@endsection