@extends('dashboard.components.main')
@section('content')
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content warehousesPageContainer">
    <div class="page-content">
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="page-title mb-0 font-size-18">@lang('dashboard_warehouses.warehouses')</h4>
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item active">@lang('dashboard.welcome')</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <!-- Errors -->
        @include('dashboard.components.errors')
        <!-- Success Message -->
        @if (session()->has('message'))
            <p class="alert alert-success text-center">
                {{ session()->get('message') }}
            </p>
        @endif
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">@lang('dashboard_warehouses.warehouse_fast_operations')</h4>
                <div>
                    <div class="btn-group" role="group">
                        <button id="btnGroupVerticalDrop1" type="button" class="btn btn-primary dropdown-toggle"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            @lang('dashboard_warehouses.warehouse_fast_operations') <i class="mdi mdi-chevron-down"></i>
                        </button>
                        <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                            {{-- <a class="popup-form dropdown-item" href="#">تعديل </a> --}}
                            {{-- <a class="popup-form  dropdown-item" href="#editwarehouse{{ $index }}" disabled>
                            @lang('buttons.edit') </a> --}}
                            <a class="popup-form  dropdown-item" href="#addcat" disabled> @lang('buttons.add')  @lang('dashboard_warehouses.warehouses')<i class="mdi mdi-plus-thick"></i> </a>
                            <a class="popup-form  dropdown-item" href="#transfar" disabled> @lang('dashboard_warehouses.transfer_to_warehouse') </a>
                            <a class="popup-form  dropdown-item" href="#editComplexProductQuantity" disabled> @lang('dashboard_warehouses.edit_complex_quantity') </a>
                            {{-- <a class="popup-form  dropdown-item" href="#editbalancequantity" disabled> @lang('dashboard_warehouses.edit_balance/quantity') </a> --}}
                            <a class="popup-form  dropdown-item" href="#addproductraw" disabled> @lang('dashboard_warehouses.add_product_or_raw_material') </a>
                            {{-- <a class="popup-form  dropdown-item" href="#productfrommany" disabled> @lang('dashboard_warehouses.add_product_from_other_products')  </a> --}}
                            {{-- <a class="popup-form  dropdown-item" href="#initialproduct" disabled> @lang('dashboard_warehouses.add_initial_product')</a> --}}
                            <a class="popup-form  dropdown-item" href="#addservice" disabled> @lang('dashboard_warehouses.add_new_service') </a>
                        </div>
                    </div>
                    <a class="btn btn-primary" href="{{ route('dashboard.warehouses.initialproducts') }}">@lang('dashboard_warehouses.products')</a>
                    <a class="btn btn-primary" href="{{ route('dashboard.warehouses.services') }}">@lang('dashboard_warehouses.services')</a>
                </div>
                {{-- add new service --}}
                <div class="card mfp-hide mfp-popup-form mx-auto" id="addservice">
                    <div class="card-body">
                        <h4 class="mt-0 mb-4">@lang('dashboard_warehouses.add_new_service') </h4>
                        <form action="{{ route('dashboard.services.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                    </div>
                            <div class="repeater">
                                <div data-repeater-list="service" id="prods">
                                    <div data-repeater-item class="row">
                                        <div class="row addServiceRow">
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label>@lang('dashboard_warehouses.paid_type') </label>
                                                    <select class="form-control select2" style="width: 100%"
                                                    onchange="PaidTypeSerivceChanged(this)" required name="paid_type">
                                                    <option disabled selected value="{{ null }}">@lang('dashboard_warehouses.select_if_paid') </option>
                                                    <option value="yes">Yes</option>
                                                    <option value="no">No</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="name">@lang('dashboard_warehouses.name')</label>
                                                <input type="text" name="name" required class="form-control"
                                                id="name" placeholder="@lang('dashboard_warehouses.name')">
                                            </div>
                                        </div>
                                    <div class="col-lg-2 ">
                                        <div class="form-group">
                                            <label>@lang('dashboard_warehouses.sku')</label>
                                            <input type="text" name="sku" required class="form-control" placeholder="@lang('dashboard_warehouses.sku')">
                                        </div>
                                    </div>
                                    <div class="col-lg-3 form-group">
                                        <label for="">@lang('dashboard_warehouses.quantity_unit')</label>
                                        <select name="unit" class="unit_select form-control select2" style="width: 100%">
                                            <option value="piece">Piece</option>
                                            <option value="box">Box</option>
                                            <option value="kg">KG</option>
                                            <option value="g">G</option>
                                            <option value="other">Other</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-3 form-group" hidden>
                                        <label for="">@lang('dashboard_warehouses.quantity_unit')</label>
                                        <input type="text" class="form-control custom_unit" >
                                    </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="project">@lang('dashboard_warehouses.branched_from')</label>
                                                <select class="form-control select2" style="width: 100%" name="parent">
                                                    <option disabled selected>@lang('dashboard_warehouses.select_service')</option>
                                                    @foreach($services_parents as $parent)
                                            <option value="{{ $parent->id }}"
                                                {{ (old("parent") == $parent->id ? "selected":"") }}>{{ $parent->name }}
                                            </option>
                                            @endforeach
                                                </select>
                                                <small style="color: red">@lang('dashboard_warehouses.leave_it_if_not_branched_from_other_serivce')</small>
                                            </div>
                                        </div>
                                                <h5 class="col-lg-12">@lang('dashboard_warehouses.selling')</h5>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.selling_information') </label>
                                                <input type="text" name="selling_information" class="form-control"
                                                    id="name" placeholder="@lang('dashboard_warehouses.selling_information')">
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.selling_price') </label>
                                                <input type="number" required min="0" name="selling_price" class="form-control"
                                                    id="name" placeholder="@lang('dashboard_warehouses.selling_price') ">
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="project">@lang('dashboard_warehouses.selling_account')</label>
                                                <select class="form-control select2" style="width: 100%" required name="selling_account_id">
                                                    <option disabled selected value="{{ null }}">@lang('dashboard_warehouses.select_account')</option>
                                                    @foreach ($accounts->where('account_type_id',12) as $account)
                                                    <option value="{{ $account->id }}">{{ $account->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.selling_description')</label>
                                                <input type="text" name="selling_description" class="form-control"
                                                    id="name" placeholder="Description">
                                            </div>
                                        </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="project">@lang('dashboard_warehouses.selling_tax')</label>
                                                    <select class="form-control select2" style="width: 100%" onchange="" required name="selling_tax_id">
                                                        <option selected value="{{ null }}">@lang('dashboard_warehouses.select_tax')</option>
                                                        @foreach ($taxes as $tax)
                                                            <option value="{{ $tax->id }}"> {{ $tax->name .' ('. $tax->percentage . ' )' }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <h5 class="col-lg-12 purchaseservice" hidden>@lang('dashboard_warehouses.purchase')</h5>
                                                <div class="form-group col-lg-2 purchaseservice" hidden>
                                                    <label for="pruchase">@lang('dashboard_warehouses.purchase_information')</label>
                                                    <input type="text"  name="purchase_information"
                                                        class="form-control" id="name"
                                                        placeholder="@lang('dashboard_warehouses.purchase_information')">
                                                </div>
                                                <div class="form-group col-lg-2 purchaseservice" hidden>
                                                    <label for="quantity">@lang('dashboard_warehouses.purchase_price')</label>
                                                    <input type="number" min="0"  name="purchase_price"
                                                        class="form-control purchasePrice"
                                                        placeholder="@lang('dashboard_warehouses.purchase_price')">
                                                </div>
                                                <div class="col-lg-2 form-group purchaseservice" hidden>
                                                        <label for="project">@lang('dashboard_warehouses.purchase_account')</label>
                                                        <select class="form-control select2 purchaseAccount" style="width: 100%" name="purchase_account_id">
                                                            <option disabled selected value="{{ null }}">@lang('dashboard_warehouses.select_account')</option>
                                                            @foreach ($accounts->where('account_type_id',13) as $account)
                                                            <option value="{{ $account->id }}">{{ $account->name }}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                </div>
                                                <div class="col-lg-2 form-group purchaseservice" hidden>
                                                        <label for="sku">@lang('dashboard_warehouses.purchase_description') </label>
                                                        <input type="text" name="pruchase_description" class="form-control"
                                                            id="name" placeholder="Description">
                                                </div>
                                                    <div class="col-lg-2 form-group purchaseservice" hidden>
                                                            <label for="project">@lang('dashboard_warehouses.purchase_tax')</label>
                                                            <select class="form-control select2" style="width: 100%" onchange="" name="pruchase_tax_id">
                                                                <option selected value="{{ null }}">@lang('dashboard_warehouses.select_tax')</option>
                                                                @foreach ($taxes as $tax)
                                                                    <option value="{{ $tax->id }}"> {{ $tax->name .' ('. $tax->percentage . ' )' }}</option>
                                                                @endforeach
                                                            </select>
                                                    </div>
                                                    <div class="col-lg-10">
                                                        <label for="">@lang('dashboard_warehouses.select_image')</label>
                                                        <input type="file" class="col-lg-9" name="image" id="">
                                                    </div>
                                            <div class="col-lg-2 align-self-center">
                                                {{-- <input type="checkbox" name="delete" class="del form-group"
                                        id="checkbox"> --}}
                                                <button type="button" data-repeater-delete class="btn btn-primary deleteRow" aria-label="Profile">
                                                    <i class="mdi mdi-delete-alert" aria-hidden="true"></i>
                                                </button>
                                            </div>

                                
                                        </div>
                                                        <!-- Seperator -->
                                    <div class="seperator mt-4" style="height: 1px; width: 100%; background: #ccc; margin-bottom: 20px"></div>
                                
                                    </div>
                                </div>
                                <input data-repeater-create type="button" class="btn btn-success mt-3 mt-lg-0"
                                    value="@lang('dashboard_warehouses.add')" onclick="handleAddServiceSaveButton()" />
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary addServiceSaveButton">@lang('buttons.execute')</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                {{-- end add service --}}
                
                {{-- start add product from other products --}}
                  <div class="card mfp-hide mfp-popup-form mx-auto" id="productfrommany">
                    <div class="card-body">
                        <h4 class="mt-0 mb-4">@lang('dashboard_warehouses.add_product_from_other_porducts')</h4>
                        <form action="{{ route('dashboard.products.store.complex.product') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-lg-3 form-group">
                                    <label for="">@lang('dashboard_warehouses.name')</label>
                                    <input type="text" name="name" placeholder="@lang('dashboard_warehouses.name')" class="form-control">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <label for="">@lang('dashboard_warehouses.sku')</label>
                                    <input type="text" name="sku" placeholder="@lang('dashboard_warehouses.sku')" class="form-control">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <label for="">@lang('dashboard_warehouses.quantity')</label>
                                    <input type="number" min="0" name="quantity" placeholder="@lang('dashboard_warehouses.quantity')" class="form-control">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <label for="">@lang('dashboard_warehouses.description')</label>
                                    <input type="text" name="description" placeholder="@lang('dashboard_warehouses.description')" class="form-control">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-3 from-group">
                                    <label for="">@lang('dashboard_warehouses.cost_account') </label>
                                    <select name="cost_account" class="form-control select2" style="width: 100%" id="">
                                        <option value="1">@lang('dashboard_warehouses.account') 1</option>
                                        <option value="2">@lang('dashboard_warehouses.account') 2</option>
                                        <option value="3">@lang('dashboard_warehouses.account') 3</option>
                                    </select>
                                </div>
                                <div class="col-lg-3 form-group">
                                    <label for="">@lang('dashboard_warehouses.selling_price')</label>
                                    <input type="text" name="selling_price" placeholder="@lang('dashboard_warehouses.selling_price')" class="form-control">
                                </div>
                                <div class="col-lg-3 from-group">
                                    <label for="">@lang('dashboard_warehouses.selling_account')</label>
                                    <select name="cost_account" class="form-control select2" style="width: 100%" id="">
                                        <option value="1">@lang('dashboard_warehouses.account') 1</option>
                                        <option value="2">@lang('dashboard_warehouses.account') 2</option>
                                        <option value="3">@lang('dashboard_warehouses.account') 3</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-3 form-group">
                                    <label for="">@lang('dashboard_warehouses.produce_point')</label>
                                    <input type="text" name="produce_point" placeholder="@lang('dashboard_warehouses.produce_point')" class="form-control">
                                </div>
                                <div class="col-lg-3 from-group">
                                    <label for="">@lang('dashboard_warehouses.warehouse_to_add_product_in')</label>
                                    <select name="warehouse_id" class="form-control select2" style="width: 100%" id="">
                                        <option selected disabled>@lang('dashboard_warehouses.select_warehouse')</option>
                                        @foreach ($warehouses as $warehouse)
                                                <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-3 from-group">
                                    <label for="">@lang('dashboard_warehouses.store_account') </label>
                                    <select name="store_account" class="form-control select2" style="width: 100%" id="">
                                        <option value="1">@lang('dashboard_warehouses.account')  1</option>
                                        <option value="2">@lang('dashboard_warehouses.account')  2</option>
                                        <option value="3">@lang('dashboard_warehouses.account')  3</option>
                                    </select>
                                </div>
                            </div>
                            <div class="repeater">
                                <div class="row">
                                    <div class="col-lg-3">
                                        <h5>
                                            @lang('dashboard_warehouses.collected_from')
                                        </h5>
                                    </div>
                                </div>
                                <div data-repeater-list="complexproduct" id="prods">
                                    <div data-repeater-item class="row">
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label>@lang('dashboard_warehouses.warehouse') </label>
                                                    <select class="form-control select2" style="width: 100%" 
                                                    onchange="complexProductWarehouseChanged(this)" name="warehouse" onchange="">
                                                        <option disabled selected>Select Warehouse</option>
                                                        @foreach ($warehouses as $warehouse)
                                                        <option value="{{ $warehouse->id }}">{{ $warehouse->name }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label>@lang('dashboard_warehouses.product')</label>
                                                    <select class="form-control select2" style="width: 100%" required name="product_id" 
                                                    onchange="complexProductChanged(this)">
                                                        <option disabled selected>Select Product</option>
                                                        {{-- @foreach ($products as $product)
                                                        <option value="{{ $product->id }}">{{ $product->name }}
                                                        </option>
                                                        @endforeach --}}
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 from-group">
                                                <label for="">@lang('dashboard_warehouses.quantity')</label>
                                                <input type="number" placeholder="@lang('dashboard_warehouses.quantity')" 
                                                onchange="complexPorductQuantityChanged(this)" 
                                                min="0" name="quantity" class="form-control">
                                            </div>
                                            <div class="col-lg-2 from-group">
                                                <label for="">@lang('dashboard_warehouses.price')</label>
                                                <input type="number" min="0" placeholder="@lang('dashboard_warehouses.price')" 
                                                name="price" class="form-control">
                                            </div>
                                            <div class="col-lg-2 from-group">
                                                <label for="">@lang('dashboard_warehouses.total_price')</label>
                                                <input type="number" min="0" name="total_price" 
                                                placeholder="@lang('dashboard_warehouses.total_price')" class="form-control">
                                            </div>
                                            <div class="col-lg-2 align-self-center">
                                                <button type="button" data-repeater-delete class="btn btn-primary "
                                                    onclick="" aria-label="Profile">
                                                    <i class="mdi mdi-delete-alert" aria-hidden="true"></i>
                                                </button>
                                            </div>
                                    </div>
                                </div>
                                <input data-repeater-create type="button" class="btn btn-success mt-3 mt-lg-0"
                                value="@lang('dashboard_warehouses.add')" onclick="addClicked()" />
                                </div>
                                    <div class="row">
                                        <div class="col-lg-10">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.image')</label>
                                                <input class="col-lg-9" type="file" name="image" id="file_to_upload" onchange="readImage(this)" style="display: inline" class="form-control"
                                                    id="name" placeholder="@lang('dashboard_warehouses.image')">
                                            </div>
                                                <img id="uploaded_image" src="#" alt="your image" hidden />
                                        </div>
                                        <div class="col-lg-2 form-group d-none btnRemoveImage" style="">
                                            <label for=""> </label>
                                            <button type="button" onclick="removeFile(this)" class="form-control btn btn-danger mt-2"> 
                                                <small> @lang('dashboard_warehouses.remove_image')</button>

                                              {{--   <button type="button" onclick="removeFile(this)" class="form-control" 
                                            style="margin-left: -30px;color: red;border:none;self-align:center" > <small> Remove Image </small></button> --}}
                                        </div>
                                    </div>

                                    

                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary">@lang('buttons.execute')</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                {{-- end add product from other products--}}
                {{-- start add product and raw material --}}
                <div class="card mfp-hide mfp-popup-form mx-auto" id="addproductraw">
                    <div class="card-body">
                        <h4 class="mt-0 mb-4">@lang('dashboard_warehouses.add_product_and_raw_material')</h4>
                        <form action="{{ route('dashboard.products.store.material.product') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                    </div>
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="form-group">
                                                    <label>@lang('dashboard_warehouses.add_product_and_raw_material')</label>
                                                    <select class="form-control select2" name="warehouse_id" style="width: 100%" onchange="">
                                                        <option disabled selected>@lang('dashboard_warehouses.select_warehouse')</option>
                                                        @foreach ($warehouses as $warehouse)
                                                        <option value="{{ $warehouse->id }}">{{ $warehouse->name }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-3">

                                                <div class="form-group">
                                                    <label for="">@lang('dashboard_warehouses.name')</label>
                                                    <input type="text" class="form-control" placeholder="@lang('dashboard_warehouses.name')" required name="name">
                                                </div>
                                            </div>

                                                <div class="col-lg-2 form-group">
                                                    <label for="">@lang('dashboard_warehouses.quantity_unit')</label>
                                                    <select name="unit" class="unit_select form-control select2"
                                                     style="width: 100%">
                                                        <option value="piece">Piece</option>
                                                        <option value="box">Box</option>
                                                        <option value="kg">KG</option>
                                                        <option value="g">G</option>
                                                        <option value="other">Other</option>
                                                    </select>
                                                </div>
                                           
                                                

                                                <div class="col-lg-2 form-group" hidden>
                                                    <label for="">@lang('dashboard_warehouses.quantity_unit')</label>
                                                    <input type="text" class="form-control custom_unit">
                                                </div>
                                           
                                

                                            
 
                                            <div class="col-lg-1 form-group" hidden>
                                                    <label>@lang('dashboard_warehouses.unit')</label>
                                                        <input type="text" class="form-control" name="custom_unit" id="selected_unit" disabled>
                                                </div>

                                                <div class="col-lg-2 form-group" hidden>
                                                    <label>@lang('dashboard_warehouses.total_quantity')</label>
                                                        <input type="text" name="total_quantity" class="form-control" id="slected_total_quantity" disabled>
                                                </div>

                                                <div class="col-lg-2 ">
                                                    <div class="form-group">
                                                        <label for="document_date">@lang('dashboard_warehouses.sku')</label>
                                                        <input type="text" name="sku" required class="form-control"
                                                        id="name" placeholder="@lang('dashboard_warehouses.sku')">
                                                    </div>
                                                </div>

                                            <div class="col-lg-3">
                                                <div class="form-group">
                                                    <label>@lang('dashboard_warehouses.product_branched_from')</label>
                                                    <select class="form-control select2" style="width: 100%" name="product_parent_id" onchange="">
                                                        <option selected value="{{ null }}">@lang('dashboard_warehouses.select_product')</option>
                                                        @foreach ($products as $product)
                                                        <option value="{{ $product->id }}">{{ $product->name }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                    <small style="color: red">@lang('dashboard_warehouses.leave_it_if_your_product_is_not_branched_from_another_product')</small>
                                                </div>
                                            </div>
                                       

                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label>Consists of many products</label>
                                                <select class="form-control select2" style="width: 100%" name="is_complex" onchange="addProductRowTypeChanged(this)">
                                                    <option selected value="{{ null }}">Choose an option</option>
                                                    <option value="yes">Yes</option>
                                                    <option value="no">No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-lg-11">

                                            <div class="form-group">
                                                <label for="">@lang('dashboard_warehouses.description')</label>
                                                <textarea name="description" class="form-control" id="" cols="30" 
                                                placeholder="@lang('dashboard_warehouses.description')" rows="3"></textarea>
                                            </div>
                                        </div>

                                    
                                        {{-- <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="document_date">@lang('dashboard_warehouses.added_quantity')</label>
                                                <input type="number" min="0" name="quantity" class="form-control"
                                                id="name" placeholder="@lang('dashboard_warehouses.added_quantity')">
                                            </div>
                                        </div> --}}
                                    </div>
                                    <div class="row mt-4"> <h6> @lang('dashboard_warehouses.selling_information')</h6></div>
                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="form-group">
                                                <label for="document_date">@lang('dashboard_warehouses.selling_price')</label>
                                                <input type="number" min="0" name="selling_price" class="form-control"
                                                id="name" placeholder="@lang('dashboard_warehouses.selling_price')">
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="incomes_account">@lang('dashboard_warehouses.incomes_account')</label>
                                                <select class="form-control select2" style="width: 100%" name="revenues_id">
                                                    <option disabled selected>@lang('dashboard_warehouses.select_account')</option>
                                                    @foreach ($accounts->where('account_type_id','12') as $account)
                                                    <option value="{{ $account->id }}">{{ $account->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label for="sold_products_costs_account">@lang('dashboard_warehouses.sold_products_costs_account')</label>
                                                <select class="form-control select2" style="width: 100%" name="expenses_id">
                                                    <option disabled selected>@lang('dashboard_warehouses.select_account')</option>
                                                    @foreach ($accounts->where('account_type_id','13') as $account)
                                                    <option value="{{ $account->id }}">{{ $account->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.selling_description')</label>
                                                <input type="text" name="selling_description" class="form-control"
                                                    id="name" placeholder="@lang('dashboard_warehouses.selling_description')">
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.selling_information')</label>
                                                <input type="text" name="selling_information" class="form-control"
                                                     placeholder="@lang('dashboard_warehouses.selling_information')">
                                            </div>
                                        </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="project">@lang('dashboard_warehouses.tax')</label>
                                                    <select class="form-control select2" style="width: 100%" name="selling_tax_id">
                                                        <option selected value="{{ null }}">@lang('dashboard_warehouses.select_tax')</option>
                                                        @foreach ($taxes as $tax)
                                                            <option value="{{ $tax->id }}">{{ $tax->name . '( ' .$tax->percentage . ')' }} </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <h6>@lang('dashboard_warehouses.purchase_information')    </h6>
                                        </div>
                                    <div class="row">
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="document_date">@lang('dashboard_warehouses.purchase_price')</label>
                                                <input type="number" min="0" name="purchase_price" class="form-control"
                                                id="name" placeholder="@lang('dashboard_warehouses.purchase_price')">
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="project">@lang('dashboard_warehouses.warehouse_account')</label>
                                                <select class="form-control select2" style="width: 100%" name="current_assets_id"
                                                    >
                                                    <option disabled selected>@lang('dashboard_warehouses.select_account')</option>
                                                    @foreach ($accounts->where('account_type_id','4') as $account)
                                                    <option value="{{ $account->id }}">{{ $account->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.purchase_description')</label>
                                                <input type="text" name="purchase_description" class="form-control"
                                                    id="name" placeholder="@lang('dashboard_warehouses.purchase_description')">
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.purchase_information')</label>
                                                <input type="text" name="purchase_information" class="form-control"
                                                    id="name" placeholder="@lang('dashboard_warehouses.purchase_information')">
                                            </div>
                                        </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="project">@lang('dashboard_warehouses.tax')</label>
                                                    <select class="form-control select2" style="width: 100%" name="purchase_tax_id">
                                                        <option selected value="{{ null }}">@lang('dashboard_warehouses.select_tax')</option>
                                                        @foreach ($taxes as $tax)
                                                            <option value="{{ $tax->id }}">{{ $tax->name . '( ' .$tax->percentage . ')' }} </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-3 form-group">
                                            <label for="">@lang('dashboard_warehouses.starting_quantity')</label>
                                            <input type="number" min="0" class="form-control" name="starting_quantity">
                                            <small style="color: red">@lang('dashboard_warehouses.leave_it_if_there_is_no_starting_quantity')</small>
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="">@lang('dashboard_warehouses.piece_price_in_starting_quantity')</label>
                                            <input type="number" min="0" class="form-control" name="starting_price">
                                            <small style="color: red">@lang('dashboard_warehouses.leave_it_if_theres_no_starting_price')</small>
                                        </div>

                                        <div class="col-lg-3 form-group">
                                            <label for="">@lang('dashboard_warehouses.purchase_point')</label>
                                            <input type="number" class="form-control" name="purchase_point">
                                        </div>
                                    </div>
                                    
                                    
                                    <div class="row">
                                        <div class="col-lg-4 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.image')</label>
                                                <input type="file" name="image" id="file_to_upload" onchange="readImage(this)" style="display: inline" class="form-control"
                                                    id="name" placeholder="@lang('dashboard_warehouses.image')">
                                            </div>
                                        </div>
                                        <img class="mt-2 mx-3" src="" alt="" id="uploaded_image" hidden>
                                        <div class="col-lg-2 form-group" style="">
                                            <label for=""></label>
                                            <div class="row btnRemoveImage d-none">
                                                <button type="button" onclick="removeFile(this)" class="form-control btn btn-danger mt-2"> 
                                                    <small> @lang('dashboard_warehouses.remove_image')</button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="repeater productRawTypeContainer d-none">
                                    <div data-repeater-list="complexproduct" id="prods">
                                        <div data-repeater-item class="row">
                                                <div class="col-lg-2 ">
                                                    <div class="form-group">
                                                        <label>@lang('dashboard_warehouses.warehouse') </label>
                                                        <select class="form-control select2 addProductRawWarehouseDropdown" style="width: 100%" 
                                                        onchange="complexProductWarehouseChanged(this)" 
                                                        name="warehouse">
                                                            <option disabled selected>Select Warehouse</option>
                                                            @foreach ($warehouses as $warehouse)
                                                            <option value="{{ $warehouse->id }}">{{ $warehouse->name }}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2 ">
                                                    <div class="form-group">
                                                        <label>@lang('dashboard_warehouses.product')</label>
                                                        <select class="form-control select2 addProductRawProductDropdown" style="width: 100%" 
                                                        required name="product_id" onchange="complexProductChanged(this)">
                                                            <option disabled selected>Select Product</option>
                                                            {{-- @foreach ($products as $product)
                                                            <option value="{{ $product->id }}">{{ $product->name }}
                                                            </option>
                                                            @endforeach --}}
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2 from-group">
                                                    <label for="">@lang('dashboard_warehouses.quantity')</label>
                                                    <input type="number" placeholder="@lang('dashboard_warehouses.quantity')" 
                                                    onchange="complexPorductQuantityChanged(this)" min="0" name="quantity" 
                                                    class="form-control addProductRawQuantity">
                                                </div>
                                                <div class="col-lg-2 from-group">
                                                    <label for="">@lang('dashboard_warehouses.price')</label>
                                                    <input type="number" min="0" placeholder="@lang('dashboard_warehouses.price')" 
                                                    name="price" class="form-control addProductRawPrice">
                                                </div>
                                                <div class="col-lg-2 from-group">
                                                    <label for="">@lang('dashboard_warehouses.total_price')</label>
                                                    <input type="number" min="0" name="total_price" 
                                                    placeholder="@lang('dashboard_warehouses.total_price')" 
                                                    class="form-control addProductRawTotalPrice">
                                                </div>
                                                <div class="col-lg-2 align-self-center">
                                                    <button type="button" data-repeater-delete class="btn btn-primary "
                                                        onclick="" aria-label="Profile">
                                                        <i class="mdi mdi-delete-alert" aria-hidden="true"></i>
                                                    </button>
                                                </div>

                                        </div>
                                
                                    </div>

                                    <input data-repeater-create type="button" class="btn btn-success mt-3 mt-lg-0"
                                    value="@lang('dashboard_warehouses.add')" onclick="addClicked()" />
                            
                                    </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary">@lang('buttons.execute')</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                {{-- end add product and raw material--}}
                {{-- start edit balance or quantity in warehouse --}}
                <div class="card mfp-hide mfp-popup-form mx-auto" id="editbalancequantity">
                    <div class="card-body">
                        <h4 class="mt-0 mb-4"> @lang('dashboard_warehouses.Edit_Balance_Or_Quantity')</h4>
                        <form action="{{ route('dashboard.products.update.product') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                    </div>
                            <div class="repeater">
                                <div data-repeater-list="editbalancequantity" id="prods">
                                    <div data-repeater-item class="row editQuantityRow">
                                        <div class="row">
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label>@lang('dashboard_warehouses.edit_type')</label>
                                                    <select class="form-control select2" style="width: 100%"
                                                    onchange="" name="edit_type">
                                                    <option disabled selected>@lang('dashboard_warehouses.select_edit_type')</option>
                                                    <option value="quantity">@lang('dashboard_warehouses.quantity')</option>
                                                    <option value="balance">@lang('dashboard_warehouses.balance')</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="document_date">@lang('dashboard_warehouses.document_date')</label>
                                                <input type="date" name="document_date" class="form-control"
                                                id="name" placeholder="@lang('dashboard_warehouses.document_date')">
                                            </div>
                                        </div>
                                    <div class="col-lg-2 ">
                                        <div class="form-group">
                                            <label>@lang('dashboard_warehouses.warehouse')</label>
                                            <select class="form-control select2" style="width: 100%" name="warehouse" onchange="WarehouseEditChanged(this)">
                                                <option disabled selected>@lang('dashboard_warehouses.select_warehouse')</option>
                                                @foreach ($warehouses as $warehouse)
                                                <option value="{{ $warehouse->id }}">{{ $warehouse->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="project">@lang('dashboard_warehouses.account')</label>
                                                <select class="form-control select2" style="width: 100%" name="account"
                                                    >
                                                    <option disabled selected>@lang('dashboard_warehouses.select_account')</option>
                                                    <option value="1">@lang('dashboard_warehouses.account') 1</option>
                                                    <option value="2">@lang('dashboard_warehouses.account') 2</option>
                                                    <option value="3">@lang('dashboard_warehouses.account') 3</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 ">
                                            <div class="form-group">
                                                <label for="sku">@lang('dashboard_warehouses.description')</label>
                                                <input type="text" name="description" class="form-control"
                                                    id="name" placeholder="@lang('dashboard_warehouses.description')">
                                            </div>
                                        </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="project">@lang('dashboard_warehouses.product')</label>
                                                    <select class="form-control select2" style="width: 100%" onchange="ProductEditChanged(this)" name="product"
                                                        >
                                                        <option disabled selected>@lang('dashboard_warehouses.select_account')</option>
                                                    </select>
                                                </div>
                                            </div>
                                                <div class="form-group col-lg-2" hidden>
                                                    <label for="quantity">@lang('dashboard_warehouses.quantity')</label>
                                                    <input type="text"  disabled name="quantity"
                                                        class="form-control" id="name"
                                                        placeholder="Quantity ">
                                                </div>
                                                <div class="form-group col-lg-2" hidden>
                                                    <label for="quantity">@lang('dashboard_warehouses.new_quantity')</label>
                                                    <input type="number" min="0" onchange="newQuantityChanged(this)" name="new_quantity"
                                                        class="form-control" id="name"
                                                        placeholder="Quantity ">
                                                </div>
                                                <div class="form-group col-lg-2" hidden>
                                                    <label for="price">@lang('dashboard_warehouses.balance')</label>
                                                    <input type="number" min="0" disabled name="price"
                                                        class="form-control" id="name" placeholder="Product Price ">
                                                </div>
                                                <div class="form-group col-lg-2" hidden>
                                                    <label for="price">@lang('dashboard_warehouses.new_balance')</label>
                                                    <input type="number" min="0" onchange="newBalanceChanged(this)" name="new_price"
                                                        class="form-control" id="name" placeholder="Product Price ">
                                                </div>
                                                <div class="form-group col-lg-2" hidden>
                                                    <label for="">@lang('dashboard_warehouses.diffrenece')</label>
                                                    <input type="text" disabled min="0" name="diffrence"
                                                        class="form-control" id="name" >
                                                </div>
                                                <div class="form-group col-lg-2" >
                                                    <label for="price">@lang('dashboard_warehouses.filter')</label>
                                                    <select class="form-control select2" style="width: 100%"  name="filter_id"
                                                        >
                                                        <option disabled selected>@lang('dashboard_warehouses.select_filter')</option>
                                                        <option value="1">@lang('dashboard_warehouses.filter') 1</option>
                                                        <option value="2">@lang('dashboard_warehouses.filter') 2</option>
                                                    </select>
                                                </div>
                                            <div class="col-lg-2 align-self-center">
                                                {{-- <input type="checkbox" name="delete" class="del form-group"
                                        id="checkbox"> --}}
                                                <button type="button" data-repeater-delete class="btn btn-primary "
                                                    onclick="" aria-label="Profile">
                                                    <i class="mdi mdi-delete-alert" aria-hidden="true"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <input data-repeater-create type="button" class="btn btn-success mt-3 mt-lg-0"
                                    value="@lang('dashboard_warehouses.add')" onclick="addClicked()" />
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary editQuantityButton">@lang('buttons.execute')</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                {{-- end edit balance or quantity in warehouse --}}
                {{-- start transfar from warehouse to another --}}
                <div class="card mfp-hide mfp-popup-form mx-auto" id="transfar">
                    <div class="card-body">
                        <h4 class="mt-0 mb-4">@lang('dashboard_warehouses.transfar_from_warehouse')</h4>
                        <form action="{{ route('dashboard.warehouses.transfer.products') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="repeater">
                                <div data-repeater-list="products" id="prods">
                                    <div data-repeater-item class="row transferRow">
                                        
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label>@lang('dashboard_warehouses.transfar_from')</label>
                                                    <select class="form-control select2 transformWarehouseDropdown" style="width: 100%"
                                                        onchange="transfareFromChanged(this)" name="transfar_from">
                                                        <option disabled selected>@lang('dashboard_warehouses.select_warehouse')</option>
                                                        @foreach ($warehouses as $warehouse)
                                                        <option value="{{ $warehouse->id }}">{{ $warehouse->name }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label>@lang('dashboard_warehouses.transfar_to')</label>
                                                    <select class="form-control select2" style="width: 100%" name="transfar_to">
                                                        <option disabled selected>@lang('dashboard_warehouses.select_warehouse')</option>
                                                        @foreach ($warehouses as $warehouse)
                                                        <option value="{{ $warehouse->id }}">{{ $warehouse->name }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="transfare_date">@lang('dashboard_warehouses.transfare_date')</label>
                                                    <input type="date" name="transfare_date" required class="form-control"
                                                        id="name" placeholder="@lang('dashboard_warehouses.transfare_date')">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="document_number">@lang('dashboard_warehouses.document_number')</label>
                                                    <input type="text" required name="document_number" class="form-control"
                                                        id="name" placeholder="@lang('dashboard_warehouses.document_number')">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="project">@lang('dashboard_warehouses.product')</label>
                                                    <select class="form-control select2" style="width: 100%" name="product"
                                                        onchange="ProductChanged(this)">
                                                        <option disabled selected>@lang('dashboard_warehouses.select_product')</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-1 ">
                                                <div class="form-group">
                                                    <label for="sku">@lang('dashboard_warehouses.sku')</label>
                                                    <input type="text" name="sku" disabled class="form-control"
                                                        id="name" placeholder="@lang('dashboard_warehouses.sku') ">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="description">@lang('dashboard_warehouses.description')</label>
                                                    <input type="text" disabled name="description" class="form-control"
                                                        id="name" placeholder="@lang('dashboard_warehouses.description')">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="quantity">@lang('dashboard_warehouses.quantity')</label>
                                                    <input type="number" min="1" disabled required name="quantity"
                                                        onchange="quantityChanged(this)" class="form-control" id="name"
                                                        placeholder="@lang('dashboard_warehouses.quantity') ">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="price">@lang('dashboard_warehouses.price')</label>
                                                    <input type="number" min="1" step="any" onchange="priceChanged(this)" name="price"
                                                        class="form-control" id="name" placeholder="@lang('dashboard_warehouses.price') ">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="total">@lang('dashboard_warehouses.total')</label>
                                                    <input type="number" min="1" step="any" disabled name="total"
                                                        class="form-control" id="name" placeholder="@lang('dashboard_warehouses.total')">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 ">
                                                <div class="form-group">
                                                    <label for="current_balance">@lang('dashboard_warehouses.current_balance')</label>
                                                    <input type="number" min="1" disabled name="current_balance"
                                                        class="form-control" id="name" placeholder="@lang('dashboard_warehouses.current_balance')">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 align-self-center">
                                                {{-- <input type="checkbox" name="delete" class="del form-group"
                                        id="checkbox"> --}}
                                                <button type="button" data-repeater-delete class="btn btn-primary "
                                                    onclick="productDeleted()" aria-label="Profile">
                                                    <i class="mdi mdi-delete-alert" aria-hidden="true"></i>
                                                </button>
                                            </div>
                                        
                                    </div>
                                </div>
                                <input data-repeater-create type="button" class="btn btn-success mt-3 mt-lg-0"
                                    value="@lang('dashboard_warehouses.add')" onclick="addClicked()" />
                            </div>
                            <div class="col-lg-11 mt-3">
                                <div class="form-group">
                                    <label for="notes">@lang('dashboard_warehouses.notes')</label>
                                    <textarea class="form-control" name="notes"></textarea>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="attachment">@lang('dashboard_warehouses.attachment')</label>
                                    <input type="file" name="attachment" class="form-control" id="name">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary">@lang('buttons.execute')</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                {{-- end transfare from warehouse to another --}}
                {{-- start new warehouse --}}
                {{-- Edit Complex Quantity --}}
                <div class="card mfp-hide mfp-popup-form mx-auto" style="max-width: 500px" id="editComplexProductQuantity">
                    <div class="card-body">
                        <h4 class="mt-0 mb-4 px-4">@lang('dashboard_warehouses.edit_complex_quantity')</h4>
                        <form action="{{ route('dashboard.products.add.complex.quantity') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">

                                <div class="col-lg-8">
                                    <div class="form-group">
                                        <label>@lang('dashboard_warehouses.select_warehouse')</label>
                                        <select class="form-control select2" onchange="addComplexProductQautntity(this)" style="width: 100%" name="warehouse_id" required>
                                            <option selected disabled value="{{ null }}">@lang('dashboard_warehouses.select_warehouse')</option>
                                            @foreach ($warehouses as $warehouse)
                                            <option value="{{ $warehouse->id }}">{{ $warehouse->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <div class="form-group">
                                        <label>@lang('dashboard_warehouses.select_warehouse')</label>
                                        <select class="form-control select2" id="complexProductAfterSelectingWarehouse"
                                         style="width: 100%" name="product_id" required>
                                            <option selected disabled value="{{ null }}">@lang('dashboard_warehouses.select_product')</option>
                                            
                                        </select>
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <label for="quantity">@lang('dashboard_warehouses.quantity')</label>
                                        <input type="number" min="1" required name="quantity" class="form-control" id="name"
                                            placeholder="@lang('dashboard_warehouses.quantity') ">
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-lg-12">
                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary">@lang('buttons.execute')</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card mfp-hide mfp-popup-form mx-auto" id="addcat">
                    <div class="card-body">
                        <h4 class="mt-0 mb-4">@lang('dashboard_warehouses.create_new_warehouse')</h4>
                        <form action="{{ route('dashboard.warehouses.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="name">@lang('dashboard_warehouses.warehouse_name')</label>
                                        <input type="text" name="name" class="form-control" id="name" required
                                            placeholder="@lang('dashboard_warehouses.warehouse_name')">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="description">@lang('dashboard_warehouses.warehouse_description')</label>
                                        <textarea class="form-control" name="description"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>@lang('dashboard_warehouses.type')</label>
                                        <select class="form-control select2" style="width: 100%" name="type" required>
                                            <option disabled selected>@lang('dashboard_warehouses.select_type')</option>
                                            <option value="raw_materials">@lang('dashboard_warehouses.raw_materials')</option>
                                            <option value="full_production">@lang('dashboard_warehouses.full_production')</option>
                                            <option value="under_operation">@lang('dashboard_warehouses.under_operation')</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary">@lang('buttons.execute')</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                {{-- end add new warehouse --}}
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card" style="font-size:14px">
                    <div class="card-body">
                        <h4 class="card-title">@lang('dashboard_warehouses.warehouses')</h4>
                        <p class="card-title-desc">@lang('dashboard_warehouses.manage_warehouses')</p>
                        <table id="datatable-buttons" class="table table-striped table-bordered table-responsive nowrap"
                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            
                            <thead>
                                <tr>
                                    <th style="width: 200px" data-priority="1">@lang('dashboard_warehouses.name')</th>
                                    <th data-priority="1">@lang('dashboard_warehouses.type')</th>
                                    <th style="width: 300px; white-space: normal" data-priority="1">@lang('dashboard_warehouses.description')</th>
                                    <th style="width: 50%" data-priority="1">@lang('buttons.process')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($warehouses as $index => $warehouse)
                                <tr>
                                    <td style="width: 200px; white-space: normal"><a href="{{ route('dashboard.warehouses.products',$warehouse) }}">{{ $warehouse->name }} </a></span></th>
                                    <td>{{ $warehouse->type }}</td>
                                    <td style="width: 350px; white-space: normal">{{ substr($warehouse->description,0,50) }}</span></th>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <button id="btnGroupVerticalDrop1" type="button"
                                                class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false">
                                                @lang('buttons.execute') <i class="mdi mdi-chevron-down"></i>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                                                {{-- <a class="popup-form dropdown-item" href="#">تعديل </a> --}}
                                                <a class="popup-form  dropdown-item" href="#editwarehouse{{ $index }}"
                                                    disabled> @lang('buttons.edit') </a>
                                                <div class="card mfp-hide mfp-popup-form mx-auto"
                                                    id="editwarehouse{{ $index }}">
                                                    <div class="card-body">
                                                        <h4 class="mt-0 mb-4">@lang('buttons.edit') @lang('dashboard_warehouses.warehouse')</h4>
                                                        <form
                                                            action="{{ route('dashboard.warehouses.update',$warehouse) }}"
                                                            method="POST">
                                                            @csrf
                                                            @method('PUT')
                                                            <div class="row">
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        <label for="name">@lang('dashboard_warehouses.name') </label>
                                                                        <input type="text" name="name"
                                                                            class="form-control" id="name"
                                                                           value="{{ old('name',$warehouse->name) }}"
                                                                            placeholder="Warehouse Name">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        <label for="description">@lang('dashboard_warehouses.description') </label>
                                                                        <textarea class="form-control"
                                                                            name="description">{{ old('description',$warehouse->description) }}</textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        <label>@lang('dashboard_warehouses.type')
                                                                        </label>
                                                                        <select class="form-control select2"
                                                                            name="type" style="width: 100%">
                                                                            <option disabled selected>@lang('dashboard_warehouses.select_type')
                                                                            </option>
                                                                            <option value="raw_materials" @if($warehouse->getRawOriginal('type') == 'raw_materials') selected @endif>@lang('dashboard_warehouses.raw_materials')
                                                                            </option>
                                                                            <option value="full_production" @if($warehouse->getRawOriginal('type') == 'full_production') selected @endif>@lang('dashboard_warehouses.full_production')</option>
                                                                            <option value="under_operation" @if($warehouse->getRawOriginal('type') == 'under_operation') selected @endif>@lang('dashboard_warehouses.under_operation')</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="text-right">
                                                                        <button type="submit"
                                                                            class="btn btn-primary">@lang('buttons.execute')</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- end col -->
        </div>
        <!-- end row -->
        <!-- end row -->
    </div>
    <!-- End Page-content -->
    @endsection
    @section('custom_script')
    <script>
        function transfareFromChanged(warehouse)
        {
            var transfar_to_selector = warehouse.name.replace('transfar_from','transfar_to');
            var product_selector = warehouse.name.replace('transfar_from','product');
            // console.log(warehouse.value);
            var warehouses = {!! $warehouses->toJson() !!};
            
            var products = warehouses.find(x=> x.id == warehouse.value).product;
            // console.log("products: ", products);
            // console.log(products);
            // console.log(products);
            $("select[name='"+transfar_to_selector+"'] ").html('<option selected disabled > Select Warehouse </option>');
                var warehouses_to_push = '';
                $.each(warehouses,(it)=>{
                    warehouses_to_push += "<option value='"+warehouses[it].id+"' >"+warehouses[it].name+"</option>";
                });
            $("select[name='"+transfar_to_selector+"'] ").append(warehouses_to_push);
            $("select[name='"+transfar_to_selector+"'] option[value="+warehouse.value+"]").remove();
               var appended_products = '';
                $.each(products,(i)=>{
                    // console.log("products[i]: ", products[i][0]);
                    appended_products +="<option value='"+products[i][0].id+"' >"+products[i][0].name+" </option>"
                })
                // console.log(appended_products);
            $("select[name='"+product_selector+"']").html('<option selected disabled> Select Product </option>').append(
                appended_products
            );
        }
        function ProductChanged(product)
        {
            
            var warehouses = {!! $warehouses->toJson() !!};
            
            
            var warehouseProducts = warehouses.map(x=> x.product);
            console.log((warehouseProducts));
            let selectedWarehouseIndex = $(product).parent().parent().parent().find(".transformWarehouseDropdown").prop("selectedIndex")
            console.log("Warehouse INDEX: ", selectedWarehouseIndex);
            let warehouseProductsArray = warehouseProducts[selectedWarehouseIndex-1]
            var products = [];
            let productTotalQuantity  =0;
            
            var prod = warehouseProductsArray[product.value];
            $.each(prod,(iteration)=>{
                let currentProductInformation = prod[0]["information"][iteration];
                // console.log("currentProductInformation ",currentProductInformation);
                productTotalQuantity += currentProductInformation.quantity
                products.push(prod[iteration]);
            });
            
            // products[0][sku]
            var index = product.name.replace('][product]','').replace('products[','');
            var selectedProduct = products.find(x=> x.id == product.value);
            // console.log(selectedProduct.pivot.quantity);
             console.log((selectedProduct));
            $("input[name='products["+index+"][sku]']").val(selectedProduct.sku);
            $("input[name='products["+index+"][description]']").val(selectedProduct.description);
            $("input[name='products["+index+"][price]']").val(selectedProduct.starting_price);
            $("input[name='products["+index+"][current_balance]']").val(productTotalQuantity);
            $("input[name='products["+index+"][quantity]']").removeAttr('disabled').attr('max',productTotalQuantity);
            // if(selectedProduct.unit == 'Complex')
            // {
            // }
            // $("input[name='products["+index+"][quantity]']").bind('change',()=>{
            //     console.log($(this));
            // }).trigger('change');
        }
        function quantityChanged(quantity)
        {
            var index = quantity.name.replace('][quantity]','').replace('products[','');
            // console.log(index);
            var price = $("input[name='products["+index+"][price]']").val();
            
            
            $("input[name='products["+index+"][total]']").val(quantity.value * price);
            // CONPIED FROM complexPorductQuantityChanged(quantity)


              // suggest to substract from quantity till finish , and then calculate number
        // first check the value not bigger than total quantity for product
        var productSelector = quantity.name.replace('quantity','product');
        var warehouseSelector = quantity.name.replace('quantity','transfar_from');
        var priceSelector = quantity.name.replace('quantity','price');
        var totalPriceSelector = quantity.name.replace('quantity','total');
        var product = $("select[name='"+productSelector+"']");
        // var products = {!! $products->toJson() !!};
        var warehouses = {!! $warehouses->toJson() !!};
        // console.log("warehouseSelector: ", $("select[name='"+warehouseSelector+"']").val());
        var products = warehouses.find(x=> x.id == $("select[name='"+warehouseSelector+"']").val()).product;
        var selectedProductValue = products[product.val()];

        
        // console.log(selectedProductValue);
        var informations = [];

        // console.log("TOTAL QUANTITY: ", selectedProductValue[0].total_quantity);
        if(quantity.value <= selectedProductValue[0].total_quantity)
        {
            var quantityValue = quantity.value;
            var informationLength = selectedProductValue[0].information.length - 1;

            // console.log('inside if');
            // console.log(selectedProductValue.information);
            if(quantityValue< selectedProductValue[0].information[0].quantity)
                {
                    // console.log('less than');
                    $("input[name='"+priceSelector+"']").val(selectedProductValue[0].information[0].selling_price)
                    $("input[name='"+totalPriceSelector+"']").val(selectedProductValue[0].information[0].selling_price * quantityValue)
                    $("form").append("<input hidden name='products[0][product_id]' value='"+selectedProductValue[0].information[0].id+"'> <input hidden name='products[0][price]' value='"+selectedProductValue[0].information[0].selling_price+"'><input hidden name='products[0][quantity]' value='"+quantity.value+"'><input hidden name='products[0][total_price]' value='"+quantity.value * selectedProductValue[0].information[0].selling_price+"'>");
                }
            else if(quantityValue == selectedProductValue[0].information[0].quantity)
                {
                    // console.log('equal');
                    $("input[name='"+priceSelector+"']").val(selectedProductValue[0].information[0].selling_price)
                    $("input[name='"+totalPriceSelector+"']").val(selectedProductValue[0].information[0].selling_price * quantityValue)
                    $("form").append("<input hidden name='products[0][product_id]' value='"+selectedProductValue[0].information[0].id+"'> <input hidden name='products[0][price]' value='"+selectedProductValue[0].information[0].selling_price+"'><input hidden name='products[0][quantity]' value='"+selectedProductValue[0].information[0].quantity+"'><input hidden name='products[0][total_price]' value='"+selectedProductValue[0].information[0].quantity * selectedProductValue[0].information[0].selling_price+"'>");
                }
            else
            {

                for (let index = 0; index <= informationLength; index++) {
                            if (quantityValue == 0) {
                                break;
                            } else {
                                if (quantityValue <= selectedProductValue[0].information[index].quantity) {
                                    // console.log('done');
                                    informations.push({
                                        'quantity': quantityValue,
                                        'product': selectedProductValue[0].information[index].id,
                                        'price': selectedProductValue[0].information[index].selling_price,
                                        'total_price': quantityValue * selectedProductValue[0].information[index].selling_price
                                    });
                                    quantityValue = 0;
                                    // break;
                                } else if (quantityValue > selectedProductValue[0].information[index].quantity) {
                                    informations.push({
                                        'quantity': selectedProductValue[0].information[index].quantity,
                                        'product': selectedProductValue[0].information[index].id,
                                        'price': selectedProductValue[0].information[index].selling_price,
                                        'total_price': selectedProductValue[0].information[index].quantity * selectedProductValue[0].information[index].selling_price
                                    });
                                    quantityValue -= selectedProductValue[0].information[index].quantity;
                                }
                            }
                            // first add number of elements and the number substracted in array and make var that substract value till zero
                        }

            
                    console.log("informations: ", informations);
                var sum = 0;
                var total = 0;
                let totalProductsTotalPrice = 0;
                let totalProductsQuantities = 0;
                
                informations.forEach((info,index) => {
                        // console.log(info);
                // $("form").append(
                //     "<input hidden name='products["+index+"][product_id]' value='"+info.product+"'> <input hidden name='products["+index+"][price]' value='"+info.price+"'><input hidden name='products["+index+"][quantity]' value='"+info.quantity+"'><input hidden name='products["+index+"][total_price]' value='"+info.total_price+"'>");
                        sum += parseFloat(info.price);
                        total += parseFloat(info.total_price);
                        // console.log("info: ", info);
                        totalProductsTotalPrice += parseFloat(info.price * info.quantity);
                        totalProductsQuantities +=  parseFloat(info.quantity)
                    });

                    let totalProductsAverage = totalProductsTotalPrice / totalProductsQuantities
                
                $("input[name='"+priceSelector+"']").val(totalProductsAverage.toFixed(3)).parent().children('label').html('Avrage Price');
                $("input[name='"+totalPriceSelector+"']").val(total.toFixed(3));
        }
            // for()
                        // console.log(informations);
        }
        else{
            alert('Quantity that you have entered is bigger than the found quantity in the stock');
            /* set quantity to be the found in the warehouse .. selectedProductValue.total_quantity */
            $(quantity).val(selectedProductValue[0].total_quantity).change();
        }

        }
        function priceChanged(price)
        {
            var quantitySelector = price.name.replace("price","quantity");
            var totalSelector = price.name.replace("price","total");
            var quantity = $("input[name='"+quantitySelector+"']").val();
            $("input[name='"+totalSelector+"']").val(quantity * price.value);
        }
        function addClicked()
        {
            setTimeout(()=>{
            $(".select2").select2({
                placeholder: "Select",
allowClear: true
            });
            },100);
        }
        $('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});
function WarehouseEditChanged(warehouse)
{
    var warehouses = {!! $warehouses->toJson() !!};
            var products = warehouses.find(x=> x.id == warehouse.value).products;
            var productSelector = warehouse.name.replace('warehouse','product');
            var index = warehouse.name.replace('][warehouse]','').replace('editbalancequantity[','');
            $("input[name='editbalancequantity["+index+"][quantity]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][price]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][new_price]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][new_quantity]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][diffrence]']").parent().attr('hidden',true);
            $("select[name='"+productSelector+"'] ").html('<option selected disabled > Select Products </option>');
                var products_to_push = '';
                $.each(products,(it)=>{
                    products_to_push += "<option value='"+products[it].id+"' >"+products[it].name+"</option>";
                });
            $("select[name='"+productSelector+"'] ").append(products_to_push);
}
function ProductEditChanged(product)
{
    var products = {!! $products->toJson() !!};
        //     var product_attr = warehouses.map(x=> x.products );
        //    var products = [];
        //     $.each(product_attr,(i)=>{
        //         // console.log(product_attr[i]);
        //         var prod = product_attr[i];
        //         $.each(prod,(iteration)=>{
        //             products.push(prod[iteration]);
        //         });
        //     });
            var index = product.name.replace('][product]','').replace('editbalancequantity[','');
            var selectedProduct = products.find(x=> x.id == product.value);
            // console.log(selectedProduct);
            $("select[name='editbalancequantity["+index+"][edit_type]']").bind('change',()=>{
                var edit_type = $("select[name='editbalancequantity["+index+"][edit_type]']").val();
                if(edit_type == 'quantity'){
            $("input[name='editbalancequantity["+index+"][price]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][new_price]']").parent().attr('hidden',true);
            // var productQuantity = selectedProduct.information.map(x=> x.quantity);
            //         console.log(productQuantity);
            $("input[name='editbalancequantity["+index+"][quantity]']").val(selectedProduct.total_quantity).parent().removeAttr('hidden');
            $("input[name='editbalancequantity["+index+"][new_quantity]']").parent().removeAttr('hidden');
                }else if(edit_type == 'balance'){
            $("input[name='editbalancequantity["+index+"][quantity]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][new_quantity]']").parent().attr('hidden',true);
                    var productPrices = selectedProduct.information.map(x=> x.selling_price);
                    // console.log(productPrices[productPrices.length -1]);
            $("input[name='editbalancequantity["+index+"][price]']").val(productPrices[productPrices.length -1]).parent().removeAttr('hidden');
            $("input[name='editbalancequantity["+index+"][new_price]']").parent().removeAttr('hidden');
                }else{
            $("input[name='editbalancequantity["+index+"][quantity]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][price]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][new_price]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][new_quantity]']").parent().attr('hidden',true);
            $("input[name='editbalancequantity["+index+"][diffrence]']").parent().attr('hidden',true);
                }
            }).trigger('change');
}
function newBalanceChanged(newBalance)
{
    var oldSelector=  newBalance.name.replace('new_price','price');
    var diffrenceSelector=  newBalance.name.replace('new_price','diffrence');
    var old =  $("input[name='"+oldSelector+"']");
      $("input[name='"+diffrenceSelector+"']").val(newBalance.value - old.val()).parent().removeAttr('hidden');
    // console.log(old.val());
}
function newQuantityChanged(quantity)
{
    var oldSelector=  quantity.name.replace('new_quantity','quantity');
    var diffrenceSelector=  quantity.name.replace('new_quantity','diffrence');
    var old =  $("input[name='"+oldSelector+"']");
      $("input[name='"+diffrenceSelector+"']").val(quantity.value - old.val()).parent().removeAttr('hidden');
    // console.log(old.val());
}
function removeFile(removeButton){
    var $el = $('#file_to_upload');
    $el.wrap('<form>').closest('form').get(0).reset();
      $el.unwrap();
      $('#uploaded_image').attr('src','').attr('hidden',true);

      /* hide the button */
        $(removeButton).parent().addClass('d-none')
}
function readImage(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#uploaded_image')
                    .removeAttr('hidden')
                    .attr('src', e.target.result)
                    .width(180)
                    .height(230);
            };
            reader.readAsDataURL(input.files[0]);
            
            // get the remove image button
            let removeButton = $(input).parent().parent().parent().find('.btnRemoveImage')
            $(removeButton).removeClass('d-none')
        }
    }
   $(".unit_select").on('change',()=>{
        if($(".unit_select").val() == 'other')
        {
        $(".unit_select").parent().remove();
            $(".custom_unit").attr('name','unit').parent().removeAttr('hidden');
        }
   });
    function ProductInRawChanged(product)
    {
        var products = {!! $products->toJson() !!};
        var selectedProduct =        products.find(x=> x.id == product.value);
        $("#selected_unit").val(selectedProduct.unit).parent().removeAttr('hidden');
        $("#slected_total_quantity").val(selectedProduct.total_quantity).parent().removeAttr('hidden');
    }
function complexProductWarehouseChanged(warehouse)
{
    var warehouses = {!! $warehouses->toJson() !!};
    var products = warehouses.find(x=> x.id == warehouse.value).product;
    // console.log(products);

            var productSelector = warehouse.name.replace('warehouse','product_id');
            // console.log(products);
            $("select[name='"+productSelector+"'] ").html('<option selected disabled value="'+null+'" > Select Products </option>');
                var products_to_push = '';
                $.each(products,(it)=>{
                    products_to_push += "<option value='"+products[it][0].id+"' >"+products[it][0].name+"</option>";
                });
            $("select[name='"+productSelector+"'] ").append(products_to_push);
}
function complexProductChanged(product)
{
    var products = {!! $products->toJson() !!};
    
        var selectedProduct = products.find(x=> x.id == product.value);
        // console.log(selectedProduct);
        var quantitySelector = product.name.replace('product_id','quantity');
        $("input[name='"+quantitySelector+"']").attr('max',selectedProduct.total_quantity);
        // $("input[name'"+quantitySelector+"']")bind('change',()=>{
        // }).trigger('change');
        // check if quantity is bigger than first product information
        // if that happen , check next one , and so one
        // using while loop
    }
    function complexPorductQuantityChanged(quantity)
    {
        // suggest to substract from quantity till finish , and then calculate number
        // first check the value not bigger than total quantity for product
        var productSelector = quantity.name.replace('quantity','product_id');
        var warehouseSelector = quantity.name.replace('quantity','warehouse');
        var priceSelector = quantity.name.replace('quantity','price');
        var totalPriceSelector = quantity.name.replace('quantity','total_price');
        var product = $("select[name='"+productSelector+"']");
        // var products = {!! $products->toJson() !!};
        var warehouses = {!! $warehouses->toJson() !!};
        // console.log("warehouseSelector: ", $("select[name='"+warehouseSelector+"']").val());
        var products = warehouses.find(x=> x.id == $("select[name='"+warehouseSelector+"']").val()).product;
        var selectedProductValue = products[product.val()];

        
        // console.log(selectedProductValue);
        var informations = [];

        // console.log("TOTAL QUANTITY: ", selectedProductValue[0].total_quantity);
        if(quantity.value <= selectedProductValue[0].total_quantity)
        {
            var quantityValue = quantity.value;
            var informationLength = selectedProductValue[0].information.length - 1;

            // console.log('inside if');
            // console.log(selectedProductValue.information);
            if(quantityValue< selectedProductValue[0].information[0].quantity)
                {
                    // console.log('less than');
                    $("input[name='"+priceSelector+"']").val(selectedProductValue[0].information[0].selling_price)
                    $("input[name='"+totalPriceSelector+"']").val(selectedProductValue[0].information[0].selling_price * quantityValue)
                    $("form").append("<input hidden name='products[0][product_id]' value='"+selectedProductValue[0].information[0].id+"'> <input hidden name='products[0][price]' value='"+selectedProductValue[0].information[0].selling_price+"'><input hidden name='products[0][quantity]' value='"+quantity.value+"'><input hidden name='products[0][total_price]' value='"+quantity.value * selectedProductValue[0].information[0].selling_price+"'>");
                }
            else if(quantityValue == selectedProductValue[0].information[0].quantity)
                {
                    // console.log('equal');
                    $("input[name='"+priceSelector+"']").val(selectedProductValue[0].information[0].selling_price)
                    $("input[name='"+totalPriceSelector+"']").val(selectedProductValue[0].information[0].selling_price * quantityValue)
                    $("form").append("<input hidden name='products[0][product_id]' value='"+selectedProductValue[0].information[0].id+"'> <input hidden name='products[0][price]' value='"+selectedProductValue[0].information[0].selling_price+"'><input hidden name='products[0][quantity]' value='"+selectedProductValue[0].information[0].quantity+"'><input hidden name='products[0][total_price]' value='"+selectedProductValue[0].information[0].quantity * selectedProductValue[0].information[0].selling_price+"'>");
                }
            else
            {

                for (let index = 0; index <= informationLength; index++) {
                            if (quantityValue == 0) {
                                break;
                            } else {
                                if (quantityValue <= selectedProductValue[0].information[index].quantity) {
                                    // console.log('done');
                                    informations.push({
                                        'quantity': quantityValue,
                                        'product': selectedProductValue[0].information[index].id,
                                        'price': selectedProductValue[0].information[index].selling_price,
                                        'total_price': quantityValue * selectedProductValue[0].information[index].selling_price
                                    });
                                    quantityValue = 0;
                                    // break;
                                } else if (quantityValue > selectedProductValue[0].information[index].quantity) {
                                    informations.push({
                                        'quantity': selectedProductValue[0].information[index].quantity,
                                        'product': selectedProductValue[0].information[index].id,
                                        'price': selectedProductValue[0].information[index].selling_price,
                                        'total_price': selectedProductValue[0].information[index].quantity * selectedProductValue[0].information[index].selling_price
                                    });
                                    quantityValue -= selectedProductValue[0].information[index].quantity;
                                }
                            }
                            // first add number of elements and the number substracted in array and make var that substract value till zero
                        }

                
                var sum = 0;
                var total = 0;
                let totalProductsTotalPrice = 0;
                let totalProductsQuantities = 0;
                
                informations.forEach((info,index) => {
                        // console.log(info);
                $("form").append(
                    "<input hidden name='products["+index+"][product_id]' value='"+info.product+"'> <input hidden name='products["+index+"][price]' value='"+info.price+"'><input hidden name='products["+index+"][quantity]' value='"+info.quantity+"'><input hidden name='products["+index+"][total_price]' value='"+info.total_price+"'>");
                        sum += parseFloat(info.price);
                        total += parseFloat(info.total_price);
                        // console.log("info: ", info);
                        totalProductsTotalPrice += parseFloat(info.price * info.quantity);
                        totalProductsQuantities +=  parseFloat(info.quantity)
                    });

                    let totalProductsAverage = totalProductsTotalPrice / totalProductsQuantities
                
                $("input[name='"+priceSelector+"']").val(totalProductsAverage.toFixed(3)).parent().children('label').html('Avrage Price');
                $("input[name='"+totalPriceSelector+"']").val(total.toFixed(3));
        }
            // for()
                        // console.log(informations);
        }
        else{
            alert('Quantity that you have entered is bigger than the found quantity in the stock');
            /* set quantity to be the found in the warehouse .. selectedProductValue.total_quantity */
            $(quantity).val(selectedProductValue[0].total_quantity).change()
        }
    }
   
    function PaidTypeSerivceChanged(paid) {
                let currentPopupContainer = $(paid).parent().parent().parent()
                if (paid.value == 'yes') {
                    $(currentPopupContainer).find('.purchaseservice').removeAttr('hidden');
                    /* add required for purchase account and price */
                    $(currentPopupContainer).find('.purchasePrice').attr('required', true)
                    $(currentPopupContainer).find('.purchaseAccount').attr('required', true)
                } else {
                    $(currentPopupContainer).find('.purchaseservice').attr('hidden', 'true');
                    /* remove required for purchase account and price */
                    $(currentPopupContainer).find('.purchasePrice').removeAttr('required')
                    $(currentPopupContainer).find('.purchaseAccount').removeAttr('required')
                }
            }

    /* diable or enable save button depending of the rows in the add service popup*/
    function handleAddServiceSaveButton(){
        setTimeout(() => {
            let rowsCount = $('.addServiceRow').length
            if (rowsCount ==0){
                /* disable save button */
                $('.addServiceSaveButton').attr('disabled', true)
            } else {
                $('.addServiceSaveButton').removeAttr('disabled')
            }
            $('.select2').select2()
        }, 500);
    }


    function handleEditQuantitySubmit(){
        setTimeout(() => {
            let rowsCount = $('.editQuantityRow').length
            if (rowsCount ==0){
                /* disable save button */
                $('.editQuantityButton').attr('disabled', true)
            } else {
                $('.editQuantityButton').removeAttr('disabled')
            }
        }, 600);
    }



    /* addProductRaw Popup */
    function addProductRowTypeChanged(typeDropdown){
        /* if yes .. show repeater for products */
        if ($(typeDropdown).val() == "yes"){
            $(".productRawTypeContainer").removeClass("d-none")
            // Add validation for inputs
            enableAddProductRawComplexInputs()
        } else {
            $(".productRawTypeContainer").addClass("d-none")
            // remove validation for inputs
            disableAddProductRawComplexInputs()

        }
    }

    function disableAddProductRawComplexInputs(){
        // products
        $(".addProductRawWarehouseDropdown").attr("disabled", true)
        $(".addProductRawProductDropdown").attr("disabled", true)
        $(".addProductRawQuantity").attr("disabled", true)
        $(".addProductRawPrice").attr("disabled", true)
        $(".addProductRawTotalPrice").attr("disabled", true)
    }
    function enableAddProductRawComplexInputs(){
        // products
        $(".addProductRawWarehouseDropdown").removeAttr("disabled")
        $(".addProductRawProductDropdown").removeAttr("disabled")
        $(".addProductRawQuantity").removeAttr("disabled")
        $(".addProductRawPrice").removeAttr("disabled")
        $(".addProductRawTotalPrice").removeAttr("disabled")
    }


    function addComplexProductQautntity(warehouse)
    {
        let warehouses = {!! $warehouses->toJson() !!} ;
        let warehouseProducts = warehouses.find(x=> x.id == warehouse.value).product;
        let complexProducts =[];
       
        let productsArray = Object.keys(warehouseProducts).map((k) => warehouseProducts[k])
        
        productsArray.forEach(function(product){
            if (product[0].is_complex == 1){
                complexProducts.push(product[0])
            }
        })
        /* Load complex productsin the products dropdown */
        
        let firstOptionText = $("#complexProductAfterSelectingWarehouse option:first").text();
        let complexProductsOptions= `<option disabled selected value="">${firstOptionText}</option>`;
        complexProducts.forEach(function(complex) {
            complexProductsOptions += `<option value="${complex.id}">${complex.name}</option>`
        })

        $("#complexProductAfterSelectingWarehouse").html(complexProductsOptions)
       
    }
    </script>
    @endsection