@extends('layouts.master')
@section('title', $isMain ? trans('admin.create_main_category') : trans('admin.create_sub_category'))

@section('vendor-style')
    <link rel="stylesheet" href="{{ asset('admin_assets/vendor/libs/select2/select2.css') }}" />
@endsection

@section('content')
    @php
        $indexUrl = $isMain ? route('admin.main_category.index') : route('admin.sub_category.index');
        $indexLabel = $isMain ? trans('admin.main_categories_list') : trans('admin.sub_categories_list');
        $storeUrl = $isMain ? route('admin.main_category.store') : route('admin.sub_category.store');
        $pageLabel = $isMain ? trans('admin.create_main_category') : trans('admin.create_sub_category');
    @endphp

    @include('layouts._breadcrumb', [
        'list' => [
            ['data' => trans('admin.dashboard'), 'url' => route('admin.landing')],
            ['data' => $indexLabel, 'url' => $indexUrl],
            ['data' => $pageLabel, 'url' => null],
        ],
    ])

    <div class="card">
        <div class="card-body">
            <form action="{{ $storeUrl }}" method="POST" enctype="multipart/form-data">
                @csrf
                @include('category._form')
            </form>
        </div>
    </div>
@endsection

@section('vendor-script')
    <script src="{{ asset('admin_assets/vendor/libs/select2/select2.js') }}"></script>
@endsection

@section('page-script')
    <script>
        $(document).ready(function() {
            $('.select2').each(function () {
                var element = $(this);
                element.select2({
                    placeholder: element.attr('placeholder'),
                    dropdownParent: element.parent()
                });
            });
        });
    </script>
@endsection