@extends('admin.layouts.master')
@section('style')
@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18">Thêm mới danh mục</h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.product_categories.index') }}">Danh sách danh
                                mục</a></li>
                        <li class="breadcrumb-item active">Thêm mới danh mục</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <form action="{{ route('admin.product_categories.store') }}" method="POST" enctype="multipart/form-data"
        class="needs-validation" novalidate>
        @csrf
        <div class="row">
            <div class="col-xl-9">
                <div class="card">
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="key_name" class="form-label fw-bold"> Tên danh mục <span
                                            class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('name') is-invalid @enderror"
                                        id="key_name" name="name" placeholder="Nhập tên danh mục"
                                        value="{{ old('name') }}" required maxlength="255">
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @else
                                        <div class="invalid-feedback">Vui lòng nhập tên danh mục.</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">

                                <div class="mb-3">
                                    <label for="parent_id_select" class="form-label fw-bold">Danh mục cha <span
                                            class="text-danger">*</span></label>
                                    <select name="parent_id"
                                        class="form-select select2 @error('parent_id') is-invalid @enderror"
                                        id="parent_id_select" data-placeholder="Chọn danh mục cha" required>
                                        Trạng thái hoạt động <option value="0"
                                            {{ old('parent_id') == 0 ? 'selected' : '' }}>Root Category
                                            (Danh mục gốc)</option>
                                        @foreach ($parentCategories as $parent_category)
                                            <option value="{{ $parent_category->id }}"
                                                {{ old('parent_id') == $parent_category->id ? 'selected' : '' }}>
                                                {{ $parent_category->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('parent_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @else
                                        <div class="invalid-feedback">Vui lòng chọn danh mục cha.</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="formrow-image-input" class="form-label fw-bold">Ảnh</label>
                                    <input type="file" class="form-control @error('image') is-invalid @enderror"
                                        id="formrow-image-input" name="image" accept="image/*">
                                    @error('image')
                                        <div c class="text-danger fw-bold fst-italic">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="formrow-meta_description-input" class="form-label fw-bold">Mô tả</label>
                                    <textarea class="form-control ckeditor" id="formrow-meta_description-input" name="meta_description">{{ old('meta_description') }}</textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                    <!-- end card body -->
                </div>
                <!-- end card -->
            </div>
            <div class="col-xl-3">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="formrow-firstname-input" class="form-label fw-bold">Trạng thái hoạt
                                        động</label>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <input class="form-check-input me-2" value="1" type="radio"
                                                name="status" id="status1"
                                                {{ old('status', 1) == 1 ? 'checked' : '' }} />
                                            <label class="form-check-label me-3" for="status1">
                                                Hoạt động
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input class="form-check-input me-2" value="0" type="radio"
                                                name="status" id="status0" />
                                            <label class="form-check-label" for="status0">
                                                Ngừng hoạt động
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div>
                            <button type="submit" class="btn btn-primary w-100">Thêm mới</button>
                        </div>

                    </div>
                    <!-- end card body -->
                </div>
                <!-- end card -->
            </div>
    </form>
@endsection

@section('script')
    <script src="{{ asset('theme/admin/assets/libs/ckeditor/ckeditor.js') }}"></script>

@endsection