@extends('admin.layout.master')
@section('title','PRODUCT')
@section ('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>Create Product</h4>
        </div>
        <div class="card-body">
            <input type="hidden" name="token" id="csrf-token" value="{{ Session::token() }}" />
            <form  id="form" method="post" action="{{route('product.store')}}" name="form" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-4">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-10">
                                    <label for="category_id">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">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="module_no">Model No</label>
                                    <input type="text" value="{{ old('module_no') }}"  onchange="nameSuggetions('{{$p_setting->projected_item}}')" name="module_no" id="module_no" class="form-control @error('module_no') is-invalid @enderror" placeholder="Name" >
                                    @error('module_no')
                                        <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="desc">Description</label>
                                    <textarea type="text" name="desc" id="desc" rows="3" class="form-control  @error('desc') is-invalid @enderror" placeholder="Product Description"></textarea>
                                    @error('desc')
                                        <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">Sell Price 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">Regular Sell Price</label>
                                    <input type="number" step=".001" 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">Retail Sell Price</label>
                                    <input type="number" step=".001" 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">Whole Sell Price</label>
                                    <input type="number" step=".001" 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">Flash Sell Price</label>
                                    <input type="number" step=".001" 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">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;Sellable</label><br>
                                    {{-- <label for="service_item"><input type="checkbox" name="service_item" id="service_item" value="1">&nbsp;&nbsp;&nbsp;Service Item</label><br> --}}
                                    <label for="expiarable_product" id="exp_lbl"><input type="checkbox" name="expiarable_product" id="expiarable_product" value="1">&nbsp;&nbsp;&nbsp;Expiarable 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;Serialized 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;Manufacture 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">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-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">Sub 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">Local 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>

                            <div class="row" style="padding-top: 10px">
                                <div class="col-md-12">
                                    <label for="barcode">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  @error('barcode') is-invalid @enderror" 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>Barcode length must be {{ (warehouse_info()->barcode_type-1) }}.</strong>
                                    </span>
                                </div>
                            </div>
                            <div class="row" style="padding-top: 10px">
                                <div class="col-md-12">
                                    <label for="buy_price">Buy Price</label>
                                    <input type="number" step=".001" 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">Buy Price 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">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="">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>
                            <div class="row" style="padding-top: 10px">
                                <div class="col-md-12">
                                    <label for="unit">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" style="padding-top: 10px">
                                <div class="col-md-12">
                                    <label for="item_group_id">Item 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 class="row" style="padding-top: 10px">
                                <div class="col-md-12">
                                    <label for="cbm">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>
                        </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">Sub Sub 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="Short Name">Short Name</label>
                                   <input type="text" name="short_name" {{ 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>

                            <div class="row" style="padding-top: 10px">
                                <div class="col-md-12">
                                    <label for="brand_id">Brand</label>
                                    <select class="select_2 @error('brand_id') is-invalid @enderror form-control" 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>
                                    @error('brand_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-10">
                                    <label for="vendor_id">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>
                                        {{-- @foreach ($vendor as $vendor)
                                            <option value='{{$vendor->id}}'>{{$vendor->name_eng}}</option>
                                        @endforeach --}}
                                    </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">
                                    <label for="reorder_level">Reorder Level</label>
                                    <input type="number" value="{{ old('reorder_level') }}" class="form-control  @error('reorder_level') is-invalid @enderror" name="reorder_level" id="reorder_level">
                                    @error('reorder_level')
                                        <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">Secondary 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>
                                <div class="row" style="padding-top: 10px">
                                    <div class="col-md-12">
                                        <label for="unit_quantity">Quantity 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">
                                    <label for="acc_group_id">Account 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">
                                    <label for="section_id">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>
                            <div class="row" style="padding-top: 10px">
                                <div class="col-md-12">
                                    <label for="serial">Serial</label>
                                    <input type="text" value="{{ old('serial') }}"  name="serial" id="serial" class="form-control  @error('serial') is-invalid @enderror" placeholder="Serial">
                                    @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="Fixed Commision">Fixed 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>
                    </div>
                </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')}}" >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