@extends('tenant.layouts.master')

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

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => $module . '.branches'])
@endsection

@section('content')
    <x-tenant.warehouses.branches.update-branch module="{{ $module }}"
        :branch="$branch"></x-tenant.warehouses.branches.update-branch>
@endsection

@push('script')
    <script>
        $(() => {
            $('.edit-branch-btn').click(function(e) {
                $(':required:invalid', '#editBranchForm').each(function() {
                    var id = $('.tab-pane').find(':required:invalid').closest('.tab-pane').attr(
                        'id');
                    $('.nav button#' + id + '-tab').tab('show');
                });
            });

            $(".select-all-items-btn").on("change", function() {
                var $table = $(this).closest(".items-table");
                var $visibleCheckboxes = $table.find(".item-checkbox:visible");

                $visibleCheckboxes.prop("checked", $(this).prop("checked"));
            });
        });
    </script>
@endpush