@extends('layouts.app')
@section('title', __('master::lang.subscriptions'))
@push('styles')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
@endpush
@section('content')
<section class="content">

    {{-- عرض ملخص الاشتراك النشط فقط --}}
    @component('components.widget')
        <div class="box-header">
            <h3 class="box-title">@lang('master::lang.active_subscription')</h3>
        </div>

        <div class="box-body">
            <div class="row text-center">
                @if(!empty($latest))
                    <div class="col-md-4">
                        <div class="p-3">
                            <i class="fas fa-calendar-alt fa-3x text-primary"></i>
                            <h4 class="mt-2">@lang('master::lang.end_date')</h4>
                            <div style="font-size:24px; font-weight:700;">
                                {{ $latest->end_date ? @format_date($latest->end_date) : __('lang_v1.na') }}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="p-3">
                            <i class="fas fa-users fa-3x text-success"></i>
                            <h4 class="mt-2">@lang('master::lang.allowed_users')</h4>
                            <div style="font-size:28px; font-weight:700;">
                                {{ $latest->users_count ?? $allowed_users }}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="p-3">
                            <i class="fas fa-user-check fa-3x text-warning"></i>
                            <h4 class="mt-2">@lang('master::lang.current_users')</h4>
                            <div style="font-size:28px; font-weight:700;">
                                {{ $current_users ?? 0 }}
                            </div>
                        </div>
                    </div>
                @else
                    <div class="col-12">
                        <div class="p-3 text-center">
                            <i class="fas fa-exclamation-circle fa-3x text-danger mb-3"></i>
                            <h4>لا يوجد اشتراك نشط حالياً</h4>
                            <a class="btn btn-primary mt-2"
                            href="{{ action([\Modules\Master\Http\Controllers\SubdomainSubscriptionController::class, 'create']) }}">
                                @lang('master::lang.purchase_new_subscription')
                            </a>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    @endcomponent

</section>

    {{-- ✅ جدول كل الاشتراكات --}}
    @component('components.widget')
        <div class="box-header">
            <h3 class="box-title">@lang('master::lang.all_subscriptions')</h3>
            <div class="tw-flex tw-justify-end tw-mb-4">
                        <a class="tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl"
                           style="background-color: {{ session('business.theme_color') ?? '#3498db' }};"
                           href="{{ action([\Modules\Master\Http\Controllers\SubdomainSubscriptionController::class, 'create']) }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                             class="icon icon-tabler icons-tabler-outline icon-tabler-plus">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M12 5l0 14"/>
                            <path d="M5 12l14 0"/>
                        </svg> @lang('master::lang.purchase_new_subscription')
                    </a>
                        @php
                            $showPurchaseMore = false;
                            if (!empty($latest)) {
                                    $showPurchaseMore = true;
                            }
                        @endphp

                        @if($showPurchaseMore)
                                <a class="tw-ml-2 tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl"
                                    style="background-color: {{ session('business.theme_color') ?? '#2ecc71' }}; margin-right: 10px;"
                                    href="{{ action([\Modules\Master\Http\Controllers\SubdomainSubscriptionController::class, 'purchaseUsers']) }}">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                 class="icon icon-tabler icon-tabler-users-plus">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                <path d="M12 5l0 14"/>
                                <path d="M5 12l14 0"/>
                             </svg> {{ __('master::lang.purchase_more_users') }}
                        </a>
                        @endif
            </div>
        </div>
        {{-- ✅ زر شراء اشتراك جديد --}}
        <div class="box-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover" id="all_subscriptions_table">
                    <thead>
                        <tr>
                            <th>@lang('master::lang.users_count')</th>
                            <th>@lang('master::lang.billing_cycle')</th>
                            <th>@lang('master::lang.total_price') ( د.ع )</th>
                            <th>@lang('master::lang.price_after_discount') ( د.ع )</th>
                            <th>@lang('master::lang.paid_via')</th>
                            <th>@lang('master::lang.payment_transaction_id')</th>
                            <th>@lang('master::lang.start_date')</th>
                            <th>@lang('master::lang.end_date')</th>
                            <th>@lang('sale.status')</th>
                            <th>@lang('lang_v1.created_at')</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    @endcomponent

</section>
@endsection

@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
    $('#all_subscriptions_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{{ action([\Modules\Master\Http\Controllers\SubdomainSubscriptionController::class, "index"]) }}',
        columns: [
            { data: 'users_count', name: 'users_count' },
            {
                data: 'billing_cycle',
                name: 'billing_cycle',
                render: function(data) {
                    if (data === 'yearly') return 'سنوية';
                    if (data === 'monthly') return 'شهرية';
                    return data ? data : 'N/A';
                }
            },
            { data: 'total_price', name: 'total_price' },
            { data: 'price_after_discount', name: 'price_after_discount' },
            { data: 'paid_via', name: 'paid_via' },
            { data: 'payment_transaction_id', name: 'payment_transaction_id' },
            { data: 'start_date', render: d => d ? moment(d).format('YYYY-MM-DD') : 'N/A' },
            { data: 'end_date', render: d => d ? moment(d).format('YYYY-MM-DD') : 'N/A' },
            { data: 'status', name: 'status' },
            { data: 'created_at', render: d => d ? moment(d).format('YYYY-MM-DD') : 'N/A' },
        ],
        order: [[9, 'desc']],
    });
});
</script>
@endsection