@extends('layouts.app')
@section('title', __('master::lang.subscriptions'))

@section('content')
<section class="content">

    {{-- ✅ الاشتراكات النشطة --}}
    @if(!empty($active) && count($active))
        @component('components.widget')
            <div class="box-header">
                <h3 class="box-title">@lang('master::lang.active_subscriptions')</h3>
            </div>
            <div class="box-body">
                <div class="row">
                    @foreach($active as $sub)
                        <div class="col-md-4">
                            <div class="box box-success">
                                <div class="box-header text-center">
                                    <h2 class="box-title">
                                        @if($sub->coupon_id)
                                            @lang('master::lang.subscription')
                                        @else
                                            @lang('master::lang.subscription')
                                        @endif
                                    </h2>
                                    <div class="box-tools pull-right">
                                        <span class="badge bg-green">@lang('master::lang.running')</span>
                                    </div>
                                </div>
                                <div class="box-body text-center">
                                    @lang('master::lang.users_count'): {{ $sub->users_count }} <br>
                                    @lang('master::lang.start_date'): {{ $sub->start_date ? @format_date($sub->start_date) : 'N/A' }} <br>
                                    @lang('master::lang.end_date'): {{ $sub->end_date ? @format_date($sub->end_date) : 'N/A' }} <br>
                                    @lang('master::lang.remaining'):
                                    {{ $sub->end_date ? \Carbon\Carbon::today()->diffInDays($sub->end_date, false) : 0 }}
                                    @lang('lang_v1.days') <br>

                                    {{-- ✅ دورة الفوترة بالعربية --}}
                                    @php
                                        $billing_label = $sub->billing_cycle === 'yearly' ? 'سنوية' :
                                                        ($sub->billing_cycle === 'monthly' ? 'شهرية' : ucfirst($sub->billing_cycle));
                                    @endphp
                                    @lang('master::lang.billing_cycle'): {{ $billing_label }} <br>

                                    @lang('master::lang.total_price'): {{ number_format($sub->total_price, 2) }} د.ع<br>

                                    {{-- السعر بعد الخصم يظهر فقط إذا يوجد كوبون --}}
                                    @if($sub->coupon_id)
                                        @lang('master::lang.price_after_discount'): {{ number_format($sub->price_after_discount, 2) }} د.ع<br>
                                    @endif

                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endcomponent
    @endif

    {{-- 🟨 الاشتراكات المعلقة --}}
    @if(!empty($pending) && count($pending))
        @component('components.widget')
            <div class="box-header">
                <h3 class="box-title">@lang('master::lang.pending_subscriptions')</h3>
            </div>
            <div class="box-body">
                <div class="row">
                    @foreach($pending as $sub)
                        <div class="col-md-4">
                            <div class="box box-gray">
                                <div class="box-header text-center">
                                    <h2 class="box-title">
                                        @if($sub->coupon_id)
                                            @lang('master::lang.subscription')
                                        @else
                                            @lang('master::lang.subscription')
                                        @endif
                                    </h2>
                                    <div class="box-tools pull-right">
                                        <span class="badge bg-gray">@lang('master::lang.pending')</span>
                                    </div>
                                </div>
                                <div class="box-body text-center">
                                    @lang('master::lang.users_count'): {{ $sub->users_count }} <br>
                                    @lang('master::lang.start_date'): {{ $sub->start_date ? @format_date($sub->start_date) : 'N/A' }} <br>
                                    @lang('master::lang.end_date'): {{ $sub->end_date ? @format_date($sub->end_date) : 'N/A' }} <br>

                                    @php
                                        $billing_label = $sub->billing_cycle === 'yearly' ? 'سنوية' :
                                                        ($sub->billing_cycle === 'monthly' ? 'شهرية' : ucfirst($sub->billing_cycle));
                                    @endphp
                                    @lang('master::lang.billing_cycle'): {{ $billing_label }} <br>

                                    @lang('master::lang.total_price'): {{ number_format($sub->total_price, 2) }} د.ع<br>

                                    @if($sub->coupon_id)
                                        @lang('master::lang.price_after_discount'): {{ number_format($sub->price_after_discount, 2) }} د.ع<br>
                                    @endif

                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endcomponent
    @endif

    {{-- 🟥 الاشتراكات غير النشطة --}}
    @if(!empty($inactive) && count($inactive))
        @component('components.widget')
            <div class="box-header">
                <h3 class="box-title">@lang('master::lang.inactive_subscriptions')</h3>
            </div>
            <div class="box-body">
                <div class="row">
                    @foreach($inactive as $sub)
                        <div class="col-md-4">
                            <div class="box box-danger">
                                <div class="box-header text-center">
                                    <h2 class="box-title">
                                        @if($sub->coupon_id)
                                            @lang('master::lang.subscription')
                                        @else
                                            @lang('master::lang.subscription')
                                        @endif
                                    </h2>
                                    <div class="box-tools pull-right">
                                        <span class="badge bg-red">@lang('master::lang.inactive')</span>
                                    </div>
                                </div>
                                <div class="box-body text-center">
                                    @lang('master::lang.users_count'): {{ $sub->users_count }} <br>
                                    @lang('master::lang.start_date'): {{ $sub->start_date ? @format_date($sub->start_date) : 'N/A' }} <br>
                                    @lang('master::lang.end_date'): {{ $sub->end_date ? @format_date($sub->end_date) : 'N/A' }} <br>

                                    @php
                                        $billing_label = $sub->billing_cycle === 'yearly' ? 'سنوية' :
                                                        ($sub->billing_cycle === 'monthly' ? 'شهرية' : ucfirst($sub->billing_cycle));
                                    @endphp
                                    @lang('master::lang.billing_cycle'): {{ $billing_label }} <br>

                                    @lang('master::lang.total_price'): {{ number_format($sub->total_price, 2) }} د.ع<br>

                                    @if($sub->coupon_id)
                                        @lang('master::lang.price_after_discount'): {{ number_format($sub->price_after_discount, 2) }} د.ع<br>
                                    @endif

                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endcomponent
    @endif

</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>
            </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