@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            $module == 'pos' ?   __('breadcrumb.point_of_sale') :   __('breadcrumb.warehouses') => '/warehouses/branches',
            __('breadcrumb.categories') => route('tenant.' . $module . '.categories-and-items') . '?view=categories',
            __('breadcrumb.add') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => $module . '.categories-and-items'])
@endsection

@section('style')
    <style>
        .nav-pills .nav-link {
            color: #000;
        }
        .nav-pills .nav-link.active {
            color: #000;
            background-color: orange;
        }
    </style>
@endsection

@section('content')
    <div class="position-relative">
        <x-tenant.shared.backward-component :direct-to="__('breadcrumb.categories')"
            link="/{{ $module }}/categories-and-items?view=categories" />

        <form onsubmit="handleSubmit(event)" action="{{ route('tenant.' . $module . '.categories.store') }}" method="post"
            id="addCategoryForm" class="form-bg-color p-4 rounded-form">
            @csrf

            <h5>@lang('warehouses/categories/create.add_new_category')</h5>

            <div class="row my-2">
                <div class="col-3">
                    <label for="category_id" class="rs"> @lang('warehouses/categories/create.category_number')</label>
                    <input type="text" id="category_id" value="{{ $number }}" class="form-control" disabled
                        required>
                </div>

                @if ($parent_category)
                    <div class="col-3">
                        <label for="name" class="rs"> @lang('warehouses/categories/create.father_name')</label>
                        <input type="text" class="form-control" value="{{ $parent_category->name }}" disabled required>
                        <input type="hidden" class="form-control" name="parent_id"
                            value="{{ request()->input('parent_id') }}">
                    </div>
                @endif

                <div class="col-3">
                    <label for="name" class="rs"> @lang('warehouses/categories/create.new_category_level')</label>
                    <input type="text" class="form-control"
                        value="{{ $parent_category ? $parent_category->level + 1 : 1 }}" disabled required>
                </div>

                <div class="col-3">
                    <label for="name" class="rs">@lang('warehouses/categories/create.category_name')</label>
                    <input type="text" name="name" id="name" class="form-control" required>
                </div>

                <div class="col-3">
                    <label for="dedicated_space">@lang('warehouses/categories/create.dedicated_space')</label>
                    <input type="number" name="dedicated_space" step=".001" id="dedicated_space" class="form-control">
                </div>
            </div>

            <div>
                <div class="my-2 w-25">
                    <label for="branches" class="fw-bold">@lang('warehouses/categories/create.link_accounts_to_multiple_branches')</label>
                    <select name="branches" id="branches" multiple>
                        @foreach ($branches as $branch)
                            <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                        @endforeach
                    </select>
                    @if($parent_category)
                        <button type="button" class="btn btn-sm btn-success get-accounts-by-parent" data-categoryId="{{ $parent_category->id }}">
                            @lang('warehouses/categories/create.fetch_accounts_from_parent_branch')
                        </button>
                    @endif
                </div>

                <div class="accounts_sections">
                    <ul class="nav nav-pills mb-3 justify-content-center accounts_sections_header" id="pills-tab">
                    </ul>
                    <div class="accounts_sections_content"></div>
                </div>

                {{-- Accounts section content template [hidden] --}}
                <div class="accounts_section_template mix d-none">
                    <button type="button" class="btn btn-sm orange-btn clone-accounts-btn">
                        @lang('warehouses/categories/create.copy_current_accounts_to_all_selected_branches')
                    </button>
                    <table class="table table-striped table-bordered without-herotable categories-accounts">
                        <thead>
                            <tr>
                                <th class="md-td"> @lang('warehouses/categories/create.department_name')</th>
                                <th class="md-td"> @lang('warehouses/categories/create.account')</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($category_connection_codes as $category_connection_code)
                                <tr>
                                    <td class="md-td">{{ $category_connection_code->label }}</td>
                                    <td class="md-td">
                                        <select name="" class="default-select"
                                            data-codeName="{{ $category_connection_code->code }}">
                                            <option value=""></option>

                                            @php
                                                $accounts_list = ($category_connection_code->account_type == '')? $leaf_accounts : $category_connection_code->account?->sub_accounts;
                                            @endphp
                                            @if (!empty($accounts_list))
                                                @foreach ($accounts_list as $account)
                                                    <option value="{{ $account->id }}">
                                                        {{ $account->name }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="text-center">
                <button class="btn orange-btn add-category-btn"> @lang('general.save')</button>
            </div>
        </form>
    </div>
@endsection

@push('script')
    <script>
        const branches = @json($branches);
        const leaf_accounts = @json($leaf_accounts);
        const MODE = 'create';
    </script>

    <script src="{{ asset('js/libraries/mixitup.min.js') }}"></script>
    <script src="{{ asset('js/warehouses/categories/functions.js') }}"></script>
@endpush