@extends('layouts.syndron.app')

@section('title', 'دسته بندی فروشگاه ')
@section('author', '')
@section('keywords', '')
@section('description', '')
@section('theme', 'dark-theme')

@section('style')

@endsection

@section('content')

    <div class="page-wrapper">
        <div class="page-content">

            @if ($errors->any())
                <x-Alerts.danger title="لطفا نقص های گفته شده را برطرف کنید ">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </x-Alerts.danger>
            @endif
            @if (session('error'))
                <x-Alerts.danger title="موفق!">
                    {{ session('error')}}
                </x-Alerts.danger>
            @endif
            @if (session('success'))
                <x-Alerts.success title="موفق!">
                    {{ session('success')}}
                </x-Alerts.success>
            @endif


            @if($action == 'edit')
                <section class="card">
                    <div class="card-body">
                        <form action="{{route('admin.category.update' , ['type' => 'product' , 'category' => $old_category->id])}}"
                              method="POST">
                            @method("PUT")
                            @csrf
                            <div class="row">
                                <div class="col-sm-3">
                                    <label class="form-label">نام دسته بندی </label>
                                    <input name="name" value="{{$old_category->name}}" type="text" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">نامک</label>
                                    <input name="slug" value="{{$old_category->slug}}" type="text" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">گروه</label>
                                    <input class="form-control" list="editGroupList"
                                           value="{{$old_category->term_group}}" name="group" type="text">
                                    <datalist id="editGroupList">
                                        @foreach ($categories->unique('term_group') as $category)
                                            <option value="{{$category->term_group}}"></option>
                                        @endforeach
                                    </datalist>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">دسته بندی والد</label>
                                    <select name="parent" id="" class="form-select">
                                        <option value="0">انتخاب کنید</option>
                                                                                </select>
                                </div>
                            </div>
                            <input name="type" type="text" value="product-category" hidden>
                            <input name="id" type="text" value="{{$old_category->id}}" hidden>

                            <div class="d-flex flex-row mt-3 justify-content-end">
                                <div class="">
                                    <button type="submit" class="btn btn-primary">
                                        ویرایش دسته بندی
                                    </button>
                                </div>
                                <div class="ms-3 ">
                                    <a href="{{route('admin.category.index', ['type' => 'product'])}}"
                                       class="btn btn-primary">
                                        انصراف
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                </section>
            @endif

            @if($action != 'edit')
                <section class="card">
                    <div class="card-body">
                        <form action="{{route('admin.category.store' , ['type' => 'product'])}}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-sm-3">
                                    <label class="form-label">نام دسته بندی</label>
                                    <input name="name" type="text" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">نامک</label>
                                    <input name="slug" type="text" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">گروه</label>
                                    <input list="createGroupList" name="group" type="text" class="form-control">
                                    <datalist id="createGroupList">
                                        @foreach ($categories->unique('term_group') as $category)
                                            <option value="{{$category->term_group}}"></option>
                                        @endforeach
                                    </datalist>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">دسته بندی والد</label>
                                    <select name="parent" id="" class="form-select">
                                        <option value="0">انتخاب کنید</option>
                                        @foreach($categories as $category)
                                            <option value="{{$category->id}}">
                                                {{ $category->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <input name="type" type="text" value="product-category" hidden>

                            <div class="d-flex flex-row mt-3 justify-content-end">
                                <div class="">
                                    <button type="submit" class="btn btn-primary">
                                        افزودن دسته بندی
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </section>
            @endif

            <section>
                <div class="card">
                    <div class="card-body">
                        <ul class="list-group">
                            @foreach(\App\Models\Term::firstDepthProductCategories() as $category)
                                @include('pages.admin.term.partials.category', ['category' => $category,'categories' => $categories->groupBy('parent')])
                            @endforeach
                        </ul>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection
@section("script")

    <script>
        function createSubCategory(id) {
            $(`[name="parent"]`).val(id);
        }
    </script>
@endsection