@extends('admin.main')

@section('main')

    <!--begin::Products-->
    <div class="card card-flush">

        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">

            </div>
            <div class="card-toolbar">
                <!--begin::Button-->
                <a href="{{ route('admin.attributes.create') }}" class="btn btn-primary font-weight-bolder">New Attribute</a>
                <a href="{{ route('admin.attributes.options.create') }}" class="btn btn-secondary font-weight-bolder">New Attribute Option</a>
                <!--end::Button-->
            </div>
        </div>

        <!--begin::Card body-->
        <div class="card-body pt-0">
            <!--begin::Table-->

            @if ($errors->any())
                <div class="alert alert-success mt-5">
                    @foreach ($errors->all() as $error)
                        {{ $error }}
                    @endforeach
                </div>
            @endif



            <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_ecommerce_products_table">
                <!--begin::Table head-->
                <thead>
                    <!--begin::Table row-->
                    <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                        <th class="min-w-200px">Name</th>
                        <th class="text-center min-w-70px">Options</th>

                    </tr>
                    <!--end::Table row-->
                </thead>
                <!--end::Table head-->
                <!--begin::Table body-->
                <tbody class="fw-bold text-gray-600">
                    @forelse ($attrs as $attr)
                        <tr>

                            <td class="">
                                @if (App\Services\PermissionService::checkHasPermission('attributes_edit'))
                                    <a href="{{ route('admin.attributes.edit', $attr->id) }}">{{ $attr->title }}</a>
                                @else
                                    {{ $attr->title }}
                                @endif
                            </td>

                            <td class="text-center">
                                @if (App\Services\PermissionService::checkHasPermission('attributes_delete'))
                                    <a onclick="return confirm('Are you sure you want to remove this attribute?')"
                                        href="{{ route('admin.attributes.delete', $attr->id) }}"
                                        class="btn btn-danger">Remove</a>
                                @endif
                            </td>

                        </tr>

                        @foreach ($attr->options as $option)
                            <tr>
                                <td class="">
                                    @if (App\Services\PermissionService::checkHasPermission('attributes_edit'))
                                        <a href="{{ route('admin.attributes.options.edit', $option->id) }}">---
                                            {{ $option->title }}</a>
                                    @else
                                        --- {{ $option->title }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if (App\Services\PermissionService::checkHasPermission('attributes_delete'))
                                        <a onclick="return confirm('Are you sure you want to remove this attribute option?')"
                                            href="{{ route('admin.attributes.options.delete', $option->id) }}"
                                            class="btn btn-danger">Remove</a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach

                    @empty
                    @endforelse

                </tbody>
                <!--end::Table body-->
            </table>
            <!--end::Table-->
        </div>
        <!--end::Card body-->
    </div>
    <!--end::Products-->


@endsection

@push('css')
@endpush