@extends('backend.settings.page-attributes.layout')

@section('title','Page Attributes Settings')

@section('page-attributes-content')


    @if ($errors->any())
        <div class="alert alert-danger">
            @foreach ($errors->all() as $error)
                <p class="mb-0">{{ $error }}</p>
            @endforeach
        </div>
    @endif

    <div class="main-card card pb-2">

        <div class="table-responsive">
            <table id="datatable" class="align-middle mb-0 table table-borderless table-striped table-hover left-sort-icon">
                <thead>
                    <tr>
                        <th style="width:40%;">Page</th>
                    </tr>
                </thead>
                <tbody>
                @foreach($pages as $item)
                    <tr class="cursor-pointer" onclick="document.location.href='{{ route('app.settings.page-attributes.edit', $item->id) }}'">
                        <td>{{ $item->name }}</td>
                        <td class="text-end">
                            <i class="fas fa-ellipsis-v dropdown-toggle me-3"
                               id="page-dropdown-{{ $item->id }}"
                               data-bs-toggle="dropdown"
                               aria-expanded="false" onclick="event.stopPropagation()">
                            </i>
                            <ul class="dropdown-menu" aria-labelledby="page-dropdown-{{ $item->id }}">

                                @can(\App\Models\Permission::PERM_PAGE_ATTRIBUTE_SETTING_UPDATE)
                                    <li>
                                        <a class="dropdown-item" href="{{ route('app.settings.page-attributes.edit', $item->id) }}">
                                            <span>Edit</span>
                                        </a>
                                    </li>
                                @endcan

                                @can(\App\Models\Permission::PERM_PAGE_ATTRIBUTE_SETTING_DELETE)

                                    <li>
                                        <button class="dropdown-item" type="button"
                                                onclick="AppHelper.deleteData({{ $item->id }})">
                                            <span>Delete</span>
                                        </button>
                                        <form id="delete-form-{{ $item->id }}"
                                              action="{{ route('app.settings.page-attributes.clean', $item->id) }}" method="POST"
                                              style="display: none;">
                                            @csrf()
                                            @method('DELETE')
                                        </form>
                                    </li>
                                @endcan

                            </ul>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection