@extends('backend.screens.settings.layout')

@section('setting-content')
    <div class="text-right">
        <x-admin.form.button type="modal" target="#add-tag">
            <i class="fa fa-plus"></i>
            <span class="ml-1">
                 Add Tags
            </span>
        </x-admin.form.button>
    </div>
    <x-admin.table.view>
        @php
            $columns = [
                'SNo.',
                'Tag Name',
                'Date',
                'Type',
                'Action'
            ];
        @endphp
        <x-admin.table.head :columns="$columns"/>
        <tbody>
        @forelse($tags as $index => $tag)
            <tr>
                <td>{{ $index + $tags->firstItem() }}</td>
                <td>{{ $tag->name }}</td>
                <td>{{ $tag->created_at->format('M d, Y') }}</td>
                <td>{{ $tag->type->name }}</td>
                <td>
                    @php
                        $menus = [
                            [
                                'to' => "#",
                                'fa-icon' => 'fa fa-edit',
                                'title' => 'Edit',
                                'type' => 'modal',
                                'id' => 'edit-tag-'.$tag->id
                            ],
                            [
                                'to' => route('admin.setting.tag.delete', $tag->id),
                                'fa-icon' => 'fa fa-trash',
                                'title' => 'Delete',
                                'class' => 'has-confirmation',
                                'data-message' => 'Are you sure you want to delete this tag?'
                            ],
                        ];
                    @endphp
                    <x-admin.table.menu.kebab :menus="$menus" />
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="5">Tag not found</td>
            </tr>
        @endforelse
        </tbody>
    </x-admin.table.view>
    @include('backend.shared.pagination', ['paginator' => $tags])

    <!-- Start Add Modal -->
    <x-admin.modal.modal id="add-tag" title="Add Tag">
        <form action="{{ route('admin.setting.tag.store').'#add-tag' }}" method="post">
            @csrf
            <x-admin.form.field
                label="Tag Name"
                placeholder="Tag name"
                id="name"
                class="mb-2"
            />
            <x-admin.form.select
                label="Tag Type"
                id="tag_type_id"
                :items="$types"
                itemValue="id"
                itemText="name"
                class="mb-2"
            />
            <x-admin.form.button type="submit">
                Add
            </x-admin.form.button>
        </form>
    </x-admin.modal.modal>
    <!-- End Add Modal -->

    @foreach($tags as $index => $tag)
        <!-- Start Edit Modal -->
        <x-admin.modal.modal id="edit-tag-{{ $tag->id }}" title="Edit Tag">
            <form action="{{ route('admin.setting.tag.update', $tag->id).'#edit-tag-'.$tag->id }}" method="post">
                @csrf
                <x-admin.form.field
                    label="Tag Name"
                    placeholder="Tag name"
                    id="name"
                    class="mb-2"
                    value="{{ $tag->name }}"
                />
                <x-admin.form.select
                    label="Tag Type"
                    id="tag_type_id"
                    :items="$types"
                    itemValue="id"
                    itemText="name"
                    class="mb-2"
                    selected="{{ $tag->tag_type_id }}"
                />
                <x-admin.form.button type="submit">
                    Save
                </x-admin.form.button>
            </form>
        </x-admin.modal.modal>
        <!-- End Edit Modal -->
    @endforeach

@endsection