@extends('layouts.syndron.app')

@section('title')
{{ __('Product Category') }}
@endsection

@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="{{ __('please fix the below issues ') }}">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </x-Alerts.danger>
        @endif
        @if (session('error'))
        <x-Alerts.danger title="{{ __('error!') }}">
            {{ session('error')}}
        </x-Alerts.danger>
        @endif
        @if (session('success'))
        <x-Alerts.success title="{{ __('success!') }}">
            {{ 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">{{ __('category name') }}</label>
                            <input name="name" value="{{$old_category->name}}" type="text" class="form-control">
                        </div>
                        <div class="col-sm-3">
                            <label class="form-label">{{ __('slug') }}</label>
                            <input name="slug" value="{{$old_category->slug}}" type="text" class="form-control">
                        </div>
                        <div class="col-sm-3">
                            <label class="form-label">{{ __('Group') }}</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">{{ __('parent') }}</label>
                            <select name="parent" id="" class="form-select">
                                <option value="0">{{ __('select') }}</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">
                                {{ __('update category') }}
                            </button>
                        </div>
                        <div class="ms-3 ">
                            <a href="{{route('admin.category.index', ['type' => 'product'])}}" class="btn btn-primary">
                                {{ __('cancel') }}
                            </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">{{ __('category name') }}</label>
                            <input name="name" type="text" class="form-control">
                        </div>
                        <div class="col-sm-3">
                            <label class="form-label">{{ __('slug') }}</label>
                            <input name="slug" type="text" class="form-control">
                        </div>
                        <div class="col-sm-3">
                            <label class="form-label">{{ __('group') }}</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">{{ __('parent') }}</label>
                            <select name="parent" id="" class="form-select">
                                <option value="0">{{ __('select') }}</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">
                                {{ __('create  category') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </section>
        @endif

        <section class="">
            <table class="table mb-0 table-striped">
                <thead>
                    <tr>
                        <th>{{ __('name') }}</th>
                        <th> {{ __('slug') }} </th>
                        <th>{{ __('group') }}</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>

                    @foreach($categories as $category)
                    <tr>
                        <td>{{ $category->name }}</td>
                        <td>{{ $category->slug }}</td>
                        <td>{{ $category->term_group }}</td>
                        <td>

                            <a href="{{route('admin.category.edit',['category' => $category->id,'type' => 'product'])}}" type="button" class="btn btn-primary">
                                <i class="bx bx-edit me-0"></i>
                            </a>
                            <form class="m-0 p-0 d-inline" action="{{ route('admin.category.destroy',['type' => 'product' , 'category' =>$category->id]) }}" method="POST">
                                @csrf
                                @method('DELETE')
                                <input type="text" value="{{$category->id}} " name="id" hidden>
                                <button type="submit" class="btn btn-danger">
                                    <i class="bx bx-trash me-0"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

        </section>
    </div>
</div>
@endsection
@section("script")

@endsection