@extends('admin.layout.master')
@section('title', 'PRODUCT')
@section('content')
    <style>
        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-top: 1px solid #2c7f6f;
            border-bottom: 1px solid #e2e2e2;
            border-left: 1px solid #2c7f6f;
            border-right: 1px solid #2c7f6f;
            background: none !important;
            color: #2c7f6f;
        }

        .nav-link:hover {
            border-bottom: #2c7f6f !important;
        }

        a.nav-link.active:hover {
            border-bottom: #e2e2e2 !important;
        }

        a.nav-link {
            color: #9e9e9e;
        }

        .nav-tabs {
            border-bottom: 1px solid #2c7f6f;
        }
    </style>
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>{{__('obs.create')}} {{__('obs.product')}}</h4>
        </div>
        <div class="card-body">
            <input type="hidden" name="token" id="csrf-token" value="{{ Session::token() }}"/>
            <form id="form" name="form" method="post" enctype="multipart/form-data"> {{--  action="{{ route('product.store') }}" --}}
                @csrf
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" role="tab"
                            aria-controls="home" aria-selected="true">{{__('obs.master')}} {{__('obs.details')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="other-tab" data-bs-toggle="tab" data-bs-target="#other" role="tab"
                            aria-controls="other" aria-selected="false">{{__('obs.other')}} {{__('obs.data')}}</a>
                    </li>
                    @if (warehouse_info()->is_using_quotation == 1)
                        <li class="nav-item">
                            <a class="nav-link" id="quotation-tab" data-bs-toggle="tab" data-bs-target="#tab_quotation" role="tab"
                                aria-controls="vat" aria-selected="false">{{__('obs.quotation')}}</a>
                        </li>
                    @endif
                    @if (warehouse_info()->is_using_vat == 1)
                        <li class="nav-item">
                            <a class="nav-link" id="vat-tab" data-bs-toggle="tab" data-bs-target="#vat" role="tab"
                                aria-controls="vat" aria-selected="false">{{__('obs.vat')}}</a>
                        </li>
                    @endif
                </ul>
                <div class="tab-content pt-3" id="myTabContent">
                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-10">
                                            <label for="category_id">{{__('obs.category')}}</label><br>
                                            <select class="select_2 @error('category_id') is-invalid @enderror form-control"
                                                style="width: 100%"
                                                onchange="loadCategory('{{ $p_setting->projected_item }}',this.value, 'sub')"
                                                name="category_id" id="category_id" required>
                                                <option value="" default>-- Select Category --</option>
                                                @foreach ($cat as $cat)
                                                    <option value='{{ $cat->id }}'>{{ $cat->name_eng }}</option>
                                                @endforeach
                                            </select>
                                            @error('category_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-2 text-left" style="padding-top: 26px; margin-left: -18px">
                                            <a target="blank" href="{{ route('product-category.index') }}" type="button"
                                                class="btn btn-outline-success plus-btn"><i class="fas fa-plus"></i></a>
                                        </div>
                                    </div>
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="name_eng">{{__('obs.name')}}</label>
                                            <input type="text" value="{{ old('name_eng') }}" name="name_eng"
                                                id="name_eng" class="form-control  @error('name_eng') is-invalid @enderror"
                                                placeholder="Name" required>
                                            @error('name_eng')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="unit">{{__('obs.unit')}}</label>
                                            <select type="text"
                                                class="form-control select_2 @error('unit') is-invalid @enderror"
                                                name="unit" id="unit">
                                                @forelse ($unit as $item)
                                                    @if ($item->type != 1)
                                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                    @endif
                                                @empty
                                                @endforelse
                                            </select>
                                            @error('unit')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row div_sell" id="div_sell_code" style="padding-top: 10px; display: none">
                                        <div class="col-md-12">
                                            <label for="sell_price_code">{{__('obs.sell')}} {{__('obs.price')}} {{__('obs.code')}}</label>
                                            <input type="text" value="{{ old('sell_price_code') }}"
                                                class="form-control  @error('sell_price_code') is-invalid @enderror"
                                                name="sell_price_code" id="sell_price_code">
                                            @error('sell_price_code')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row div_sell" id="div_sell" style="padding-top: 10px; display: none">
                                        <div class="col-md-12">
                                            <label for="sell_price">{{__('obs.regular')}} {{__('obs.sell')}} {{__('obs.price')}}</label>
                                            <input type="number" step=".000000000000001" value="{{ old('sell_price') }}"
                                                min="0"
                                                class="form-control  @error('sell_price') is-invalid @enderror"
                                                name="sell_price" id="sell_price">
                                            @error('sell_price')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row div_sell" style="padding-top: 10px; display: none">
                                        <div class="col-md-12">
                                            <label for="retail_sell_price">{{__('obs.retail')}} {{__('obs.sell')}} {{__('obs.price')}}</label>
                                            <input type="number" step=".000000000000001"
                                                value="{{ old('retail_sell_price') }}" min="0"
                                                class="form-control  @error('retail_sell_price') is-invalid @enderror"
                                                name="retail_sell_price" id="retail_sell_price">
                                            @error('retail_sell_price')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row div_sell" style="padding-top: 10px; display: none">
                                        <div class="col-md-12">
                                            <label for="whole_sell_price">{{__('obs.whole')}} {{__('obs.sell')}} {{__('obs.price')}}</label>
                                            <input type="number" step=".000000000000001" value="{{ old('whole_sell_price') }}"
                                                min="0"
                                                class="form-control  @error('whole_sell_price') is-invalid @enderror"
                                                name="whole_sell_price" id="whole_sell_price">
                                            @error('whole_sell_price')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row div_sell" style="padding-top: 10px; display: none">
                                        <div class="col-md-12">
                                            <label for="flash_sell_price">{{__('obs.flash')}} {{__('obs.sell')}} {{__('obs.price')}}</label>
                                            <input type="number" step=".000000000000001" value="{{ old('flash_sell_price') }}"
                                                min="0"
                                                class="form-control  @error('flash_sell_price') is-invalid @enderror"
                                                name="flash_sell_price" id="flash_sell_price">
                                            @error('flash_sell_price')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    @if ($p_setting->multi_size == 1)
                                        <div class="row" style="padding-top: 10px">
                                            <div class="col-md-12">
                                                <label for="size_id">{{__('obs.size')}}</label>
                                                <select
                                                    class="select_2  @error('size_id') is-invalid @enderror form-control"
                                                    onchange="c_s_flg = 0" style="width: 100%" name="size_id"
                                                    id="size_id">
                                                    <option value=' '>-- Select size --</option>
                                                    @foreach ($color_size as $size)
                                                        @if ($size->type == 2)
                                                            <option value="{{ $size->id }}">{{ $size->name }}
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                @error('size_id')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    @endif
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="sellable"><input type="checkbox" name="sellable" id="sellable"
                                                value="1" onchange="isSellable()">&nbsp;&nbsp;&nbsp;{{__('obs.sellable')}}</label><br>
                                            {{-- <label for="service_item"><input type="checkbox" name="service_item" id="service_item" value="1">&nbsp;&nbsp;&nbsp;{{__('obs.service')}} {{__('obs.item')}}</label><br> --}}
                                            <label for="expiarable_product" id="exp_lbl"><input type="checkbox"
                                                name="expiarable_product" id="expiarable_product"
                                            value="1">&nbsp;&nbsp;&nbsp;{{__('obs.expiarable')}} {{__('obs.product')}}</label>
                                            <label for="serialized_product"><input
                                                onchange="quantityField('{{ $p_setting->auto_purchase }}', '{{ $p_setting->multi_color }}', '{{ $p_setting->multi_size }}')"
                                                type="checkbox" name="serialized_product" id="serialized_product"
                                            value="1">&nbsp;&nbsp;&nbsp;{{__('obs.serialized')}} {{__('obs.product')}}</label><br>
                                            <label for="manufacture_code" id="menu_code_lbl" style="display: none"><input
                                                type="checkbox" name="manufacture_code" id="manufacture_code"
                                            value="1">&nbsp;&nbsp;&nbsp;{{__('obs.manufacture')}} {{__('obs.code')}}</label>
                                        </div>
                                    </div>
                                    @if ($p_setting->auto_purchase == 1)
                                        <div class="row" id="div_quantity" style="padding-top: 10px; display:">
                                            <div class="col-md-10">
                                                <label for="total_quantity">{{__('obs.quantity')}}</label>
                                                <input type="number" value="{{ old('total_quantity') }}"
                                                    name="total_quantity"
                                                    {{ $p_setting->multi_color == 1 || $p_setting->multi_size == 1 ? 'disabled' : '' }}
                                                    id="total_quantity"
                                                    class="form-control  @error('total_quantity') is-invalid @enderror"
                                                    placeholder="Product Quantity">
                                                @error('total_quantity')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-2 text-left"
                                                style="padding-top: 26px; margin-left: -18px; display: {{ $p_setting->multi_color != 1 && $p_setting->multi_size != 1 ? 'none' : '' }}"
                                                id="quantity_btn">
                                                <a target="blank" data-bs-toggle="modal" onclick="checkColorSize()"
                                                    data-target="#modal" type="button"
                                                    class="btn btn-outline-success plus-btn"><i
                                                        class="fas fa-plus"></i></a>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label for="sub_category_id">{{__('obs.sub')}} {{__('obs.category')}}</label><br>
                                            <select
                                                class="select_2 @error('sub_category_id') is-invalid @enderror form-control "
                                                style="width: 100%"
                                                onchange="loadCategory('{{ $p_setting->projected_item }}',this.value, 'subsub')"
                                                name="sub_category_id" id="sub_category_id">
                                                <option value=''>-- Select --</option>
                                            </select>
                                            @error('sub_category_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="name_local">{{__('obs.local')}} {{__('obs.name')}}</label>
                                            <input type="text" value="{{ old('name_local') }}" name="name_local"
                                                id="name_local"
                                                class="form-control  @error('name_local') is-invalid @enderror"
                                                placeholder="Local Name">
                                            @error('name_local')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    @if ($p_setting->dual_unit != null)
                                        <div class="row" style="padding-top: 10px">
                                            <div class="col-md-12">
                                                <label for="secondary_unit">{{__('obs.secondary')}} {{__('obs.unit')}}</label>
                                                <select type="text"
                                                    class="form-control select_2 @error('secondary_unit') is-invalid @enderror"
                                                    name="secondary_unit" id="secondary_unit">
                                                    @forelse ($unit as $item)
                                                        @if ($item->type == 1)
                                                            <option value="{{ $item->id }}">{{ $item->name }}
                                                            </option>
                                                        @endif
                                                    @empty
                                                    @endforelse
                                                </select>
                                                @error('secondary_unit')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    @endif
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="buy_price">{{__('obs.buy')}} {{__('obs.price')}}</label>
                                            <input type="number" step=".000000000000001" value="{{ old('buy_price') }}"
                                                min="0"
                                                class="form-control  @error('buy_price') is-invalid @enderror"
                                                name="buy_price" id="buy_price" required>
                                            @error('buy_price')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="buy_price_code">{{__('obs.buy')}} {{__('obs.price')}} {{__('obs.code')}}</label>
                                            <input type="text" value="{{ old('buy_price_code') }}"
                                                class="form-control  @error('buy_price_code') is-invalid @enderror"
                                                name="buy_price_code" id="buy_price_code">
                                            @error('buy_price_code')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    @if ($p_setting->multi_color == 1)
                                        <div class="row" style="padding-top: 10px">
                                            <div class="col-md-12">
                                                <label for="color_id">{{__('obs.color')}}</label><br>
                                                <select
                                                    class="select_2  @error('color_id') is-invalid @enderror form-control"
                                                    onchange="c_s_flg = 0" style="width: 100%" name="color_id"
                                                    id="color_id">
                                                    <option value=' '>-- Select Color --</option>
                                                    @foreach ($color_size as $clr)
                                                        @if ($clr->type == 1)
                                                            <option value="{{ $clr->id }}">{{ $clr->name }}
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                @error('color_id')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    @endif
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="item_group_id">{{__('obs.item')}} {{__('obs.group')}}</label>
                                            <input type="hidden" name="is_consumable" id="is_consumable"
                                                value="">
                                            <select
                                                class="select_2 @error('item_group_id') is-invalid @enderror form-control"
                                                style="width: 100%" name="item_group_id" id="item_group_id" required
                                                onchange="$('#is_consumable').val($('option:selected', this).attr('is_consumable'));">
                                                <option value="" default> -- Select Item Group -- </option>
                                                @foreach ($item_grps as $item_grp)
                                                    <option value="{{ $item_grp->id }}"
                                                        is_consumable="{{ $item_grp->is_consumable }}">
                                                        {{ $item_grp->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('item_group_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label for="sub_sub_category_id">{{__('obs.sub')}} {{__('obs.sub')}} {{__('obs.category')}}</label><br>
                                            <select
                                                class="select_2 @error('sub_sub_category_id') is-invalid @enderror form-control"
                                                onchange="nameSuggetions('{{ $p_setting->projected_item }}')"
                                                style="width: 100%;" name="sub_sub_category_id" id="sub_sub_category_id">
                                                <option value=''>-- Select --</option>
                                            </select>
                                            @error('sub_sub_category_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="barcode">{{__('obs.barcode')}}</label>
                                            <input type="{{ warehouse_info()->barcode_type != 0 ? 'number' : 'text' }}"
                                                minlength="{{ warehouse_info()->barcode_type != 0 ? warehouse_info()->barcode_type - 1 : 0 }}"
                                                value="{{ $barcode }}" name="barcode" id="barcode" class="form-control" placeholder="Barcode" required>
                                            @error('barcode')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <span class="invalid-feedback" role="alert" id="barcode_validate"
                                                style="display: none">
                                                <strong>{{__('obs.barcode')}} {{__('obs.length')}} {{__('obs.must')}} {{__('obs.be')}} {{ warehouse_info()->barcode_type - 1 }}.</strong>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="Short Name">{{__('obs.short')}} {{__('obs.name')}}</label>
                                            <input type="text" name="short_name" {{ old('short_name') }} value="{{ old('short_name') }}" placeholder="Short Name" class="form-control"/>
                                            @error('short_name')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    @if ($p_setting->dual_unit != null)
                                        <div class="row" style="padding-top: 10px">
                                            <div class="col-md-12">
                                                <label for="unit_quantity">{{__('obs.quantity')}} {{__('obs.unit')}}</label>
                                                <input type="number" value="{{ old('unit_quantity') }}"
                                                    name="unit_quantity" id="unit_quantity"
                                                    class="form-control  @error('unit_quantity') is-invalid @enderror"
                                                    placeholder="Product Quantity">
                                                @error('unit_quantity')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    @endif

                                    {{-- <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">

                                        </div>
                                    </div> --}}
                                    {{-- <div class="row" style="padding-top: 10px">
                                        <div class="col-md-10">
                                            <label for="vendor_id">{{__('obs.supplier')}}</label><br>
                                            <select class="form-control vendor_live @error('vendor_id') is-invalid @enderror form-control" style="width: 100%" name="vendor_id" id="vendor_id">
                                                <option value=' '>-- Select Supplier --</option>
                                            </select>
                                            @error('vendor_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-2 text-left" style="padding-top: 26px; margin-left: -18px">
                                            <a target="_blank" href="{{route('vendor.create')}}" type="button" class="btn btn-outline-success plus-btn"><i class="fas fa-plus"></i></a>
                                        </div>
                                    </div> --}}
                                    {{-- <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">

                                        </div>
                                    </div> --}}
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="acc_group_id">{{__('obs.account')}} {{__('obs.group')}}</label>
                                            <select
                                                class="select_2 @error('acc_group_id') is-invalid @enderror form-control"
                                                style="width: 100%" name="acc_group_id" id="acc_group_id">
                                                {{-- <option value=' '>-- Select --</option> --}}
                                                @foreach ($acc_grps as $acc_grp)
                                                    <option value="{{ $acc_grp->id }}">{{ $acc_grp->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('acc_group_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    {{-- <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">

                                        </div>
                                    </div> --}}
                                    {{-- <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">

                                        </div>
                                    </div> --}}
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="Fixed Commision">{{__('obs.fixed')}} {{__('obs.commission')}}</label>
                                            <input type="text" value="{{ old('fixed_commission') }}"
                                                name="fixed_commission" id="FixedCommision" class="form-control"
                                                placeholder="Fixed Commission">
                                            @error('serial')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row" style="padding-top: 10px">
                                        <div class="col-md-12">
                                            <label for="cbm">{{__('obs.')}}storelocation</label>
                                            <select
                                                class="select_2 @error('store_location_ids') is-invalid @enderror form-control"
                                                style="width: 100%" name="store_location_ids[]" id="store_location_ids"
                                                multiple>

                                                @foreach (adminAsignedWarehouseList()->where('type',3) as $wh)
                                                    <option value="{{ $wh->id }}"
                                                        @if (current_store() == $wh->id) disabled @endif>
                                                        {{ $wh->name_eng }}</option>
                                                @endforeach
                                            </select>
                                            @error('store_location_ids')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="tab-pane fade" id="other" role="tabpanel" aria-labelledby="other-tab">
                        <div class="row">
                            <div class="col-md-4">
                                <label for="module_no">{{__('obs.model')}} {{__('obs.no')}}</label>
                                <input type="text" value="{{ old('module_no') }}" onchange="nameSuggetions('{{ $p_setting->projected_item }}')" name="module_no"
                                    id="module_no" class="form-control" placeholder="Name">
                            </div>
                            <div class="col-md-4">
                                <label for="brand_id">{{__('obs.brand')}}</label>
                                <select class="select_2 form-control"
                                    onchange="nameSuggetions('{{ $p_setting->projected_item }}')" style="width: 100%"
                                    name="brand_id" id="brand_id">
                                    <option value=' '>-- Select Brand --</option>
                                    @foreach ($brand as $brand)
                                        <option value="{{ $brand->id }}">{{ $brand->name_eng }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4 mb-2">
                                <div class="row">
                                    <div class="col-md-10">
                                        <label for="vendor_id">{{__('obs.supplier')}}</label><br>
                                        <select class="form-control vendor_live form-control" style="width: 100%" name="vendor_id" id="vendor_id">
                                            <option value=""></option>
                                        </select>
                                    </div>
                                    <div class="col-md-2 text-left" style="padding-top: 26px; margin-left: -18px">
                                        <a target="_blank" href="{{ route('vendor.create') }}" type="button" class="btn btn-outline-success plus-btn"><i class="fas fa-plus"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label for="reorder_level">{{__('obs.reorder')}} {{__('obs.level')}}</label>
                                <input type="number" value="{{ old('reorder_level') }}" class="form-control" name="reorder_level" id="reorder_level">
                            </div>
                            <div class="col-md-4">
                                <label for="allow_fraction_qty">{{__('obs.fraction')}} {{__('obs.in')}} {{__('obs.qty')}}</label>
                                <input type="number" value="{{ old('allow_fraction_qty') }}" class="form-control" name="allow_fraction_qty" id="allow_fraction_qty">
                            </div>
                            <div class="col-md-4">
                                <label for="serial">{{__('obs.serial')}}</label>
                                <input type="text" value="{{ old('serial') }}" name="serial" id="serial" class="form-control" placeholder="Serial">
                            </div>
                            <div class="col-md-4">
                                <label for="cbm">{{__('obs.cbm')}}</label>
                                <input type="number" step=".000000000001" value="{{ old('cbm') }}"
                                    class="form-control  @error('cbm') is-invalid @enderror" name="cbm"
                                    id="cbm">
                                @error('cbm')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="section_id">{{__('obs.section')}}</label>
                                <select class="select_2 @error('section_id') is-invalid @enderror form-control"
                                    style="width: 100%" name="section_id" id="section_id">
                                    <option value=''>-- Select --</option>
                                    @foreach ($sections as $section)
                                        <option value="{{ $section->id }}">{{ $section->chart_name }}</option>
                                    @endforeach
                                </select>
                                @error('section_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="">{{__('obs.image')}}</label>
                                <input type="file" name="image" id="image"
                                    class="form-control  @error('image') is-invalid @enderror">
                                @error('image')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="desc">{{__('obs.description')}}</label>
                                <textarea type="text" name="desc" id="desc" rows="3"
                                    class="form-control  @error('desc') is-invalid @enderror" placeholder="Product Description">{{ old('desc') }}</textarea>
                                @error('desc')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    @if (warehouse_info()->is_using_quotation == 1)
                        @include('inventory.product.quotation_info')
                    @endif
                    @if (warehouse_info()->is_using_vat == 1)
                        {{-- Using "vat_" prefix for vat module --}}
                        @include('inventory.product.vat_info')
                    @endif

                </div>
                <!-- Modal -->
                <div class="modal fade bd-example-modal-lg" id="modal" tabindex="-1" role="dialog"
                    aria-labelledby="modalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-body">
                                @include('inventory.forms.product_form')
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row pb-0  modal-footer">
                    <a type="button" class="btn-sina-close" href="{{ route('product.index') }}">{{__('obs.close')}}</a>
                    <input class="btn-sina-submit" type="submit" id="save" value="save" value="Save">
                </div>
            </form>
        </div>
    </div>
@endsection
@section('script')
    <script>
        const store_setting = @json(store_info());
    </script>
    <script>
        var type = {{ warehouse_info()->barcode_type }}
    </script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/product-create.js') }}"></script>
@endsection