@extends('admin.layouts.master')
@push('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush
@section('content')
<div class="content-page">
    <div class="content">
        <div class="container-fluid">
            <div class="row mt-3">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="header-title">Chỉnh Sửa {{ $name }}</h4>
                            <div class="tab-content mt-5">
                                <div class="tab-pane show active" id="custom-styles-preview" role="tabpanel">
                                    <form action="{{route($route_prefix.'update',[$item->id])}}" class="needs-validation" novalidate="" method="POST">
                                        @csrf
                                        @method('PATCH')
                                        <div class="mb-3">
                                            <label class="form-label" for="validationCustom02">Tên</label>
                                            <input value="{{ old('name', $item->name) }}" name="name" type="text"
                                                class="form-control @error('name') is-invalid @enderror"
                                                id="validationCustom01" placeholder="Tên" required />
                                            <div class="valid-feedback">
                                                Tốt!
                                            </div>
                                            @error('name')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label" for="validationCustom02">Type</label>
                                            <input value="{{ old('type', $item->type) }}" name="type" type="text"
                                                class="form-control @error('type') is-invalid @enderror"
                                                id="validationCustom01" placeholder="Type" required />
                                            <div class="valid-feedback">
                                                Tốt!
                                            </div>
                                            @error('type')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        @if ($name == 'Menu')
                                                <div class="mb-3">
                                                    <label class="form-label" for="validationCustom02">Menu type</label>
                                                    <select multiple="multiple" 
                                                    class="menu form-control select-2 @error('type') is-invalid @enderror"
                                                    name="menu_type[]" id="menu_type">
                                                        @foreach ($menu_types as $category_type)
                                                            <option value="{{ $category_type->id }}"
                                                                {{ in_array($category_type->id, $selectedTypes ?? []) ? 'selected' : '' }}>
                                                                {{ $category_type->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <div class="valid-feedback">
                                                        Tốt!
                                                    </div>
                                                    @error('menu_type')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>

                                                <div class="mb-3">
                                                    <label class="form-label" for="validationCustom02">Category type</label>
                                                    <select multiple="multiple" 
                                                    class="menu form-control categorytype @error('type') is-invalid @enderror"
                                                    name="category_type[]" id="category_type">
                                                        @foreach ($category_types as $category_type)
                                                            <option value="{{ $category_type->id }}"
                                                                {{ in_array($category_type->id, $selectedCategoryTypes ?? []) ? 'selected' : '' }}>
                                                                {{ $category_type->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <div class="valid-feedback">
                                                        Tốt!
                                                    </div>
                                                    @error('category_type')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            @endif
                                        <button class="btn btn-primary" type="submit" fdprocessedid="j85tou">Cập
                                            nhật</button>
                                    </form>
                                </div> <!-- end preview-->

                                
                            </div>
                        </div> <!-- end card body-->
                    </div> <!-- end card -->
                </div><!-- end col-->
            </div>

        </div>
        <!-- container -->

    </div>
    <!-- content -->

    <!-- Footer Start -->
    @include('admin.includes.footer')

    <!-- end Footer -->
</div>
@endsection
@push('js')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
    $(document).ready(function () {
        $('.select-2').select2();
        $('.categorytype').select2();
    });
</script>
@endpush