@extends('layouts.master')
@section('main-content')
    @section('page-css')
        <link rel="stylesheet" href="{{asset('assets/styles/vendor/nprogress.css')}}">
        <link rel="stylesheet" href="{{asset('assets/styles/vendor/autocomplete.css')}}">
        <link rel="stylesheet" href="{{asset('assets/styles/vendor/flatpickr.min.css')}}">
    @endsection

    <div class="breadcrumb">
        <h1>{{ __('translate.Add_Purchase') }}</h1>
    </div>

    <div class="separator-breadcrumb border-top"></div>


    <div class="row" id="section_add_purchase">
        <div class="col-lg-12 mb-3">
            <validation-observer ref="create_purchase">
                <form @submit.prevent="Submit_Purchase">
                    <div class="card mt-5">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 mb-2 mt-3">
                                    @if(\Illuminate\Support\Facades\Auth::user()->hasRole('Administrator') || \Illuminate\Support\Facades\Auth::user()->hasRole('Firma'))
                                        <div class="form-group col-md-4 m-auto">
                                            <validation-provider name="warehouse" v-slot="{ valid, errors }">
                                                <label>{{ __('translate.filia') }} <span
                                                            class="field_required">*</span></label>
                                                <v-select @input="Selected_Warehouse"
                                                          placeholder="{{ __('translate.Choose_Filia') }}"
                                                          v-model="purchase.warehouse_id"
                                                          :reduce="(option) => option.value"
                                                          :options="warehouses.map(warehouses => ({label: warehouses.name, value: warehouses.id}))">
                                                </v-select>
                                                <span class="error">@{{ errors[0] }}</span>
                                            </validation-provider>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            @if(\Illuminate\Support\Facades\Auth::user()->hasRole('Administrator') || \Illuminate\Support\Facades\Auth::user()->hasRole('Firma'))
                                <hr>
                            @endif
                            <div class="row">

                                <!-- Product -->
                                <div class="col-md-12 mb-5 mt-3">
                                    <div id="autocomplete" class="autocomplete">
                                        <input placeholder="{{ __('translate.Scan_Search_Product_by_Code_Name') }}"
                                               @input='e => search_input = e.target.value' @keyup="search(search_input)"
                                               @focus="handleFocus"
                                               @blur="handleBlur" ref="product_autocomplete"
                                               class="autocomplete-input"/>
                                    </div>
                                    <div class="form-group col-md-5 mt-4">
                                        <validation-provider name="categories" v-slot="{ valid, errors }">
                                            <label>{{ __('translate.Category') }} <span
                                                        class="field_required">*</span></label>
                                            <v-select @input="Select_Categories"
                                                      placeholder="{{ __('translate.Choose_Category') }}"
                                                      v-model="category_id"
                                                      :reduce="(option) => option.value"
                                                      :options="categories.map(category => ({label: category.name, value: category.id}))">
                                            </v-select>
                                            <span class="error">@{{ errors[0] }}</span>
                                        </validation-provider>
                                    </div>
                                </div>


                                <!-- Products -->
                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table table-hover table-md">
                                            <thead>
                                            <tr>
                                                <th scope="col">#</th>
                                                <th scope="col">{{ __('translate.Product_Name') }}</th>
                                                <th scope="col">{{ __('translate.Current_Stock') }}</th>
{{--                                                <th scope="col">{{ __('translate.Action') }}</th>--}}
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr v-if="detailsFiltered.length <=0">
                                                <td colspan="9">{{ __('translate.No_data_Available') }}</td>
                                            </tr>
                                            <tr v-for="(detail, index) in detailsFiltered" :class="{'bg-gray': index % 2 !== 0}">
                                                <td>@{{detail.product_id}}</td>
                                                <td>
                                                    <span>@{{detail.code}}</span>
                                                    <br>
                                                    <span><strong>@{{detail.name}} -   @{{ detail.taste }}</strong></span>
                                                </td>
                                                <td>
                                                    <div class="d-flex align-items-center">
                            <span class="increment-decrement btn btn-light rounded-circle"
                                  @click="decrement(detail ,detail.detail_id)">-</span>
                                                        <input class="fw-semibold cart-qty m-0 px-2"
                                                               @keyup="Verified_Qty(detail,detail.detail_id)"
                                                               :min="0.00"
                                                               v-model.number="detail.quantity">

                                                        <span class="increment-decrement btn btn-light rounded-circle"
                                                              @click="increment(detail ,detail.detail_id)">+</span>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="card mt-5">
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group col-md-12">
                                    <label for="note">{{ __('translate.Please_provide_any_details') }} </label>
                                    <textarea type="text" v-model="purchase.notes" class="form-control" name="note"
                                              id="note"
                                              placeholder="{{ __('translate.Please_provide_any_details') }}"></textarea>
                                </div>

                            </div>
                        </div>
                    </div>


                    <div class="row mt-3">
                        <div class="col-lg-6">
                            <button type="submit" class="btn btn-primary" :disabled="SubmitProcessing">
              <span v-if="SubmitProcessing" class="spinner-border spinner-border-sm" role="status"
                    aria-hidden="true"></span> <i class="i-Yes me-2 font-weight-bold"></i> {{ __('translate.Submit') }}
                            </button>
                        </div>
                    </div>
                </form>
            </validation-observer>
        </div>

        <!-- Modal Update Detail Product -->
        <validation-observer ref="Update_Detail_purchase">
            <div class="modal fade" id="form_Update_Detail" tabindex="-1" role="dialog"
                 aria-labelledby="form_Update_Detail"
                 aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">@{{ detail.name }}</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <form @submit.prevent="submit_Update_Detail">
                                <div class="row">

                                    <!-- Unit Cost  -->
                                    <div class="form-group col-md-6">
                                        <validation-provider name="Product Cost "
                                                             :rules="{ required: true , regex: /^\d*\.?\d*$/}"
                                                             v-slot="validationContext">
                                            <label for="Unit_cost">{{ __('translate.Product_Cost') }}
                                                <span class="field_required">*</span></label>
                                            <input :state="getValidationState(validationContext)"
                                                   aria-describedby="Unit_cost-feedback"
                                                   v-model.number="detail.Unit_cost" type="text" class="form-control">
                                            <span class="error">@{{ validationContext.errors[0] }}</span>
                                        </validation-provider>
                                    </div>

                                    <!-- Tax Method -->
                                    <div class="form-group col-md-6">
                                        <validation-provider name="Tax Method" rules="required"
                                                             v-slot="{ valid, errors }">
                                            <label>{{ __('translate.Tax_Method') }} <span
                                                        class="field_required">*</span></label>
                                            <v-select placeholder="{{ __('translate.Choose_Method') }}"
                                                      v-model="detail.tax_method"
                                                      :reduce="(option) => option.value" :options="
                                        [
                                          {label: 'Exclusive', value: '1'},
                                          {label: 'Inclusive', value: '2'}
                                        ]">
                                            </v-select>
                                            <span class="error">@{{ errors[0] }}</span>
                                        </validation-provider>
                                    </div>

                                    <!-- Tax Rate -->
                                    <div class="form-group col-md-6">
                                        <validation-provider name="Order Tax"
                                                             :rules="{ required: true , regex: /^\d*\.?\d*$/}"
                                                             v-slot="validationContext">
                                            <label for="ordertax">{{ __('translate.Order_Tax') }}
                                                <span class="field_required">*</span></label>
                                            <div class="input-group">
                                                <input :state="getValidationState(validationContext)"
                                                       aria-describedby="OrderTax-feedback"
                                                       v-model="detail.tax_percent" type="text" class="form-control">
                                                <div class="input-group-append">
                                                    <span class="input-group-text">%</span>
                                                </div>
                                            </div>
                                            <span class="error">@{{ validationContext.errors[0] }}</span>
                                        </validation-provider>
                                    </div>

                                    <!-- Discount Method -->
                                    <div class="form-group col-md-6">
                                        <validation-provider name="Discount_Method" rules="required"
                                                             v-slot="{ valid, errors }">
                                            <label>{{ __('translate.Discount_Method') }} <span
                                                        class="field_required">*</span></label>
                                            <v-select placeholder="{{ __('translate.Choose_Method') }}"
                                                      v-model="detail.discount_Method"
                                                      :reduce="(option) => option.value" :options="
                                        [
                                          {label: 'Percent %', value: '1'},
                                          {label: 'Fixed', value: '2'}
                                        ]">
                                            </v-select>
                                            <span class="error">@{{ errors[0] }}</span>
                                        </validation-provider>
                                    </div>

                                    <!-- Discount Rate -->
                                    <div class="form-group col-md-6">
                                        <validation-provider name="Discount"
                                                             :rules="{ required: true , regex: /^\d*\.?\d*$/}"
                                                             v-slot="validationContext">
                                            <label for="discount">{{ __('translate.Discount') }} <span
                                                        class="field_required">*</span></label>
                                            <input :state="getValidationState(validationContext)"
                                                   aria-describedby="Discount-feedback"
                                                   v-model="detail.discount" type="text" class="form-control">
                                            <span class="error">@{{ validationContext.errors[0] }}</span>
                                        </validation-provider>
                                    </div>

                                    <!-- Unit Purchase  -->
                                    <div class="form-group col-md-6">
                                        <validation-provider name="UnitPurchase" rules="required"
                                                             v-slot="{ valid, errors }">
                                            <label>{{ __('translate.Unit_Purchase') }} <span
                                                        class="field_required">*</span></label>
                                            <v-select v-model="detail.purchase_unit_id" :reduce="label => label.value"
                                                      placeholder="{{ __('translate.Choose_Unit_Purchase') }}"
                                                      :options="units.map(units => ({label: units.name, value: units.id}))"></v-select>
                                            <span class="error">@{{ errors[0] }}</span>
                                        </validation-provider>
                                    </div>

                                    <!-- imei_number -->
                                    <div class="form-group col-md-12" v-show="detail.is_imei">
                                        <label for="imei_number">{{ __('translate.Add_product_IMEI_Serial_number') }}</label>
                                        <input v-model="detail.imei_number" type="text" class="form-control"
                                               placeholder="{{ __('translate.Add_product_IMEI_Serial_number') }}">
                                    </div>

                                    <div class="col-lg-12">
                                        <button type="submit" :disabled="Submit_Processing_detail"
                                                class="btn btn-primary">
                    <span v-if="Submit_Processing_detail" class="spinner-border spinner-border-sm" role="status"
                          aria-hidden="true"></span> {{ __('translate.Submit') }}
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </validation-observer>
    </div>

