@extends("backend.layouts.app")

@section("title")
    {{ __($module_action) }} {{ __($module_title) }}
@endsection

@section("breadcrumbs")
    <x-backend.breadcrumbs>
        <x-backend.breadcrumb-item route='{{ route("backend.$module_name.index") }}' icon="{{ $module_icon }}">
            {{ __($module_title) }}
        </x-backend.breadcrumb-item>

        <x-backend.breadcrumb-item type="active">{{ __($module_action) }}</x-backend.breadcrumb-item>
    </x-backend.breadcrumbs>
@endsection

@section("content")

    <x-backend.section-header>
        <i class="{{ $module_icon }}"></i>
        {{ __($module_title) }}
        <small class="text-muted">{{ __($module_action) }}</small>

    </x-backend.section-header>

    <div class="mt-4 row">
        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif

        <!-- Container Fluid-->
        <div class="mb-3 row">
            <div class="table-responsive">
                <table class="table mb-0 text-center align-middle table-hover table-striped">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Date</th>
                            <th>Company Name</th>
                            <th>Plan</th>
                            <th>Price</th>
                            <th>Period</th>
                            <th>Status</th>
                            <th>Invoice</th>
                            <th>Expiry</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($$module_name_singular as $key => $subscription)
                        <tr>
                            <td>{{ $key + 1 }}</td>
                            <td>{{ date('d M Y', strtotime($subscription->created_at)) }}</td>
                            <td>{{ $subscription->user->brokerProfile->company_name ?? 'N/A' }}</td>
                            <td>{{ $subscription->package->name ?? 'N/A' }}</td>
                            <td>{{ $subscription->package->price ?? 'N/A'  }}</td>
                            <td>{{ ucwords(str_replace('_', ' ', $subscription->package->billing_cycle ?? 'N/A' )) }}</td>
                            <td>
                                @if($subscription->status == 'active')
                                    <span class="badge badge-success">Active</span>
                                @elseif($subscription->status == 'canceled_pending')
                                    <span class="badge badge-warning">Canceling</span>
                                    <small class="d-block text-muted">Access until expiry</small>
                                @elseif($subscription->status == 'replaced')
                                    <span class="badge badge-info">Upgraded</span>
                                @else
                                    <span class="badge badge-{{ $subscription->status == 'canceled' ? 'danger' : 'secondary' }}">{{ ucfirst($subscription->status) }}</span>
                                @endif
                            </td>
                            <td>
                                @if($subscription->invoice_pdf)
                                    <a href="{{ $subscription->invoice_pdf }}" target="_blank"> Download Invoice </a>
                                @else
                                    <span class="text-muted">No invoice</span>
                                @endif
                            </td>
                            <td>
                                {{ date('d M, Y', strtotime($subscription->expires_at)) }}
                            </td>
                            <td>
                                @if(Auth::user()->hasRole('super admin'))
                                    @if($subscription->status === 'active' || $subscription->status === 'canceled_pending')
                                        <form action="{{ route('backend.subscriptions.cancel', $subscription->id) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="btn btn-danger btn-sm cancel-btn">
                                                {{ $subscription->status === 'canceled_pending' ? 'Force Cancel' : 'Cancel' }}
                                            </button>
                                        </form>
                                    @else
                                        <span class="text-muted">No actions</span>
                                    @endif
                                @else
                                    @if($subscription->status === 'active')
                                        <div class="btn-group" role="group">
                                            <form action="{{ route('backend.subscriptions.cancel', $subscription->id) }}" method="POST">
                                                @csrf
                                                <input type="hidden" name="subscription_id" value="{{ $subscription->id }}">
                                                <button type="submit" class="btn btn-warning btn-sm cancel-subscription-btn">
                                                    Cancel Subscription
                                                </button>
                                            </form>

                                            <a href="{{ route('pricing') }}" class="ml-2 btn btn-primary btn-sm">
                                                Change Plan
                                            </a>
                                        </div>
                                    @elseif($subscription->status === 'canceled_pending')
                                        <span class="text-warning">
                                            Canceled - Access until {{ date('d M, Y', strtotime($subscription->expires_at)) }}
                                        </span>
                                    @else
                                        <a href="{{ route('pricing') }}" class="btn btn-primary btn-sm">
                                            Subscribe
                                        </a>
                                    @endif
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Modal for Subscription Cancellation Confirmation -->
    <div class="modal fade" id="cancelSubscriptionModal" tabindex="-1" role="dialog" aria-labelledby="cancelSubscriptionModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="cancelSubscriptionModalLabel">Confirm Subscription Cancellation</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to cancel your subscription?</p>
                    <p><strong>Important:</strong> You will continue to have access to all features until your current billing period ends.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">No, Keep My Subscription</button>
                    <button type="button" class="btn btn-danger" id="confirmCancelSubscription">Yes, Cancel Subscription</button>
                </div>
            </div>
        </div>
    </div>

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Admin cancel buttons (immediate cancellation)
            document.querySelectorAll('.cancel-btn').forEach(button => {
                button.addEventListener('click', function(event) {
                    event.preventDefault(); // Prevent form submission

                    let form = this.closest('form'); // Get the form
                    let confirmation = confirm("Are you sure you want to cancel this subscription? This action cannot be undone.");

                    if (confirmation) {
                        form.submit(); // Submit the form if confirmed
                    }
                });
            });

            // User cancel subscription buttons (end of period cancellation)
            const cancelSubscriptionBtns = document.querySelectorAll('.cancel-subscription-btn');
            let activeForm = null;

            cancelSubscriptionBtns.forEach(button => {
                button.addEventListener('click', function(event) {
                    event.preventDefault();
                    activeForm = this.closest('form');
                    $('#cancelSubscriptionModal').modal('show');
                });
            });

            // Confirm cancellation button in modal
            document.getElementById('confirmCancelSubscription')?.addEventListener('click', function() {
                if (activeForm) {
                    activeForm.submit();
                }
                $('#cancelSubscriptionModal').modal('hide');
            });
        });
    </script>
@endsection