@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">Chỉnh sửa 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">Chỉnh sửa danh mục</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <form action="{{ route('admin.product_categories.update', $productCategory->id) }}" method="POST"
        enctype="multipart/form-data" class="needs-validation" novalidate>
        @csrf
        @method('PUT')
        <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="{{ $productCategory->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>
                                        <option value="0" {{ $productCategory->parent_id == 0 ? 'selected' : '' }}>Root
                                            Category (Danh mục gốc)</option>
                                        @foreach ($parentCategories as $parent_categorie)
                                            <option @selected($parent_categorie['id'] == $productCategory->parent_id) value="{{ $parent_categorie['id'] }}">
                                                {{ $parent_categorie['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 class="invalid-feedback">{{ $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">{{ $productCategory->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 text-center mb-3">
                                @if ($productCategory->image)
                                    <img src="{{ Storage::url($productCategory->image) }}"
                                        class="img-fluid rounded-circle border border-3 border-secondary shadow-lg"
                                        alt="User Avatar" width="100" style="height: 100px">
                                @else
                                    <img src="{{ asset('theme/admin/assets/images/avata_unknow.png') }}"
                                        class="img-fluid rounded-circle border border-3 border-secondary shadow-lg"
                                        alt="Default Avatar" width="100" style="height: 100px">
                                @endif
                            </div>
                            <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="sex1" @checked($productCategory->status) />
                                            <label class="form-check-label me-3" for="sex1">
                                                Hoạt động
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input class="form-check-input me-2" value="0" type="radio"
                                                name="status" id="sex2" @checked($productCategory->status == 0) />
                                            <label class="form-check-label" for="sex2">
                                                Ngừng hoạt động
                                            </label>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div>
                            <button type="submit" class="btn btn-primary w-100">Cập nhật</button>
                        </div>

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

@section('script')
  
@endsection