@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.edit') => '#',
        ],
    ])
@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.update', ['category' => $category->id]) }}" method="post"
            id="editCategoryForm" class="form-bg-color p-4 rounded-form">
            @csrf
            @method('PUT')

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

            <div class="row my-2">
                <div class="col-3">
                    <label for="editNumber">@lang('warehouses/categories/create.category_number')</label>
                    <input type="text" name="number" id="editNumber" class="form-control"
                        value="{{ $category->number }}" readonly>
                </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="editName" class="rs">@lang('warehouses/categories/create.category_name')</label>
                    <input type="text" name="name" id="editName" class="form-control" value="{{ $category->name }}"
                        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"
                        value="{{ $category->dedicated_space }}" class="form-control">
                </div>
            </div>

            <div class="row my-2">
                @php
                    $selected_brances_ids = $category->connections->pluck('pivot.branch_id')->all();
                    $selected_branches = $branches->whereIn('id', $selected_brances_ids)->all();
                @endphp
                <div class="col-3">
                    <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 }}"
                                {{ in_array($branch->id, $selected_brances_ids) ? 'selected' : '' }}>
                                {{ $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>

            <div>
                <div class="accounts_sections">
                    <ul class="nav nav-pills mb-3 justify-content-center accounts_sections_header" id="pills-tab">
                        @foreach ($selected_branches as $branch)
                            <li class="nav-item">
                                <span data-filter=".branch-{{ $branch->id }}" data-bs-toggle="pill"
                                    class="accounts_section_btn btn nav-link {{ $loop->index == 0 ? 'active' : '' }}">
                                    {{ $branch->name }}
                                </span>
                            </li>
                        @endforeach
                    </ul>

                    <div class="accounts_sections_content">
                        @foreach ($selected_branches as $branch)
                            <div class="mix branch-{{ $branch->id }}" data-branchId="{{ $branch->id }}">
                                <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">
                                    <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)
                                            @php
                                                $selected_account = $category->connections
                                                    ->filter(function ($item) use ($branch, $category_connection_code) {
                                                        return $item->pivot->code_id == $category_connection_code->id && $item->pivot->branch_id == $branch->id;
                                                    })
                                                    ->first();
                                            @endphp

                                            <tr>
                                                <td class="md-td">{{ $category_connection_code->label }}</td>
                                                <td class="md-td">
                                                    <select
                                                        name="branches_accounts[{{ $branch->id }}][{{ $category_connection_code->code }}]"
                                                        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 }}"
                                                                    {{ $selected_account?->id == $account->id ? 'selected' : '' }}>
                                                                    {{ $account->name }}
                                                                </option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endforeach
                    </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">
                        <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 edit-category-btn"> @lang('general.save')</button>
            </div>
        </form>
    </div>
@endsection

@push('script')
    <script>
        const branches = @json($branches);
        const connections = @json($category->connections);
        const category_connection_codes = @json($category_connection_codes);
        const leaf_accounts = @json($leaf_accounts);
        const MODE = 'edit';

        $(() => {
            $('.edit-category-btn').click(function(e) {
                $(':required:invalid', '#editCategoryForm').each(function() {
                    let id = $('.tab-pane').find(':required:invalid').closest('.tab-pane').attr(
                        'id');
                    $('.nav button#' + id + '-tab').tab('show');
                });
            });
        });
    </script>

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