@extends('shaun_core::admin.layouts.master')

@section('content')
<div class="admin-card has-table">
    <div class="admin-card-top">
        <h5 class="admin-card-top-title">{{__("Manage attributes of ':categoryName'", ['categoryName' => $category->name])}}</h5>
        <a 
            class="button admin_modal_ajax btn-filled-blue" 
            data-url="{{route('admin.market_place.attribute.create', $categoryId)}}" 
            href="javascript:void(0);">{{__('Create new')}}
        </a>
    </div>
    <div class="admin-card-body">
        <div class="admin-menu-table">
            <table class="admin-table table table-hover">
                <thead>
                    <th width="40"></th>
                    <th>
                        {{__('Name')}}
                    </th>
                    <th width="100">
                        {{__('Status')}}
                    </th>
                    <th width="250">
                        {{__('Actions')}}
                    </th>
                </thead>
                <tbody id="market_place_attributes_list">
                    @foreach ($attributes as $attribute)
                        <tr data-id="{{$attribute->id}}">
                            <td>
                                <span role="button" class="material-symbols-outlined notranslate admin-menu-table-col-icon"> open_with </span>
                            </td>
                            <td>
                                <img width="24" class="img-fluid" src="{{$attribute->getIconUrl()}}">
                                {{$attribute->getTranslatedAttributeValue('name')}}
                            </td>
                            <td>
                                @if ($attribute->is_active)
                                    {{__('Yes')}}
                                @else
                                    {{__('No')}}
                                @endif
                            </td>
                            <td class="actions-cell" width="200">
                                <a class="admin_modal_ajax" href="javascript:void(0)" data-url="{{route('admin.market_place.attribute.create',['id' => $attribute->id, 'category_id' => $categoryId])}}">
                                    {{__('Edit')}}
                                </a>
                                <a href="{{route('admin.market_place.attribute.value', $attribute->id)}}">
                                    {{__('Manage Values')}}
                                </a>
                                <a class="button-red admin_modal_confirm_delete" href="javascript:void(0)" data-url="{{route('admin.market_place.attribute.delete',$attribute->id)}}">
                                    {{__('Delete')}}
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@stop   

@push('scripts-body')
<script src="{{ asset('admin/js/translation.js') }}"></script>
<script src="{{ asset('admin/js/market_place.js') }}"></script>
<script src="{{ asset('admin/js/lib/Sortable.min.js') }}"></script>
<script>
    adminMarketPlace.initAttributesList('{{route('admin.market_place.attribute.store_order')}}');
</script>
@endpush