@endsection
@section('page-js')
    <script src="{{asset('assets/js/nprogress.js')}}"></script>
    <script src="{{asset('assets/js/flatpickr.min.js')}}"></script>
    <script src="{{asset('assets/js/autocomplete.js')}}"></script>

    <script type="text/javascript">
        $(function () {
            "use strict";

            $(document).ready(function () {

                flatpickr("#datetimepicker", {
                    enableTime: true,
                    dateFormat: "Y-m-d H:i"
                });

            });

        });
    </script>

    <script>
        Vue.component('v-select', VueSelect.VueSelect)
        Vue.component('validation-provider', VeeValidate.ValidationProvider);
        Vue.component('validation-observer', VeeValidate.ValidationObserver);

        var app = new Vue({
            el: '#section_add_purchase',
            data: {
                validateWarehouse: @json($validateWarehouse),
                focused: false,
                timer: null,
                search_input: '',
                product_filter: [],
                SubmitProcessing: false,
                Submit_Processing_detail: false,
                isLoading: false,
                warehouses:@json($warehouses),
                supplier: {},
                products: [],
                details: [],
                detailsFiltered: [],
                detail: {},
                category_id: null,
                purchases: [],
                categories: @json($categories),
                purchase: {
                    id: "",
                    date: moment().format('YYYY-MM-DD HH:mm'),
                    statut: "received",
                    notes: "",
                    supplier_id: "",
                    warehouse_id: "",
                    tax_rate: 0,
                    TaxNet: 0,
                    shipping: 0,
                    discount: 0,
                    discount_type: "fixed",
                    discount_percent_total: 0,
                },
                timer: null,
                total: 0,
                GrandTotal: 0,
                units: [],
                product: {
                    id: "",
                    code: "",
                    stock: "",
                    quantity: 0,
                    discount: "",
                    DiscountNet: "",
                    discount_Method: "",
                    name: "",
                    no_unit: "",
                    unitPurchase: "",
                    purchase_unit_id: "",
                    Net_cost: "",
                    Total_cost: "",
                    Unit_cost: "",
                    subtotal: "",
                    product_id: "",
                    detail_id: "",
                    category_id: "",
                    taxe: "",
                    tax_percent: "",
                    tax_method: "",
                    product_variant_id: "",
                    del: "",
                    is_imei: "",
                    imei_number: "",
                },
                minProductQty: {{$minProductQty ?? 0}}
            },


            methods: {

                //--- Submit Validate Create Purchase
                Submit_Purchase() {
                    this.$refs.create_purchase.validate().then(success => {
                        if (!success) {
                            toastr.error('{{ __('translate.Please_fill_the_form_correctly') }}');
                        } else {
                            this.Create_Purchase();
                        }
                    });
                },

                formatDate(d) {
                    var m1 = d.getMonth() + 1;
                    var m2 = m1 < 10 ? '0' + m1 : m1;
                    var d1 = d.getDate();
                    var d2 = d1 < 10 ? '0' + d1 : d1;
                    return [d.getFullYear(), m2, d2].join('-');
                },


                //---Submit Validation Update Detail
                submit_Update_Detail() {
                    this.$refs.Update_Detail_purchase.validate().then(success => {
                        if (!success) {
                            toastr.error('{{ __('translate.Please_fill_the_form_correctly') }}');
                        } else {
                            this.Update_Detail();
                        }
                    });
                },


                //---Validate State Fields
                getValidationState({dirty, validated, valid = null}) {
                    return dirty || validated ? valid : null;
                },


                //---------------------- Get_sales_units ------------------------------\\
                Get_Purchases_units(value) {
                    axios
                        .get("/products/Get_sales_units?id=" + value)
                        .then(({data}) => (this.units = data));
                },


                //------ Show Modal Update Detail Product
                Modal_Updat_Detail(detail) {
                    NProgress.start();
                    NProgress.set(0.1);
                    this.detail = {};
                    this.detail.name = detail.name;
                    this.Get_Purchases_units(detail.product_id);
                    this.detail.detail_id = detail.detail_id;
                    this.detail.purchase_unit_id = detail.purchase_unit_id;
                    this.detail.Unit_cost = detail.Unit_cost;
                    this.detail.tax_method = detail.tax_method;
                    this.detail.fix_cost = detail.fix_cost;
                    this.detail.fix_stock = detail.fix_stock;
                    this.detail.stock = detail.stock;
                    this.detail.discount_Method = detail.discount_Method;
                    this.detail.discount = detail.discount;
                    this.detail.quantity = detail.quantity;
                    this.detail.tax_percent = detail.tax_percent;
                    this.detail.is_imei = detail.is_imei;
                    this.detail.imei_number = detail.imei_number;

                    setTimeout(() => {
                        NProgress.done();
                        $('#form_Update_Detail').modal('show');
                    }, 1000);
                },


                //------ Submit Update Detail Product
                Update_Detail() {
                    NProgress.start();
                    NProgress.set(0.1);
                    this.Submit_Processing_detail = true;
                    for (var i = 0; i < this.details.length; i++) {
                        if (this.details[i].id === this.detail.id) {
                            // this.convert_unit();
                            for (var k = 0; k < this.units.length; k++) {
                                if (this.units[k].id == this.detail.purchase_unit_id) {
                                    if (this.units[k].operator == '/') {
                                        this.details[i].stock = this.detail.fix_stock * this.units[k].operator_value;
                                        this.details[i].unitPurchase = this.units[k].ShortName;
                                    } else {
                                        this.details[i].stock = this.detail.fix_stock / this.units[k].operator_value;
                                        this.details[i].unitPurchase = this.units[k].ShortName;
                                    }
                                }
                            }

                            this.detail.Unit_cost = Number((this.detail.Unit_cost).toFixed(2));

                            this.details[i].Unit_cost = this.detail.Net_cost;
                            this.details[i].tax_percent = this.detail.tax_percent;
                            this.details[i].tax_method = this.detail.tax_method;
                            this.details[i].discount_Method = this.detail.discount_Method;
                            this.details[i].discount = this.detail.discount;
                            this.details[i].purchase_unit_id = this.detail.purchase_unit_id;
                            this.details[i].imei_number = this.detail.imei_number;
                            if (this.details[i].discount_Method == "2") {
                                //Fixed
                                this.details[i].DiscountNet = this.details[i].discount;
                            } else {
                                //Percentage %
                                this.details[i].DiscountNet = parseFloat(
                                    (this.details[i].Unit_cost * this.details[i].discount) / 100
                                );
                            }
                            if (this.details[i].tax_method == "1") {
                                //Exclusive
                                this.details[i].Net_cost = parseFloat(
                                    this.details[i].Unit_cost - this.details[i].DiscountNet
                                );
                                this.details[i].taxe = parseFloat(
                                    (this.details[i].tax_percent *
                                        (this.details[i].Unit_cost - this.details[i].DiscountNet)) /
                                    100
                                );
                            } else {
                                //Inclusive
                                this.details[i].Net_cost = parseFloat(
                                    (this.details[i].Unit_cost - this.details[i].DiscountNet) /
                                    (this.details[i].tax_percent / 100 + 1)
                                );
                                this.details[i].taxe = parseFloat(
                                    this.details[i].Unit_cost -
                                    this.details[i].Net_cost -
                                    this.details[i].DiscountNet
                                );
                            }
                            this.$forceUpdate();
                        }
                    }
                    this.Calcul_Total();
                    setTimeout(() => {
                        NProgress.done();
                        this.Submit_Processing_detail = false;
                        $('#form_Update_Detail').modal('hide');
                    }, 1000);
                },


                handleFocus() {
                    this.focused = true
                },


                handleBlur() {
                    this.focused = false
                },


                // Search Products
                search() {
                    if (this.timer) {
                        clearTimeout(this.timer);
                        this.timer = null;
                    }
                    // if (this.purchase.warehouse_id != "" &&  this.purchase.warehouse_id != null) {
                    this.timer = setTimeout(() => {

                        if (this.category_id) {
                            this.detailsFiltered = this.details.filter(product => {
                                return (
                                    (product.name.toLowerCase().includes(this.search_input.toLowerCase()) ||
                                    product.code.toLowerCase().includes(this.search_input.toLowerCase()) ||
                                    product.taste.toLowerCase().includes(this.search_input.toLowerCase())) &&
                                        product.category_id === this.category_id
                                );
                            });
                        } else {
                            this.detailsFiltered = this.details.filter(product => {
                                return (
                                    product.name.toLowerCase().includes(this.search_input.toLowerCase()) ||
                                    product.code.toLowerCase().includes(this.search_input.toLowerCase()) ||
                                    product.taste.toLowerCase().includes(this.search_input.toLowerCase())
                                );
                            });
                        }
                    }, 300);
                    {{--} else {--}}
                    {{--  toastr.error('{{ __('translate.Please_Select_Warehouse') }}');--}}
                    {{--}--}}
                },

                // get Result Value Search Products
                getResultValue(result) {
                    return result.code + " " + "(" + result.name + ")";
                },


                // Submit Search Products
                SearchProduct(result) {
                    this.product = {};
                    if (
                        this.details.length > 0 &&
                        this.details.some(detail => detail.code === result.code)
                    ) {
                        toastr.error('{{ __('translate.Product_Already_added') }}');

                    } else {
                        this.product.code = result.code;
                        this.product.quantity = 1;
                        this.product.stock = result.qte_purchase;
                        this.product.fix_stock = result.qty;
                        this.product.product_variant_id = result.product_variant_id;
                        this.Get_Product_Details(result.id, result.product_variant_id);

                    }
                    this.search_input = '';
                    this.$refs.product_autocomplete.value = "";
                    this.product_filter = [];
                },


                //---------------------- Event Select Warehouse ------------------------------\\
                Selected_Warehouse(value) {
                    this.search_input = '';
                    this.product_filter = [];
                    //this.Get_Products_By_Warehouse(value);
                },

                Select_Categories(value) {
                    if (this.timer) {
                        clearTimeout(this.timer);
                        this.timer = null;
                    }
                    // if (this.purchase.warehouse_id != "" &&  this.purchase.warehouse_id != null) {

                    this.timer = setTimeout(() => {


                            this.detailsFiltered = this.details.filter(product => {
                                if (this.search_input && value) {
                                    return (
                                        (product.name.toLowerCase().includes(this.search_input.toLowerCase()) ||
                                            product.code.toLowerCase().includes(this.search_input.toLowerCase()) ||
                                            product.taste.toLowerCase().includes(this.search_input.toLowerCase())) &&
                                        product.category_id === value
                                    );
                                } else if (this.search_input && !value) {
                                    return (
                                        (product.name.toLowerCase().includes(this.search_input.toLowerCase()) ||
                                            product.code.toLowerCase().includes(this.search_input.toLowerCase()) ||
                                            product.taste.toLowerCase().includes(this.search_input.toLowerCase()))
                                    );
                                } else {
                                    return product.category_id === value
                                }
                            });
                    }, 300);
                },


                //------------------------------------ Get Products By Warehouse -------------------------\\
                async Get_Products_By_Warehouse(id) {
                    // Start the progress bar.
                    NProgress.start();
                    NProgress.set(0.1);
                    await axios
                        .get("/products/products_by_Warehouse/" + id + "?stock=" + 0 + "&product_service=" + 0)
                        .then(async response => {
                            this.products = response.data;
                            // for (const product of response.data) {
                            //   await this.Get_Product_Details(product.id);
                            // }
                            NProgress.done();
                        })
                        .catch(error => {
                        });
                },


                //----------------------------------------- Add product -------------------------\\
                add_product() {
                    this.details.push(this.product);
                    if (this.product.is_imei) {
                        this.Modal_Updat_Detail(this.product);
                    }
                },


                //-----------------------------------Verified QTY ------------------------------\\
                Verified_Qty(detail, id) {
                    for (var i = 0; i < this.details.length; i++) {
                        if (this.details[i].id == id) {
                            if (isNaN(detail.quantity)) {
                                this.details[i].quantity = 0;
                            }
                            this.Calcul_Total();
                            this.$forceUpdate();
                        }
                    }
                },


                //-----------------------------------increment QTY ------------------------------\\
                increment(detail, id) {
                    for (var i = 0; i < this.details.length; i++) {
                        if (this.details[i].product_id == detail.product_id) {
                            this.details[i].quantity = Number((this.details[i].quantity + 1).toFixed(2));
                        }
                    }
                    this.$forceUpdate();
                    this.Calcul_Total();
                },


                //-----------------------------------decrement QTY ------------------------------\\
                decrement(detail, id) {
                    for (var i = 0; i < this.details.length; i++) {
                        if (this.details[i].product_id == detail.product_id) {
                            if (detail.quantity - 1 > 0) {
                                this.details[i].quantity = Number((this.details[i].quantity - 1).toFixed(2));
                            }
                        }
                    }
                    this.$forceUpdate();
                    this.Calcul_Total();
                },


                //------------------------------Formetted Numbers -------------------------\\
                formatNumber(number, dec) {
                    const value = (typeof number === "string"
                            ? number
                            : number.toString()
                    ).split(".");
                    if (dec <= 0) return value[0];
                    let formated = value[1] || "";
                    if (formated.length > dec)
                        return `${value[0]}.${formated.substr(0, dec)}`;
                    while (formated.length < dec) formated += "0";
                    return `${value[0]}.${formated}`;
                },


                //-----------------------------------------Calcul Total ------------------------------\\
                Calcul_Total() {
                    this.total = 0;
                    for (var i = 0; i < this.details.length; i++) {
                        var tax = this.details[i].taxe * this.details[i].quantity;
                        this.details[i].subtotal = parseFloat(
                            this.details[i].quantity * this.details[i].Net_cost + tax
                        );
                        this.total = parseFloat(this.total + this.details[i].subtotal);
                    }

                    if (this.purchase.discount_type == 'percent') {
                        this.purchase.discount_percent_total = parseFloat((this.total * this.purchase.discount) / 100);
                        const total_without_discount = parseFloat(this.total - this.purchase.discount_percent_total);

                        this.purchase.TaxNet = parseFloat((total_without_discount * this.purchase.tax_rate) / 100);
                        this.GrandTotal = parseFloat(total_without_discount + this.purchase.TaxNet + this.purchase.shipping);

                        var grand_total = this.GrandTotal.toFixed(2);
                        this.GrandTotal = parseFloat(grand_total);

                    } else {
                        this.purchase.discount_percent_total = 0;
                        const total_without_discount = parseFloat(this.total - this.purchase.discount);

                        this.purchase.TaxNet = parseFloat((total_without_discount * this.purchase.tax_rate) / 100);
                        this.GrandTotal = parseFloat(total_without_discount + this.purchase.TaxNet + this.purchase.shipping);
                        var grand_total = this.GrandTotal.toFixed(2);
                        this.GrandTotal = parseFloat(grand_total);
                    }

                },


                //-----------------------------------Delete Detail Product ------------------------------\\
                delete_Product_Detail(id) {
                    for (var i = 0; i < this.details.length; i++) {
                        if (id === this.details[i].product_id) {
                            this.details.splice(i, 1);
                            this.Calcul_Total();
                        }
                    }
                },


                //---------- keyup OrderTax
                keyup_OrderTax() {
                    if (isNaN(this.purchase.tax_rate)) {
                        this.purchase.tax_rate = 0;
                    } else if (this.purchase.tax_rate == '') {
                        this.purchase.tax_rate = 0;
                        this.Calcul_Total();
                    } else {
                        this.Calcul_Total();
                    }
                },


                //---------- keyup Discount
                keyup_Discount() {
                    if (isNaN(this.purchase.discount)) {
                        this.purchase.discount = 0;
                    } else if (this.purchase.discount == '') {
                        this.purchase.discount = 0;
                        this.Calcul_Total();
                    } else {
                        this.Calcul_Total();
                    }
                },


                //---------- keyup Shipping
                keyup_Shipping() {
                    if (isNaN(this.purchase.shipping)) {
                        this.purchase.shipping = 0;
                    } else if (this.purchase.shipping == '') {
                        this.purchase.shipping = 0;
                        this.Calcul_Total();
                    } else {
                        this.Calcul_Total();
                    }
                },


                //-----------------------------------Verified Form Validation ------------------------------\\
                verifiedForm() {
                    if (!this.purchase.warehouse_id && this.validateWarehouse) {
                        toastr.error('{{ __('translate.Please_Select_Warehouse') }}');
                        return false;
                    }
                    if (this.details.length <= 0) {
                        toastr.error('{{ __('translate.Please_Add_Product_To_List') }}');
                        return false;
                    } else {
                        let minOrder = {{$minOrder ?? 0}};
                        var total = 0;
                        for (var i = 0; i < this.details.length; i++) {
                            if (
                                this.details[i].quantity != "" ||
                                this.details[i].quantity != 0
                            ) {
                                total += parseInt(this.details[i].quantity);

                                if (this.details[i].quantity > this.details[i].max_qty) {
                                    toastr.error(this.details[i].name + ' ' + this.details[i].taste + ' - {{ __('translate.max_product') }}' + this.details[i].max_qty + ' szt.');
                                    return false;
                                }

                                if (parseInt(this.details[i].quantity) < this.minProductQty) {
                                    toastr.error('{{ __('translate.min_order_qty') }}' + this.minProductQty);
                                    return false;
                                }
                            }
                        }
                        if (total < minOrder) {
                            toastr.error('{{ __('translate.min_order_purchase') }}' + minOrder);
                            return false;
                        } else {
                            return true;
                        }
                    }
                },


                //--------------------------------- Create Purchase -------------------------\\
                Create_Purchase() {
                    if (this.verifiedForm()) {
                        // Start the progress bar.
                        NProgress.start();
                        NProgress.set(0.1);

                        this.SubmitProcessing = true;

                        axios
                            .post("/purchase/purchases", {
                                date: this.purchase.date,
                                supplier_id: this.purchase.supplier_id,
                                warehouse_id: this.purchase.warehouse_id,
                                notes: this.purchase.notes,
                                tax_rate: this.purchase.tax_rate ? this.purchase.tax_rate : 0,
                                TaxNet: this.purchase.TaxNet ? this.purchase.TaxNet : 0,
                                discount: this.purchase.discount ? this.purchase.discount : 0,
                                discount_type: this.purchase.discount_type,
                                discount_percent_total: this.purchase.discount_percent_total ? this.purchase.discount_percent_total : 0,
                                shipping: this.purchase.shipping ? this.purchase.shipping : 0,
                                GrandTotal: this.GrandTotal,
                                details: this.details
                            })
                            .then(response => {
                                const ref = response.data.ref;
                                let positions = [];
                                window.location.href = '/purchase/purchases/'+response.data.id
                                {{--this.details.forEach(el => {--}}
                                {{--    if (el.quantity > 0) {--}}
                                {{--        positions.push({--}}
                                {{--            "name": el.name + ' ' + el.code,--}}
                                {{--            "tax": 0,--}}
                                {{--            "total_price_gross": parseFloat(el.Net_cost) * parseInt(el.quantity),--}}
                                {{--            "quantity": el.quantity--}}
                                {{--        })--}}
                                {{--    }--}}
                                {{--});--}}
                                {{--let json_params = {--}}
                                {{--    "api_token": "5YN1T5vOVgDEgju3pDjw",--}}
                                {{--    "invoice": {--}}
                                {{--        "kind":"vat",--}}
                                {{--        "number": null,--}}
                                {{--        "sell_date": "{{now()->format('Y-m-d')}}",--}}
                                {{--        "issue_date": "{{now()->format('Y-m-d')}}",--}}
                                {{--        "payment_to": "{{now()->addDays(10)->format('Y-m-d')}}",--}}
                                {{--        "buyer_name": "{{$filiaName}}",--}}
                                {{--        "buyer_tax_no": "{{$nip}}",--}}
                                {{--        "buyer_city" : "{{$city}}",--}}
                                {{--        "buyer_country" : "Polska",--}}
                                {{--        "buyer_email" : "{{$email}}",--}}
                                {{--        "buyer_post_code" : "{{$postcode}}",--}}
                                {{--        "buyer_phone" : "{{$phone}}",--}}
                                {{--        "buyer_street" : "{{$street}}",--}}
                                {{--        "seller_name": "Slots Poland sp. z o.o.",--}}
                                {{--        "seller_tax_no": "5272932950",--}}
                                {{--        "seller_city" : "Kraków",--}}
                                {{--        "seller_country" : "Polska",--}}
                                {{--        "seller_email" : "info@slotspoland.pl",--}}
                                {{--        "seller_post_code" : "31-532",--}}
                                {{--        "seller_phone" : "+48 794 375 109",--}}
                                {{--        "seller_street" : "Karola Chodkiewicza 9 / 4",--}}
                                {{--        "positions":positions--}}

                                {{--    }}--}}
                                {{--//alert(JSON.stringify(json_params))--}}
                                {{--let endpoint = 'https://bwcoders.fakturownia.pl/invoices.json'--}}

                                {{--$.ajax({--}}
                                {{--    type: "POST",--}}
                                {{--    url: endpoint,--}}
                                {{--    data: json_params,--}}
                                {{--    dataType: 'json',--}}
                                {{--    success: function(data) {--}}


                                {{--        console.log(data);--}}
                                {{--   // .post("/purchase/"+id+"/edit_number", {});--}}

                                {{--        axios--}}
                                {{--            .post("/purchase/0/edit_number", {--}}
                                {{--                number: data['number'],--}}
                                {{--                ref: ref,--}}
                                {{--                id: data['id']--}}
                                {{--            })--}}
                                {{--            .then(response => {--}}
                                {{--                axios.post("https://bwcoders.fakturownia.pl/invoices/"+data['id']+"/send_by_email.json?api_token=5YN1T5vOVgDEgju3pDjw")--}}
                                {{--                NProgress.done();--}}
                                {{--                this.SubmitProcessing = false;--}}
                                {{--                toastr.success('{{ __('translate.Created_in_successfully') }}');--}}
                                {{--                window.location.href = '/purchase/purchases';--}}
                                {{--            });--}}
                                {{--        console.log('invoice created! ' + data['number']);--}}

                                {{--        },--}}
                                {{--    error: function(err) {--}}
                                {{--        console.log(err);--}}
                                {{--        NProgress.done();--}}
                                {{--        this.SubmitProcessing = false;--}}
                                {{--        toastr.success('{{ __('translate.Created_in_successfully') }}');--}}
                                {{--        window.location.href = '/purchase/purchases';--}}
                                {{--    }--}}
                                {{--});--}}
                            })
                            .catch(error => {
                                // Complete the animation of theprogress bar.
                                NProgress.done();
                                this.SubmitProcessing = false;
                                toastr.error('{{ __('translate.There_was_something_wronge') }}');
                            });
                    }
                },
                //-------------------------------- Get Last Detail Id -------------------------\\
                Last_Detail_id() {
                    this.product.detail_id = 0;
                    var len = this.details.length;
                    this.product.detail_id = this.details[len - 1].detail_id + 1;
                },


                //---------------------------------Get Product Details ------------------------\\

                async Get_Product_Details() {
                    await axios.get("/products/show_all_product_data").then(response => {
                        response.data.forEach(product => {
                            this.product = {
                                id: "",
                                code: "",
                                stock: "",
                                quantity: 0,
                                discount: "",
                                DiscountNet: "",
                                discount_Method: "",
                                name: "",
                                no_unit: "",
                                unitPurchase: "",
                                purchase_unit_id: "",
                                Net_cost: "",
                                Total_cost: "",
                                Unit_cost: "",
                                subtotal: "",
                                product_id: "",
                                detail_id: "",
                                category_id: "",
                                taxe: "",
                                tax_percent: "",
                                tax_method: "",
                                product_variant_id: "",
                                del: "",
                                is_imei: "",
                                imei_number: "",
                            }
                            this.product.discount = 0;
                            this.product.DiscountNet = 0;
                            this.product.discount_Method = "2";
                            this.product.code = product.code;
                            this.product.product_id = product.id;
                            this.product.name = product.name;
                            this.product.Net_cost = product.Total_price;
                            this.product.Net_price = product.Total_price;
                            this.product.Unit_cost = product.Total_price;
                            this.product.qty = 0;
                            this.product.max_qty = product.qty;
                            this.product.taxe = product.tax_cost;
                            this.product.tax_method = product.tax_method;
                            this.product.tax_percent = product.tax_percent;
                            this.product.category_id = product.category_id;
                            this.product.unitPurchase = product.unitPurchase;
                            this.product.taste = product.taste;
                            this.product.fix_cost = product.fix_cost;
                            this.product.purchase_unit_id = product.purchase_unit_id;
                            this.product.is_imei = product.is_imei;
                            this.product.imei_number = '';
                            this.add_product();
                            this.Calcul_Total();
                        })
                        this.detailsFiltered = this.details;

                    });
                },


            },
            //-----------------------------Autoload function-------------------
            async created() {
                await this.Get_Product_Details()
            }

        })

    </script>

@endsection