@extends('../backend/layout/' . $layout)

@section('subhead')
<title>Attribute Groups</title>
@endsection

@section('subcontent')
<div class="grid grid-cols-12 gap-6 mt-5">
    <div class="intro-y col-span-12 lg:col-span-12">
        <!-- BEGIN: Input -->
        <div class="intro-y box">
            <div
                class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                <h2 class="font-medium text-base mr-auto">Edit Attribute Group</h2>
            </div>
            <div id="input" class=" p-5">
                <form id="attribute_form" class="validate-form" action="javascript:;" enctype="multipart/form-data">
                    @csrf
                    @method("put")
                    <div class="input-form mb-4">
                        <label for="regular-form-1" class="form-label w-full flex flex-col sm:flex-row">Name<span
                            class="text-danger">*</span></label>
                        <input id="name" name="name" type="text" class="form-control form__input"
                            value="{{ $attributeGroup->name }}" minlength="3"
                            required data-pristine-required-message="Please enter attribute group name">
                        <div id="error-name" class="form__input-error text-danger mt-2"></div>
                    </div>
                    <div class="grid grid-cols-2 gap-4">
                    <div class="input-form mb-4">
                        <label for="crud-form-3" class="form-label">Categories <span
                            class="text-danger">*</span></label>
                        <select data-placeholder="Select Categories" class="tom-select w-full" id="category_id"
                            name="category_id" required data-pristine-required-message="Please select any categories">
                            @foreach ($categories as $category)
                                <option value="{{ $category->id }}" {{$category->id == $attributeGroup->category_id  ? 'selected' : ''}}>{{ $category->parent_id ? $category->parent->name .'->'. $category->name : $category->name }}</option>
                            @endforeach
                        </select>
                        <div id="error-category_id" class="form__input-error text-danger mt-1"></div>
                    </div>
                    <div class="input-form mb-4">
                        <label for="sort" class="form-label w-full flex flex-col sm:flex-row">Sort Order </label>
                        <input id="sort" name="sort" value="{{ $attributeGroup->sort }}" type="number" class="form-control form__input">
                        <div id="error-sort" class="form__input-error text-danger"></div>
                    </div>
                    </div>
                    <button type="submit" id="btn-submit" class="btn btn-primary w-24 mr-1 mb-2">Update</button>
                    <a href="{{ route('attribute_group.index') }}"
                        class="btn btn-outline-secondary w-24 inline-block mr-1 mb-2">Back</a>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
    const attribute_group_update_route = '{{ route('attribute_group.update', $attributeGroup->id) }}'
</script>
<script src="{{ asset(mix('js/backend/pages/attribute_group/edit.js')) }}"></script>
@endsection