@extends('essential.pagination')

@section('table')
    <div class="relative overflow-x-auto shadow-sm sm:rounded-lg">
        <table class="w-full text-sm text-left text-gray-500">
            <x-table_thead />
            <x-table_thead_data label="SUBSCRIPBER ID" />
            <x-table_thead_data label="CUSTOMER" />
            <x-table_thead_data label="SUBSCRIPTION" />
            <x-table_thead_data label="PLAN" />
            <x-table_thead_data label="ACTIVATED FROM" />
            {{-- <x-table_thead_data label="ACTIVATED TO" /> --}}
            <x-table_thead_data label="EXPIRY DATE" />

            </tr>
            </thead>
            <tbody>
                @foreach ($items as $item)
                    <tr class="bg-white border-b  hover:bg-muted">
                        <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap">
                            {{ $loop->index + $items->firstItem() }}
                        </th>
                        <x-table_tbody_data value="{{ $item->customer->subscriber_id }}" />
                        <x-table_tbody_data value="{{ $item->customer->customer_name }}" />
                        <td class="px-6 py-4  whitespace-nowrap">
                            <div class="flex flex-col">
                                <span class="font-medium text-gray-900">{{ $item->subscription->subscription_name }}</span>
                                <span
                                    class="font-medium text-gray-400">{{ $item->subscription->subscription_type->label() }}</span>


                            </div>
                        </td>
                        <td class="px-6 py-4  whitespace-nowrap">
                            <div class="flex flex-col">
                                @if ($item->subscription->plan == 1)
                                    <span class="text-xs text-green-400">1 Month</span>
                                @elseif($item->subscription->plan == 2)
                                    <span class="text-xs text-green-400">3 Months</span>
                                @elseif($item->subscription->plan == 3)
                                    <span class="text-xs text-green-400">1 Year</span>
                                @elseif($item->subscription->plan == 4)
                                    <span class="text-xs text-green-400">2 Year</span>
                                @elseif($item->subscription->plan == 5)
                                    <span class="text-xs text-green-400">3 Years</span>
                                @elseif($item->subscription->plan == 6)
                                    <span class="text-xs text-green-400">4 Years</span>
                                @else
                                    <span class="text-xs text-green-400">5 Years</span>
                                @endif
                            </div>
                        </td>
                        <x-table_tbody_data
                            value="{{ date('d M Y', strtotime(str_replace('/', '-', $item->activated_from_date))) }}" />
                        {{-- <x-table_tbody_data
                            value="{{ date('d M Y', strtotime(str_replace('/', '-', $item->activated_to_date))) }}" /> --}}
                        <x-table_tbody_data
                            value="{{ date('d M Y', strtotime(str_replace('/', '-', $item->expiry_date))) }}" />
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection