@php

    $compared_plans = request()->get('plan', []);

    for ($plan_count = 0; $plan_count < count($compared_plans); $plan_count++) {
        $plan_features[$compared_plans[$plan_count]] = array_reduce((array) $k[$compared_plans[$plan_count]]->features, function ($c, $feature) {
            $c[$feature->code] = (array) $feature;
            return $c;
        });

        $monthly_price[$compared_plans[$plan_count]] = [
            ...array_filter($k[$compared_plans[$plan_count]]->plans, function ($value) {
                return $value->meta->plan_code == 'r_006';
            }),
        ];
        $yearly_price[$compared_plans[$plan_count]] = [
            ...array_filter($k[$compared_plans[$plan_count]]->plans, function ($value) {
                return $value->meta->plan_code == 'r_007';
            }),
        ];
    }

    /* dd($k->description); */

@endphp
<script src={{ mix('js/pricing.js') }}></script>
<section id="comparison_table_dollar">

    <div class="price_tabs">
        <ul class="tab-btns clearfix">
            <li class="tab-btn yearly-btn " data-tab="#yearly-tab">Yearly <span>up to 20%
                    off</span></li>
            <li class="tab-btn monthly-btn active-btn" data-tab="#monthly-tab">Monthly</li>
        </ul>

    </div>
    <div id="comparison_table">
        <div class="container">

            <ul>
                @for ($pn = 0; $pn < count($compared_plans); $pn++)
                    <li class="bg-mintgreen">
                        <button>{{ $k[$compared_plans[$pn]]->product_name }}</button>
                    </li>
                @endfor
            </ul>

            <table>
                <thead>
                    <tr>
                        <th class="hide"></th>
                        @for ($pn = 0; $pn < count($compared_plans); $pn++)
                            <th class="bg-mintgreen">{{ $k[$compared_plans[$pn]]->product_name }}</th>
                        @endfor
                        {{--   <th class="bg-mintgreen">STANDARD</th>
                        <th class="bg-orange default">EXPERT</th> --}}

                    </tr>
                </thead>
                <tbody>

                    <tr class="monthly-dollar-table2" name="show-month">
                        <td>Monthly</td>
                        @for ($pn = 0; $pn < count($compared_plans); $pn++)
                            <td>
                                <span class="txt-top">{{ $k[$compared_plans[$pn]]->meta->currency }}</span><span
                                    class="txt-l">{{ number_format($monthly_price[$compared_plans[$pn]][0]->price) }}</span>
                            </td>
                        @endfor
                    </tr>
                    <tr class="monthly-dollar-table2 dd-input" name="show-year">
                        <td>Yearly</td>
                        @for ($pn = 0; $pn < count($compared_plans); $pn++)
                            <td>
                                <span class="txt-top">{{ $k[$compared_plans[$pn]]->meta->currency }}</span><span
                                    class="txt-l">{{ number_format($yearly_price[$compared_plans[$pn]][0]->price) }}</span>
                            </td>
                        @endfor


                    </tr>

                    <tr>
                        <td colspan={{ count($compared_plans) + 1 }} class="sep">Getting started</td>
                    </tr>
                    <tr>
                        <td>Number of Users</td>
                        @for ($pn = 0; $pn < count($compared_plans); $pn++)
                            <td><span class="tick">Single User</span></td>
                        @endfor


                    </tr>
                    <tr>
                        <td colspan={{ count($compared_plans) + 1 }} class="sep">Plan Information</td>
                    </tr>
                    <tr>
                        <td>Info</td>

                        @for ($pn = 0; $pn < count($compared_plans); $pn++)
                            <td>
                                <p class="table_p">{{ $k[$compared_plans[$pn]]->description }}</p>

                            </td>
                        @endfor


                    </tr>

                    <tr>
                        <td colspan={{ count($compared_plans) + 1 }} class="sep">Applications & Features</td>
                    </tr>


                    @foreach ($features as $feature)
                        <tr>
                            <td>{{ $feature->name }}</td>

                            @for ($pn = 0; $pn < count($compared_plans); $pn++)
                                {{-- {{dd($plan_features)}} --}}
                                @if (isset($plan_features[$compared_plans[$pn]][$feature->code]))
                                    @if ($plan_features[$compared_plans[$pn]][$feature->code]['pivot']->default == 1)
                                        <td>
                                            <div class="checkbox-wrapper-19">
                                                <input id="cbtest-{{ $compared_plans[$pn] }}-{{ $feature->code }}"
                                                    type="checkbox" checked disabled>
                                                <label class="check-box"
                                                    for="cbtest-{{ $compared_plans[$pn] }}-{{ $feature->code }}">
                                                </label>
                                            </div>
                                        </td>
                                    @else
                                        <td>
                                            <div class="checkbox-wrapper-19 tooltipp">
                                                <span class="tooltiptext">
                                                    {{ $plan_features[$compared_plans[$pn]][$feature->code]['pivot']->price }}
                                                </span>
                                                <input id="cbtest-{{ $compared_plans[$pn] }}-{{ $feature->code }}"
                                                    type="checkbox" name=addons[] value={{ $feature->code }}>
                                                <label class="check-box"
                                                    for="cbtest-{{ $compared_plans[$pn] }}-{{ $feature->code }}">
                                                </label>
                                            </div>
                                        </td>
                                    @endif
                                @else
                                    <td>
                                        <ion-icon name="lock-closed-outline"></ion-icon>
                                    </td>
                                @endif
                            @endfor


                            {{-- <td>
                                <span class="tick">&#10004;</span>
                            </td>
                            <td class="default"><span class="tick">&#10004;</span></td> --}}

                        </tr>
                    @endforeach

                    <tr>
                        <td colspan={{ count($compared_plans) + 1 }} class="sep">Get Started</td>
                    </tr>
                    <tr>
                        <td> </td>
                        @for ($pn = 0; $pn < count($compared_plans); $pn++)
                            <td>
                                <button data-bind={{ $compared_plans[$pn] }} class="table_btn"
                                    data-ref={{ route('pricing.plan', [$k[$compared_plans[$pn]]->meta->product_code, $k[$compared_plans[$pn]]->meta->currency]) }}>
                                    Select
                                </button>
                            </td>
                        @endfor
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>