@extends('admin.main')

@section('main')
<div class="card">
    <!--begin::Card header-->
    <div class="card-header">
        <!--begin::Card title-->
        <div class="card-title fs-3 fw-bolder">New Products Attribute</div>
        <!--end::Card title-->
    </div>
    <!--end::Card header-->
    <!--begin::Form-->
    <form method="POST" action={{ route('admin.attributes.options.create.action') }} class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
        @csrf
        <!--begin::Card body-->
        <div class="card-body p-9">

            <div class="row mb-8">
                <!--begin::Col-->
                <div class="col-xl-3">
                    <div class="fs-6 fw-bold mt-2 mb-3">Attribute Parent</div>
                </div>
                <!--end::Col-->
                <!--begin::Col-->
                <div class="col-xl-9 fv-row fv-plugins-icon-container">
                    <select class="form-control form-control-solid" name="attr_id">
                        @foreach ($attrs as $attr)

                            <option value="{{ $attr->id }}">{{ $attr->title }}</option>

                        @endforeach
                    </select>
                <div class="fv-plugins-message-container invalid-feedback"></div></div>
            </div>
            <!--end::Row-->

            <!--begin::Row-->
            <div class="row mb-8">
                <!--begin::Col-->
                <div class="col-xl-3">
                    <div class="fs-6 fw-bold mt-2 mb-3">Attribute Title</div>
                </div>
                <!--end::Col-->
                <!--begin::Col-->
                <div class="col-xl-9 fv-row fv-plugins-icon-container">
                    <input type="text" class="form-control form-control-solid" name="title">
                <div class="fv-plugins-message-container invalid-feedback"></div></div>
            </div>
            <!--end::Row-->

        </div>
        <!--end::Card body-->
        <!--begin::Card footer-->
        <div class="card-footer d-flex justify-content-end py-6 px-9">
            <button type="submit" class="btn btn-primary" id="kt_project_settings_submit">Save</button>
        </div>
        <!--end::Card footer-->
    </form>
</div>
@endsection

@push('js')
    <script src="{{ asset('admin/js/myCustomCategory.js') }}"></script>
    <script>
        category.init()
    </script>
@endpush