@php use App\Enums\DateTimeFormats;use Carbon\Carbon; @endphp
<x-app-layout>
    <div class="max-w-full mx-auto sm:px-1 lg:px-1">
        <div class="bg-white  overflow-hidden shadow-sm sm:rounded-lg">
            <div class="p-6 text-gray-900 ">
                <!-- Header -->
                <div class="flex flex-wrap items-center justify-between gap-4 mb-6">
                    <p class="text-lg font-semibold text-gray-900">
                        {{__('Mdm Message Templates')}}
                    </p>

                    <a href="{{ route('mdm_message_template.create') }}"
                       class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
                        {{ __('Add New Template') }}
                    </a>

                </div>

                <x-session-message class="mb-6"/>


                {{-- VTrustLockMessageTemplates list --}}
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-gray-200">
                        <thead class="bg-gray-50">
                        <tr>
                            <x-th scope="col"
                                  class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                {{ __('#') }}
                            </x-th>
                            <x-th scope="col"
                                  class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                {{ __('Reminder Message Template') }}
                            </x-th>
                            <x-th scope="col"
                                  class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                {{ __('Lock Message Template') }}
                            </x-th>
                            <x-th scope="col"
                                  class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                {{ __('Effective From') }}
                            </x-th>
                            {{--                                <x-th scope="col"--}}
                            {{--                                      class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">--}}
                            {{--                                    {{ __('Actions') }}--}}
                            {{--                                </x-th>--}}
                        </tr>
                        </thead>
                        <tbody class="bg-white divide-y divide-gray-200">
                        @foreach($vTrustLockMessageTemplates as $template)
                            <tr>
                                <x-td class="text-center">
                                    {{ $loop->iteration }}
                                </x-td>
                                <x-td class="w-1/3">
                                    {{ $template->reminder_message_before_lock }}
                                </x-td>
                                <x-td class="w-1/3">
                                    {{ $template->lock_message_after_lock }}
                                </x-td>
                                <x-td class="text-center">
                                    {{ Carbon::parse($template->effective_from)->format(DateTimeFormats::CLIENT_DATE) }}
                                </x-td>
                                {{--                                    <x-td class="px-6 py-4 whitespace-nowrap text-sm font-medium">--}}
                                {{--                                        <x-button.link href="{{ route('vtrust_lock_message_template.edit', $template) }}"--}}
                                {{--                                                       class="text-indigo-600 hover:text-indigo-900 mr-4">--}}
                                {{--                                            <x-icons.pencil class="w-4 h-4"/>--}}
                                {{--                                        </x-button.link>--}}
                                {{--                                    </x-td>--}}
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</x-app-layout>