@extends('fronted.layout.main')
@section('adcontent')
    <style>
        .btn {
            transition: all 0.5s ease-in-out;
        }
    </style>
    <div class="container-fluid my-4">
        <div class="container mt-5">
            <div class="d-flex justify-content-between align-items-center">
                <a href="{{ route('subscription.details') }}" class="btn btn-warning">Subscription</a>
                <div class="btn-group clearfix" role="group" aria-label="Switch buttons group">
                    <button type="button" class="btn btn-warning" id="featuresButton">
                        Features
                    </button>
                    <button type="button" class="btn btn-secondary" id="permissionsButton">
                        Permissions
                    </button>
                </div>
            </div>
            <!--Features Section table-->
            <div class="table-responsive dataTable mt-2 featuresDiv">
                <table class="table text-center align-middle text-capitalize">
                    <thead class="text-black" style="font-size:0.8rem">
                        <tr>
                            <th scope="col">Features</th>
                            @if (!empty($S_mart_Basic))
                                <th scope="col">S-Mart Basic</th>
                            @endif
                            @if (!empty($S_mart_Silver))
                                <th scope="col">S-Mart Silver</th>
                            @endif
                            @if (!empty($S_mart_Gold))
                                <th scope="col">S-Mart Gold</th>
                            @endif
                            @if (!empty($S_mart_Platinum))
                                <th scope="col">S-mart Platinum</th>
                            @endif
                            @if (!empty($S_mart_Premium))
                                <th scope="col">S-mart Premium</th>
                            @endif
                        </tr>
                    </thead>
                    <tbody style="font-size:0.9rem">
                        @forelse($allFeatures as $data)
                            <tr>
                                <td>{{ $data->all_features }}</td>
                                @if (!empty($S_mart_Basic))
                                    <td>
                                        {!! !empty($S_mart_Basic)
                                            ? (in_array($data->all_features, $S_mart_Basic)
                                                ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>')
                                            : '' !!}
                                    </td>
                                @endif
                                @if (!empty($S_mart_Silver))
                                    <td>
                                        {!! !empty($S_mart_Silver)
                                            ? (in_array($data->all_features, $S_mart_Silver) || in_array($data->all_features, $S_mart_Basic)
                                                ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>')
                                            : '' !!}
                                    </td>
                                @endif
                                @if (!empty($S_mart_Gold))
                                    <td>
                                        {!! !empty($S_mart_Gold)
                                            ? (in_array($data->all_features, $S_mart_Silver) ||
                                            in_array($data->all_features, $S_mart_Basic) ||
                                            in_array($data->all_features, $S_mart_Gold)
                                                ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>')
                                            : '' !!}
                                    </td>
                                @endif
                                @if (!empty($S_mart_Platinum))
                                    <td>
                                        {!! !empty($S_mart_Platinum)
                                            ? (in_array($data->all_features, $S_mart_Silver) ||
                                            in_array($data->all_features, $S_mart_Basic) ||
                                            in_array($data->all_features, $S_mart_Gold || in_array($data->all_features, $S_mart_Platinum))
                                                ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>')
                                            : '' !!}
                                    </td>
                                @endif
                                @if (!empty($S_mart_Premium))
                                    <td>
                                        {!! !empty($S_mart_Premium)
                                            ? (in_array($data->all_features, $S_mart_Silver) ||
                                            in_array($data->all_features, $S_mart_Basic) ||
                                            in_array($data->all_features, $S_mart_Gold) ||
                                            in_array($data->all_features, $S_mart_Platinum) ||
                                            in_array($data->all_features, $S_mart_Premium)
                                                ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>')
                                            : '' !!}
                                    </td>
                                @endif
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="">Features Not Added</td>
                            </tr>
                        @endforelse

                    </tbody>
                </table>
            </div>
            <!-- Permissions Section Table-->
            <div class="table-responsive dataTable mt-2 permissionDiv">
                <table class="table text-center align-middle text-capitalize">
                    <thead class="text-black" style="font-size:0.8rem">
                        <tr>
                            <th scope="col">Permission</th>
                            @if (!empty($S_mart_Basic_permission))
                                <th scope="col">S-Mart Basic</th>
                            @endif
                            @if (!empty($S_mart_Silver_permission))
                                <th scope="col">S-Mart Silver</th>
                            @endif
                            @if (!empty($S_mart_Gold_permission))
                                <th scope="col">S-Mart Gold</th>
                            @endif
                            @if (!empty($S_mart_Platinum_permission))
                                <th scope="col">S-mart Platinum</th>
                            @endif
                            @if (!empty($S_mart_Premium))
                                <th scope="col">S-mart Premium</th>
                            @endif
                        </tr>
                    </thead>
                    <tbody style="font-size:0.9rem">
                        @foreach ($allPermissions as $mainKey => $subPermission)
                            @if (is_array($subPermission))
                                @foreach ($subPermission as $subKey => $partPermision)
                                    @if (is_array($partPermision))
                                        @foreach ($partPermision as $partKey => $value)
                                            <tr>
                                                <td>{{ $mainKey . '->' . $subKey . '->' . $partKey }}</td>
                                                @if (!empty($S_mart_Basic_permission))
                                                    <td> {!! isset($S_mart_Basic_permission[$mainKey][$subKey][$partKey])
                                                        ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                        : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                                @endIf
                                                @if (!empty($S_mart_Silver_permission))
                                                    <td> {!! isset($S_mart_Silver_permission[$mainKey][$subKey][$partKey])
                                                        ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                        : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                                @endIf
                                                @if (!empty($S_mart_Gold_permission))
                                                    <td> {!! isset($S_mart_Gold_permission[$mainKey][$subKey][$partKey])
                                                        ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                        : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                                @endIf
                                                @if (!empty($S_mart_Platinum_permission))
                                                    <td> {!! isset($S_mart_Platinum_permission[$mainKey][$subKey][$partKey])
                                                        ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                        : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                                @endIf
                                                @if (!empty($S_mart_Premium))
                                                    <td> {!! isset($S_mart_Premium[$mainKey][$subKey][$partKey])
                                                        ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                        : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                                @endIf
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td>{{ $mainKey . '->' . $subKey }}</td>
                                            @if (!empty($S_mart_Basic_permission))
                                                <td> {!! isset($S_mart_Basic_permission[$mainKey][$subKey])
                                                    ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                    : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                            @endIf
                                            @if (!empty($S_mart_Silver_permission))
                                                <td> {!! isset($S_mart_Silver_permission[$mainKey][$subKey])
                                                    ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                    : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                            @endIf
                                            @if (!empty($S_mart_Gold_permission))
                                                <td> {!! isset($S_mart_Gold_permission[$mainKey][$subKey])
                                                    ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                    : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                            @endIf
                                            @if (!empty($S_mart_Platinum_permission))
                                                <td> {!! isset($S_mart_Platinum_permission[$mainKey][$subKey])
                                                    ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                    : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                            @endIf
                                            @if (!empty($S_mart_Premium))
                                                <td> {!! isset($S_mart_Premium[$mainKey][$subKey])
                                                    ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                                    : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!} </td>
                                            @endIf
                                        </tr>
                                    @endIf
                                @endforeach
                            @else
                                <tr>
                                    <td>{{ $mainKey }}</td>
                                    @if (!empty($S_mart_Basic_permission))
                                        <td> {!! isset($S_mart_Basic_permission[$mainKey])
                                            ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                            : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!}
                                        </td>
                                    @endIf
                                    @if (!empty($S_mart_Silver_permission))
                                        <td> {!! isset($S_mart_Silver_permission[$mainKey])
                                            ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                            : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!}
                                        </td>
                                    @endIf
                                    @if (!empty($S_mart_Gold_permission))
                                        <td> {!! isset($S_mart_Gold_permission[$mainKey])
                                            ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                            : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!}
                                        </td>
                                    @endIf
                                    @if (!empty($S_mart_Platinum_permission))
                                        <td> {!! isset($S_mart_Platinum_permission[$mainKey])
                                            ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                            : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!}
                                        </td>
                                    @endIf
                                    @if (!empty($S_mart_Premium))
                                        <td> {!! isset($S_mart_Premium[$mainKey])
                                            ? '<i class="fa-regular fa-circle-check fa-xl" style="color: #1edb06;"></i>'
                                            : '<i class="fa-regular fa-circle-xmark fa-lg" style="color: #dc091e;"></i>' !!}
                                        </td>
                                    @endIf
                                </tr>
                            @endIf
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <script>
        // JavaScript to handle toggle between "Feature" and "Permission" labels
        $(document).ready(function() {
            const featuresButton = $('#featuresButton');
            const permissionsButton = $('#permissionsButton');
            const permissionTable = $('.permissionDiv');
            const featureTable = $('.featuresDiv');
            permissionTable.hide();

            featuresButton.on('click', () => {
                featuresButton.addClass('btn-warning').removeClass('btn-secondary');
                permissionsButton.removeClass('btn-warning').addClass('btn-secondary');
                featureTable.show();
                permissionTable.hide();
            });

            permissionsButton.on('click', () => {
                permissionsButton.addClass('btn-warning').removeClass('btn-secondary');
                featuresButton.removeClass('btn-warning').addClass('btn-secondary');
                permissionTable.show();
                featureTable.hide();
            });
        })
    </script>
@endsection