@extends('tenant.layouts.master')

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

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

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

        <div>
            <create-warehouse-item
                module="{{ $module }}"
                data="{{ json_encode($data) }}">
            </create-warehouse-item>
        </div>
    </section>
@endsection

@push('prepend-script')
    <script src="{{ asset('js/libraries/mixitup.min.js') }}"></script>
    <script src="{{ asset('js/libraries/jsBarcode.min.js') }}"></script>
@endpush

@push('script')
    @scriptag('build/js/vue-components/create-warehouse-item.js')
@endpush