@extends('backend.layouts.app')
@section('head')

    <link rel="stylesheet" href="{{asset('assets/css/datatable.css')}}">

@endsection
@section('content')

<div class="aiz-titlebar text-left mt-2 mb-3">
	<div class="align-items-center">
		<h1 class="h3">{{translate('Attribute Detail')}}</h1>
	</div>
</div>

<div class="row">
    <!-- Small table -->
    <div class="@if(auth()->user()->can('add_product_attribute_values')) col-lg-7 @else col-lg-12 @endif">
        <div class="card">
            <div class="card-header">
                <strong class="card-title">
                    {{ $attribute->getTranslation('name') }}
                </strong>
            </div>

            <div class="card-body">
                <table id="datatable" class="table table-rounded table-striped border gy-7 w-100 gs-7">
                    <thead>
                    <tr class="fw-bold fs-6 text-gray-800 border-bottom border-gray-200">
                        <th style="text-align: center">
                            <input type="checkbox" id="select_all"/></th>
                        <th>#</th>
                        <th>{{translate('Value')}}</th>
                        <th class="">{{translate('actions')}}</th>

                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>

    </div>
    @can('add_product_attribute_values')
        <div class="col-md-5">
            <div class="card">
                <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Add New Attribute Value') }}</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('store-attribute-value') }}" method="POST">
                        @csrf
                        <div class="form-group mb-3">
                            <label for="name">{{translate('Attribute Name')}}</label>
                            <input type="hidden" name="attribute_id" value="{{ $attribute->id }}">
                            <input type="text" placeholder="{{ translate('Name')}}" name="name" value="{{ $attribute->name }}"class="form-control" readonly>
                        </div>
                        <div class="form-group mb-3">
                            <label for="name">{{translate('Attribute Value')}}</label>
                            <input type="text" placeholder="{{ translate('Name')}}" id="value" name="value" class="form-control" required>
                        </div>
                        <div class="form-group mb-3 text-right">
                            <button type="submit" class="btn btn-primary">{{translate('Save')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endcan
</div>
@endsection

@section('modal')
    @include('modals.delete_modal')
@endsection
@section('script')

    <script src="{{asset('assets/js/datatable.js')}}"></script>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    {!! $datatable_script !!}

@endsection