@extends('layouts.admin_main')

@section('title', trans('admin_lang.sub_category'))

@section('content')
    @breadcrumb([
    'home_url' => route('admin.dashboard.index'),
    'links' => [
        [
            'url' => route('admin.sub-category.index'),
            'title' => trans('admin_lang.sub_category_management'),
        ]
    ],
    'current_page_title' => trans('admin_lang.add_sub_category')
    ])
    @endbreadcrumb

    <div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="kt-portlet">
                    @header(['title' => trans('admin_lang.add_sub_category'), 'icon' => 'fa fa-list'])
                    @endheader
                    <!--begin::Form-->
                    <form class="kt-form" action="{{ route('admin.sub-category.store') }}" method="POST">
                        <div class="kt-portlet__body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="name" class="required">@lang('admin_lang.name')</label>
                                        <input type="text" name="name" id="name" placeholder="{{ trans('admin_lang.sub_category_placeholder') }}" required class="form-control">
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="category_id" class="required">@lang('admin_lang.select_category')</label>
                                        <select class="form-control categorySelect2" name="category_id">
                                            <option value="">@lang('admin_lang.select_category')</option>
                                            @foreach ($categories as $id => $category)
                                                <option value="{{ $category->id }}" >{{ $category->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="description">@lang('admin_lang.description')</label>
                                        <textarea name="description" id="description" class="form-control"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="kt-portlet__foot">
                            <div class="kt-form__actions">
                                @button(['type' => 'submit'])@endbutton
                                @button(['type' => 'cancel', 'url' => route('admin.sub-category.index')])@endbutton
                            </div>
                        </div>
                    </form>
                    <!--end::Form-->
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
    $(document).ready(function() {
        $(".categorySelect2").select2({placeholder: "{{ trans('admin_lang.select_category') }}"});
        KTSelect2.init();
    });
</script>
@endpush