@extends('layout')


@section('content')

    @php
        $priceRecipe =0;

    @endphp
    <script type="text/javascript">
        $(document).ready(function () {

            $('.datepicker').datepicker({
                dateFormat: "dd-mm-yy",
            });
            $('input').keyup(function (e) {
                if (e.which == 39) { // right arrow
                    $(this).closest('td').next().find('input').focus();

                } else if (e.which == 37) { // left arrow
                    $(this).closest('td').prev().find('input').focus();

                } else if (e.which == 40) { // down arrow
                    $(this).closest('tr').next().find('td:eq(' + $(this).closest('td').index() + ')').find('input').focus();

                } else if (e.which == 38) { // up arrow
                    $(this).closest('tr').prev().find('td:eq(' + $(this).closest('td').index() + ')').find('input').focus();
                }
            });
        });
    </script>
    <style>
        .sticky-top {
            z-index: 10 !important;
        }

        .ui-autocomplete-loading {
            background: white url("/image/loader.gif") right center no-repeat;
        }
        #sticky-sidebar{
            top: 200px;
            z-index: -1!important;
        }
    </style>

    @if (Session::has('success'))
        <div class="alert alert-success">
            <p>{{ Session::get('success') }}</p>
        </div><br/>
    @elseif(Session::has('error'))
        <div class="alert alert-danger">
            <p>{{ Session::get('error') }}</p>
        </div><br/>
    @endif
    <form method="post" action="{{action('ProductsController@update', $id)}}">
        @csrf
        <nav class="navbar navbar-light bg-light sticky-top">
            <h2>Edit Ricetta Prodotto - {{$product->name}}</h2>
            <button type="submit" class="btn btn-success float-right">Update</button>
        </nav>
        <div class="container-fluid row">
            <div class="col-10">
                <input type="hidden" name="model_id" value="{{$product->_id}}">

                <div class="row">
                    <div class="col-6">
                        <div class="form-group col-md-12">
                            <div class="form-group">
                                <label for="">Nome Ricetta</label>
                                <input name="nameRecipe" class="form-control" type="text" value="{{$product->name}}"/>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label for="">% perdita peso</label>
                                    <div class="form-inline">
                                        <input id="performance" name="performance"
                                               class="form-control"
                                               type="number" step="any"
                                               value="@if(isset($product->performance['value'])){{$product->performance['value']}}@endif"/>

                                        <input type="hidden" name="typePerformance" value="percent"/>


                                    </div>
                                </div>

                                <div class="form-group col-md-6">
                                    <label for="">Kg. Resa Effettiva (dopo la cottura)</label>
                                    <div class="form-inline">

                                        <input id="performance" name="performanceKg"
                                               class="form-control"
                                               type="number" step="any"
                                               value="@if(isset($product->performanceKg['value'])){{$product->performanceKg['value']}}@endif"/>

                                        <input type="hidden" name="typePerformanceKg" value="value"/>

                                    </div>
                                </div>

                            </div>


                            <div class="form-row">
                                <div class="form-group col-md-4">
                                    <label for="">Temp. Impasto Prevista</label>
                                    <input name="tempRecipe" class="form-control" type="text"
                                           value="{{$product->temperature}}"/>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="">Temp. Rilevata</label>
                                    <input name="tempRecipe" class="form-control" type="text"
                                           value="{{$product->temperatureDetect}}"/>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="">Alert Temp.</label>
                                    <input name="tempRecipe" class="form-control" type="text"
                                           value="{{$product->temperatureDetect}}"/>
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label for="">EAN Code</label>
                                    <input name="eanCodeRecipe" class="form-control" type="text"
                                           value="{{$product->eancode}}"/>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="">TMC Giorni</label>
                                    <input name="tmcDaysRecipe" class="form-control" type="text"
                                           value="{{$product->tmcdays}}"/>
                                </div>
                            </div>


                            <br>
                            <div class="form-row">
                                <label for="">Tipologia</label>
                            </div>
                            @foreach($recipeTypes as $i=>$type)
                                <div class="form-check form-check-inline">
                                    <input type="checkbox" class="form-check-input"
                                           @if(is_array($product->type) && in_array( $type->name, $product->type )) {{ 'checked' }}@endif id="inlineCheckbox{{$i}}"
                                           value="{{$type->name}}"
                                           name="typeRecipe[]"/>
                                    <label class="form-check-label" for="inlineCheckbox{{$i}}"
                                           for="typeRecipe">{{$type->name}}</label>
                                </div>
                            @endforeach


                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group col-md-12">

                            <label for="">Etichetta ingredienti:</label>
                            <textarea id="tiny" name="labelRecipe" class="form-control col-12" id="" cols="30"
                                      rows="5">{{$product->label}}</textarea>
                        </div>
                        <div class="form-group col-md-12">

                            <label for="">Note Ricetta:</label>
                            <textarea name="descrRecipe" class="form-control col-12" id="" cols="30"
                                      rows="5">{{$product->description}}</textarea>
                        </div>
                    </div>
                </div>

                {{--TABELLA INGREDIENTI BASE--}}
                <div class="row">
                    <div class="col-12">
                        <h2>Ingredienti Base</h2>
                        @php
                            $totQuantity = 0
                        @endphp
                        <table class="tb-articles table-striped table-sm table">
                            <thead>
                            <tr>
                                <th style="width: 15%">Order</th>
                                <th style="width: 5%">Primario</th>
                                <th style="width: 30%" class="print-column-article">Ingrediente base</th>
                                <th style="width: 10%">Quantità (Kg)</th>
                                <th style="width: 10%">% Massa</th>
                                <th style="width: 10%">% Primario</th>
                                <th style="width: 10%">Costo Std (€)</th>
                                <th style="width: 10%">Costo (€)</th>
                                <th style="width: 10%">% IVA</th>
                                <th style="width: 10%">Costo Ricetta CIVA(€)</th>
                                <th></th>
                            </tr>
                            </thead>
                            @if(is_array($product['ingredients_base']))
                                <tbody>

                                @php
                                    ;
                                    $numsIngredients = 0;
                                    $totCostoStandard = 0;
                                    $totCiva = 0;
                                    setlocale(LC_MONETARY, 'it_IT');
                                    $row=0;
                                @endphp

                                @foreach($product['ingredients_base'] as $ingrediente)
                                    @php
                                        $nameIngrediente = $ingrediente['name'] ?? '';
                                        $idIngrediente = $ingrediente['id'] ?? '';
                                        $quantityIngrediente = $ingrediente['quantity'] ?? '';
                                        $umIngrediente = $ingrediente['um2'] ?  $ingrediente['um2'] : (isset($ingrediente['um1']) ? $ingrediente['um1'] : '');
                                        $cumIngrediente = $ingrediente['cum'] ?? 1;
                                        $coefficienteUmIngrediente = $ingrediente['cum'] ?? '';
                                        $costoStandardIngrediente = (float)$ingrediente['costostandard'] ?? '';
                                        $noteIngrediente = $ingrediente['note'] ?? '';
                                        $iva = $ingrediente['iva'] ?? '';
                                        $relativePrimary = $ingrediente['relativePrimary'] ?? '';
                                        $percentPrimary = $ingrediente['percentPrimary'] ?? '';
                                        $isPrimary = $ingrediente['primary'] ?? 0;


                                        $costoIngrediente = $costoStandardIngrediente * $quantityIngrediente * $coefficienteUmIngrediente;

                                        $totCostoStandard += (float)$costoStandardIngrediente;

                                        $costoCiva = number_format($costoIngrediente  + ($costoIngrediente *  $iva), 3, ',', '.');

                                        $totCiva += (float) ($costoIngrediente  + ($costoIngrediente *  $iva));

                                        if(isset($product->performance['value']))
                                        //$priceRecipe = number_format($totCostoStandard * $product->performance['value']/100, 3, ',', '.');

                                        $priceRecipe += $costoIngrediente;
                                        if($quantityIngrediente){
                                            $totQuantity += $quantityIngrediente;
                                        }

                                        $numsIngredients++;

                                    @endphp
                                    <tr>
                                        <td><input type="number" step="any" name="orderingrediente[]"
                                                   class="form-control form-control-sm order-ingredient"
                                                   value="{{$ingrediente['order']}}"></td>
                                        <td>
                                            <input type="checkbox" value="1"
                                                   name="primaryIngrediente[{{$row}}]" @if(isset ($ingrediente['primary']) && $ingrediente['primary']==1) {{'checked'}} @endif/>
                                        </td>
                                        <td>
                                            <input type="text" class="ls-ingrediente-base form-control form-control-sm"
                                                   name="ingrediente_base[]" data-umingrediente="{{$umIngrediente}}"
                                                   data-cum="{{$cumIngrediente}}"
                                                   value="{!! preg_replace(["/\'/","/\"/"], ["'",""], $nameIngrediente) !!}"/>
                                            <input name="idingrediente[]" class="idingrediente" value="{{$idIngrediente}}"
                                                   type="hidden"/>
                                        </td>

                                        <td>
                                            <input type="number" step="any" name="quantityingrediente[]"
                                                   class="form-control form-control-sm quantity-ingredient"
                                                   value="{{$quantityIngrediente}}">
                                        </td>
                                        <td>
                                            @if(isset($primaryIngredients))
                                                <select class="form-control form-control-sm"
                                                        name="relativePrimaryIngredient[]"
                                                        id="">
                                                    <option value="-1">Tutti i prodotti primari</option>
                                                    @foreach($primaryIngredients as $primary)
                                                        <option value="{{$primary['id']}}" @if($relativePrimary['idingredient']==$primary['id']) {{'selected'}} @endif>{{$primary['name']}}</option>
                                                    @endforeach
                                                </select>
                                                <div class="form-inline">
                                                    <input class="form-control form-control-sm col-5"
                                                           type="text"
                                                           name="relativePrimaryValue[]"
                                                           value="@if(isset($weightTot)){{ number_format( ($quantityIngrediente/$weightTot) * 100, 2,',','.')}}@endif"/>
                                                    <label
                                                            class="">%</label>
                                                </div>

                                            @endif
                                        </td>
                                        <td class="form-inline">
                                            <input type="number" step="any" name="percentPrimaryValue[]"
                                                   class="primary-percent form-control form-control-sm col-5"
                                                   value="@if(isset($weightPrimaryTot) && $weightPrimaryTot != 0 && !$isPrimary){{ ($quantityIngrediente/$weightPrimaryTot) * 100}}@endif"/><label
                                                    class="">%</label>
                                        </td>
                                        <td>
                                            <span class="price-standard-ingrediente">{{ number_format($costoStandardIngrediente, 3, ',', '.') }}</span>
                                            <input type="hidden" class="price-standard-ingrediente-single" value="{{ $costoStandardIngrediente }}"/><span class="um-ingrediente">&euro;/{{$umIngrediente}}</span>
                                        </td>

                                        <td>
                                        <span data-value="{{$costoIngrediente}}"
                                              class="price-ingrediente">{{ number_format($costoIngrediente, 3, ',', '.') }}</span>
                                        </td>
                                        <td>
                                            <span class="price-iva">{{$iva * 100}}</span>
                                        </td>
                                        <td>
                                            <span class="price-civa">{{ $costoCiva }}</span>
                                        </td>
                                        <td><a href="#" class="btn-delete btn btn-sm btn-danger">delete</a></td>
                                    </tr>
                                    <tr class="row-note">
                                        <td></td>
                                        <td></td>
                                        <td colspan="8">
                                            <label for="">Nota:</label>
                                            <input type="text" class="form-control form-control-sm col-12"
                                                   name="noteIngrediente[]" value="{{$noteIngrediente}}"/>
                                        </td>
                                    </tr>
                                    @php
                                        $row++;
                                    @endphp
                                @endforeach
                                </tbody>
                            @endif
                            <tfoot>
                            <tr>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th>Massa: <span class="tot-quantity">{{$totQuantity}}</span></th>
                                <th></th>
                                <th></th>
                                <th class="tot-costo-standard"></th>
                                <th></th>
                                <th></th>
                                <th>@if(isset($totCiva)){{ number_format($totCiva, 3, ',', '.') }}@endif</th>
                                <th></th>
                            </tr>
                            <tr>
                                <th colspan="6">
                                    <a href="#" class="btn btn-sm btn-info btn-add-ingrediente-base">Aggiungi ingrediente base</a>
                                </th>
                            </tr>
                            </tfoot>
                        </table>

                    </div>
                </div>

                {{--TABELLA INGREDIENTI--}}
                <div class="row">
                    <div class="col-12">
                        <h2>Ingredienti</h2>
                        @php
                            $totQuantity = 0
                        @endphp
                        <table class="tb-articles table-striped table-sm table">
                            <thead>
                            <tr>
                                <th style="width: 15%">Order</th>
                                <th style="width: 5%">Primario</th>
                                <th style="width: 30%" class="print-column-article">Ingrediente</th>
                                <th style="width: 10%">Quantità (Kg)</th>
                                <th style="width: 10%">% Massa</th>
                                <th style="width: 10%">% Primario</th>
                                <th style="width: 10%">Costo Std (€)</th>
                                <th style="width: 10%">Costo (€)</th>
                                <th style="width: 10%">% IVA</th>
                                <th style="width: 10%">Costo Ricetta CIVA(€)</th>
                                <th></th>
                            </tr>
                            </thead>
                            @if(is_array($product['ingredients']))
                                <tbody>

                                @php
                                    ;
                                    $numsIngredients = 0;
                                    $totCostoStandard = 0;
                                    $totCiva = 0;
                                    setlocale(LC_MONETARY, 'it_IT');
                                    $row=0;
                                @endphp

                                @foreach($product['ingredients'] as $ingrediente)
                                    @php
                                        $nameIngrediente = $ingrediente['name'] ?? '';
                                        $idIngrediente = $ingrediente['id'] ?? '';
                                        $quantityIngrediente = $ingrediente['quantity'] ?? '';
                                        $umIngrediente = $ingrediente['um2'] ?  $ingrediente['um2'] : (isset($ingrediente['um1']) ? $ingrediente['um1'] : '');
                                        $cumIngrediente = $ingrediente['cum'] ?? 1;
                                        $coefficienteUmIngrediente = $ingrediente['cum'] ?? '';
                                        $costoStandardIngrediente = (float)$ingrediente['costostandard'] ?? '';
                                        $noteIngrediente = $ingrediente['note'] ?? '';
                                        $iva = $ingrediente['iva'] ?? '';
                                        $relativePrimary = $ingrediente['relativePrimary'] ?? '';
                                        $percentPrimary = $ingrediente['percentPrimary'] ?? '';
                                        $isPrimary = $ingrediente['primary'] ?? 0;


                                        $costoIngrediente = $costoStandardIngrediente * $quantityIngrediente * $coefficienteUmIngrediente;

                                        $totCostoStandard += (float)$costoStandardIngrediente;

                                        $costoCiva = number_format($costoIngrediente  + ($costoIngrediente *  $iva), 3, ',', '.');

                                        $totCiva += (float) ($costoIngrediente  + ($costoIngrediente *  $iva));

                                        if(isset($product->performance['value']))
                                        //$priceRecipe = number_format($totCostoStandard * $product->performance['value']/100, 3, ',', '.');

                                        $priceRecipe += $costoIngrediente;
                                        if($quantityIngrediente){
                                            $totQuantity += $quantityIngrediente;
                                        }

                                        $numsIngredients++;

                                    @endphp
                                    <tr>
                                        <td><input type="number" step="any" name="orderingrediente[]"
                                                   class="form-control form-control-sm order-ingredient"
                                                   value="{{$ingrediente['order']}}"></td>
                                        <td>
                                            <input type="checkbox" value="1"
                                                   name="primaryIngrediente[{{$row}}]" @if(isset ($ingrediente['primary']) && $ingrediente['primary']==1) {{'checked'}} @endif/>
                                        </td>
                                        <td>
                                            <input type="text" class="ls-ingrediente form-control form-control-sm"
                                                   name="ingrediente[]" data-umingrediente="{{$umIngrediente}}"
                                                   data-cum="{{$cumIngrediente}}"
                                                   value="{!! preg_replace(["/\'/","/\"/"], ["'",""], $nameIngrediente) !!}"/>
                                            <input name="idingrediente[]" class="idingrediente" value="{{$idIngrediente}}"
                                                   type="hidden"/>
                                        </td>

                                        <td>
                                            <input type="number" step="any" name="quantityingrediente[]"
                                                   class="form-control form-control-sm quantity-ingredient"
                                                   value="{{$quantityIngrediente}}">
                                        </td>
                                        <td>
                                            @if(isset($primaryIngredients))
                                                <select class="form-control form-control-sm"
                                                        name="relativePrimaryIngredient[]"
                                                        id="">
                                                    <option value="-1">Tutti i prodotti primari</option>
                                                    @foreach($primaryIngredients as $primary)
                                                        <option value="{{$primary['id']}}" @if($relativePrimary['idingredient']==$primary['id']) {{'selected'}} @endif>{{$primary['name']}}</option>
                                                    @endforeach
                                                </select>
                                                <div class="form-inline">
                                                    <input class="form-control form-control-sm col-5"
                                                           type="text"
                                                           name="relativePrimaryValue[]"
                                                           value="@if(isset($weightTot)){{ number_format( ($quantityIngrediente/$weightTot) * 100, 2,',','.')}}@endif"/>
                                                    <label
                                                            class="">%</label>
                                                </div>

                                            @endif
                                        </td>
                                        <td class="form-inline">
                                            <input type="number" step="any" name="percentPrimaryValue[]"
                                                   class="primary-percent form-control form-control-sm col-5"
                                                   value="@if(isset($weightPrimaryTot) && $weightPrimaryTot != 0 && !$isPrimary){{ ($quantityIngrediente/$weightPrimaryTot) * 100}}@endif"/><label
                                                    class="">%</label>
                                        </td>
                                        <td>
                                            <span class="price-standard-ingrediente">{{ number_format($costoStandardIngrediente, 3, ',', '.') }}</span>
                                            <input type="hidden" class="price-standard-ingrediente-single" value="{{ $costoStandardIngrediente }}"/><span class="um-ingrediente">&euro;/{{$umIngrediente}}</span>
                                        </td>

                                        <td>
                                        <span data-value="{{$costoIngrediente}}"
                                              class="price-ingrediente">{{ number_format($costoIngrediente, 3, ',', '.') }}</span>
                                        </td>
                                        <td>
                                            <span class="price-iva">{{$iva * 100}}</span>
                                        </td>
                                        <td>
                                            <span class="price-civa">{{ $costoCiva }}</span>
                                        </td>
                                        <td><a href="#" class="btn-delete btn btn-sm btn-danger">delete</a></td>
                                    </tr>
                                    <tr class="row-note">
                                        <td></td>
                                        <td></td>
                                        <td colspan="8">
                                            <label for="">Nota:</label>
                                            <input type="text" class="form-control form-control-sm col-12"
                                                   name="noteIngrediente[]" value="{{$noteIngrediente}}"/>
                                        </td>
                                    </tr>
                                    @php
                                        $row++;
                                    @endphp
                                @endforeach
                                </tbody>
                            @endif
                            <tfoot>
                            <tr>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th>Massa: <span class="tot-quantity">{{$totQuantity}}</span></th>
                                <th></th>
                                <th></th>
                                <th class="tot-costo-standard"></th>
                                <th></th>
                                <th></th>
                                <th>@if(isset($totCiva)){{ number_format($totCiva, 3, ',', '.') }}@endif</th>
                                <th></th>
                            </tr>
                            <tr>
                                <th colspan="6">
                                    <a href="#" class="btn btn-sm btn-info btn-add-ingrediente">Aggiungi ingrediente</a>
                                </th>
                            </tr>
                            </tfoot>
                        </table>

                    </div>
                </div>


                {{--TABELLA MODALITA--}}
                <div class="row">
                    <h2>Modalità</h2>
                    <table class="tb-modes table-striped table-sm table col-12">
                        <thead>
                        <tr>
                            <th style="width: 10%">Order</th>
                            <th style="width: 20%" class="print-column-article">Fase</th>
                            <th style="width: 20%">Descrizione</th>
                            <th style="width: 15%">Tempo (min.)</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @if(is_array($product['modes']))
                            @foreach($product['modes'] as $mode)

                                <tr>
                                    <td><input type="number" step="any" name="ordermode[]"
                                               class="form-control form-control-sm order-mode col-5"
                                               value="{{$mode['order']}}"></td>
                                    <td>
                                        <select class="form-control form-control-sm" name="modeFase[]">
                                            <option value="-1">Scegli la fase</option>
                                            @if(isset($faseTypes))
                                                @foreach($faseTypes as $type)
                                                    <option @if($mode['fase']==$type->name){{'selected'}}@endif value="{{$type->name}}">{{$type->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </td>

                                    <td>
                                        <input type="text" name="descriptionmode[]"
                                               class="form-control form-control-sm mode-description"
                                               value="@if(isset($mode['description'])){{$mode['description']}}@endif">
                                    </td>

                                    <td>
                                        <input type="number" step="any" name="modetime[]"
                                               class="form-control form-control-sm mode-time col-5"
                                               value="{{$mode['time']}}">
                                    </td>

                                    <td><a href="#" class="btn-delete btn btn-sm btn-danger float-right">delete</a></td>
                                </tr>
                                <tr class="row-note">
                                    <td></td>
                                    <td colspan="7">
                                        <label for="">Nota:</label>
                                        <input type="text" class="form-control form-control-sm col-12"
                                               name="notemode[]"
                                               value="@if(isset($mode['note'])){{$mode['note']}}@endif"/>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>


                        @endif
                        <tfoot>
                        <tr>
                            <th colspan="6">
                                <a href="#" class="btn btn-sm btn-info btn-add-mode">Aggiungi modalità</a>
                            </th>
                        </tr>
                        </tfoot>
                    </table>
                </div>

                <div class="row">
                    <div class="col-md-5"></div>
                    <div class="form-group col-md-4">
                        <button type="submit" class="btn btn-success">Update</button>
                    </div>
                </div>

            </div>

            {{--RIEPILOGO--}}
            <div class="col-2" id="sticky-sidebar">
                <h5>Riepilogo</h5>
                @if(is_array($product['ingredients']))
                    <div>
                        <span class="text-success font-weight-bold"><i class="fas fa-coins"></i> Ingredienti: {{ $numsIngredients }}</span>
                        <input type="hidden" name="nums-ingredients" id="nums-ingredients" value="{{ $numsIngredients }}"/>
                    </div>
                    <div>
                        <span class="text-danger font-weight-bold"><i class="fas fa-coins"></i> Costo effettivo dopo cottura:
                            @php
                                $costoEffettivo = 0;
                                    if($product->performance['value']){
                                        if($totQuantity != 0)
                                            $costoEffettivo = ($totCiva  / $totQuantity) + ( ($totCiva  / $totQuantity) * $product->performance['value'] / 100 ) ;

                                    }else{
                                        if($product->performanceKg['value']){
                                            $costoEffettivo = $totCiva / $product->performanceKg['value'];
                                        }
                                        else{
                                            $costoEffettivo = !empty($totQuantity) ? $totCiva / $totQuantity : 0;
                                        }

                                    }
                            @endphp
                            <h2>€ <span class="price-recipe">{{ number_format($costoEffettivo, 3, ',', '.') }}</span></h2>
                            <input type="hidden" name="price-real-recipe" id="price-real-recipe" value="{{ number_format($costoEffettivo, 3, ',', '.') }}"/>
                        </span>
                    </div>

                    <div>
                        <span class="text-danger font-weight-bold"><i class="fas fa-coins"></i> Costo ricetta CIVA:
                            <h2>€ <span class="price-recipe">{{ number_format($totCiva, 3, ',', '.') }}</span></h2>
                            <input type="hidden" name="priceiva-recipe" id="priceiva-recipe" value="{{ number_format($totCiva, 3, ',', '.') }}"/>
                        </span>
                    </div>
                    <div>
                    <span class="text-primary font-weight-bold"><i class="fas fa-balance-scale"></i> Quantità ricetta:
                        <h2><span class="tot-quantity">{{$totQuantity}}</span></h2>
                        <input type="hidden" name="tot-quantity" id="tot-quantity" value="{{ $totQuantity }}"/>
                    </span>
                    </div>

                    @if(isset($product->performance['value']))
                        <div>
                            <span class="text-warning font-weight-bold"><i class="fas fa-tachometer-alt"></i> Resa ricetta:
                                <h2>
                                    <span class="performanceRecipe">{{$product->performance['value']}}</span>
                                    <span class="performanceTypeRecipe">
                                        @if($product->performance['value'])
                                            {{'%'}}
                                        @else

                                        @endif
                                    </span>
                                </h2>
                            </span>
                        </div>
                </div>
                @endif

            @endif

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


    <script type="text/javascript">

        $(document).ready(function () {

            $('textarea#tiny').tinymce({
                menubar: false,
                toolbar: 'undo redo | formatselect | ' +
                    'bold italic backcolor | alignleft aligncenter ' +
                    'alignright alignjustify | bullist numlist outdent indent | ' +
                    'removeformat ',
            });

            $("body").on('focus', ".ls-ingrediente", function () {
                var ingredienteInput = $(this);
                $(this).autocomplete({
                    source: "/api/articles",
                    minLength: 2,
                    select: function (event, ui) {
                        //get um
                        var um = '';
                        var $costoIngrediente = parseFloat(ui.item.costostandard);
                        var $cumIngrediente = parseFloat(ui.item.cum);

                        if (ui.item.um2) {
                            um = ui.item.um2;
                        } else {
                            um = ui.item.um1;
                        }


                        $costoIngrediente = $costoIngrediente * $cumIngrediente;

                        ingredienteInput.data('umingrediente', um);
                        ingredienteInput.parent().parent().find('.idingrediente').val(ui.item.id_lasersoft);
                        ingredienteInput.parent().parent().find('.idingredientemongo').val(ui.item.id);
                        //ingredienteInput.parent().parent().find('.umingrediente').html(um);
                        ingredienteInput.parent().parent().find('.price-iva').html(ui.item.iva * 100);
                        ingredienteInput.parent().parent().find('.price-civa').html(($costoIngrediente + ($costoIngrediente * ui.item.iva)).toLocaleString('it-IT', {
                            style: 'currency',
                            currency: 'EUR',
                            minimumFractionDigits: 3
                        }));
                        ingredienteInput.parent().parent().find('.price-standard-ingrediente').html(parseFloat(ui.item.costostandard).toLocaleString('it-IT', {
                            style: 'currency',
                            currency: 'EUR',
                            minimumFractionDigits: 3
                        }) + '/' + um);
                        ingredienteInput.parent().parent().find('.um-ingrediente').empty();
                        ingredienteInput.parent().parent().find('.price-standard-ingrediente-single').val(ui.item.costostandard);

                        //price ingrediente
                        price = parseFloat($costoIngrediente);

                        price = price.toLocaleString('it-IT', {
                            style: 'currency',
                            currency: 'EUR',
                            minimumFractionDigits: 3
                        });

                        ingredienteInput.parent().parent().find('.price-ingrediente').html(price);
                    }
                });
            });

            //autocomplete recipes base
            $("body").on('focus', ".ls-ingrediente-base", function () {
                var ingredienteInput = $(this);
                $(this).autocomplete({
                    source: "/api/recipes-base",
                    minLength: 2,
                    select: function (event, ui) {







                    }
                });
            });

            //add ingrediente
            $('body').on('click', '.btn-add-ingrediente', function (e) {
                e.preventDefault();
                addRowArticle($(this).parent().parent().parent().prev());
            });

            //add ingrediente base
            $('body').on('click', '.btn-add-ingrediente-base', function (e) {
                e.preventDefault();
                addRowRecipeBase($(this).parent().parent().parent().prev());
            });


            function addRowArticle(item) {
                //find last order
                var items = $('.order-ingredient').length;

                var nextIngredient = items + 1;

                //update numbers ingredients
                $('.num-ingredients').html(nextIngredient);

                var out = '';
                out += '<tr>';
                out += '<td><input type="text" name="orderingrediente[]" class="form-control order-ingredient" value="' + nextIngredient + '"/></td>';
                out += '<td><input type="checkbox" value="1" name="primaryIngrediente[]" /></td>';
                out += '<td>';
                out += '<input name="ingrediente[]" type="text" data-umingrediente="" data-cum="" class="ls-ingrediente form-control" />';
                out += '<input name="idingrediente[]" class="idingrediente" type="hidden" />';
                out += '<input name="idingredientemongo[]" class="idingredientemongo" type="hidden" />';
                out += '</td>';
                out += '<td><input type="number"step="any" name="quantityingrediente[]" class="form-control quantity-ingredient"/></td>';
                @if($primaryIngredients)
                    out += '<td><select class="form-control form-control-sm" name="relativePrimaryIngredient[]" id="">';
                out += '<option value="-1">Tutti i prodotti primari</option>';
                @foreach($primaryIngredients as $primary)
                    out += '<option value="{{$primary['id']}}" @if($relativePrimary['idingredient']==$primary['id']) {{'selected'}} @endif>{{$primary['name']}}</option>';
                @endforeach
                    out += '</select>';
                out += '<div class="form-inline">';
                out += '<input class="form-control form-control-sm col-5" type="text" name="relativePrimaryValue[]" value=""/>';
                out += '<label>%</label>';
                out += '</div>';
                @endif
                    out += '</td>';
                out += '<td class="form-inline">';
                out += '<input type="number" step="any" name="percentPrimaryValue[]" class="primary-percent form-control form-control-sm col-5" value=""/>';
                out += '<label>%</label>';
                out += '</td>';
                out += '<td>';
                out += '<span class="price-standard-ingrediente"></span>';
                out += '<input type="hidden" class="price-standard-ingrediente-single" value=""/>';
                out += '</td>';
                out += '<td><span data-value="" class="price-ingrediente"></span></td>';
                out += '<td><span class="price-iva"></span></td>';
                out += '<td><span class="price-civa"></span></td>';
                out += '<td><a href="#" class="btn-delete btn btn-sm btn-danger">delete</a></td>';
                out += '</tr>';
                //note
                out += '<tr class="row-note">';
                out += '<td></td>';
                out += '<td></td>';
                out += '<td colspan="8">';
                out += '<label for="">Nota:</label>';
                out += '<input type="text" class="form-control form-control-sm col-12" name="noteIngrediente[]" value=""/>';
                out += '</td>';
                out += '</tr>';

                var tbody = item;
                tbody.append(out);
                item.find('tr').last().find('input').first().focus();
            }

            function addRowRecipeBase(item) {
                //find last order
                var items = $('.order-ingredient').length;

                var nextIngredient = items + 1;

                //update numbers ingredients
                $('.num-ingredients').html(nextIngredient);

                var out = '';
                out += '<tr>';
                out += '<td><input type="text" name="orderingrediente[]" class="form-control order-ingredient" value="' + nextIngredient + '"/></td>';
                out += '<td><input type="checkbox" value="1" name="primaryIngrediente[]" /></td>';
                out += '<td>';
                out += '<input name="ingrediente[]" type="text" data-umingrediente="" data-cum="" class="ls-ingrediente-base form-control" />';
                out += '<input name="idingrediente[]" class="idingrediente" type="hidden" />';
                out += '<input name="idingredientemongo[]" class="idingredientemongo" type="hidden" />';
                out += '</td>';
                out += '<td><input type="number"step="any" name="quantityingrediente[]" class="form-control quantity-ingredient"/></td>';
                @if($primaryIngredients)
                    out += '<td><select class="form-control form-control-sm" name="relativePrimaryIngredient[]" id="">';
                out += '<option value="-1">Tutti i prodotti primari</option>';
                @foreach($primaryIngredients as $primary)
                    out += '<option value="{{$primary['id']}}" @if($relativePrimary['idingredient']==$primary['id']) {{'selected'}} @endif>{{$primary['name']}}</option>';
                @endforeach
                    out += '</select>';
                out += '<div class="form-inline">';
                out += '<input class="form-control form-control-sm col-5" type="text" name="relativePrimaryValue[]" value=""/>';
                out += '<label>%</label>';
                out += '</div>';
                @endif
                    out += '</td>';
                out += '<td class="form-inline">';
                out += '<input type="number" step="any" name="percentPrimaryValue[]" class="primary-percent form-control form-control-sm col-5" value=""/>';
                out += '<label>%</label>';
                out += '</td>';
                out += '<td>';
                out += '<span class="price-standard-ingrediente"></span>';
                out += '<input type="hidden" class="price-standard-ingrediente-single" value=""/>';
                out += '</td>';
                out += '<td><span data-value="" class="price-ingrediente"></span></td>';
                out += '<td><span class="price-iva"></span></td>';
                out += '<td><span class="price-civa"></span></td>';
                out += '<td><a href="#" class="btn-delete btn btn-sm btn-danger">delete</a></td>';
                out += '</tr>';
                //note
                out += '<tr class="row-note">';
                out += '<td></td>';
                out += '<td></td>';
                out += '<td colspan="8">';
                out += '<label for="">Nota:</label>';
                out += '<input type="text" class="form-control form-control-sm col-12" name="noteIngrediente[]" value=""/>';
                out += '</td>';
                out += '</tr>';

                var tbody = item;
                tbody.append(out);
                item.find('tr').last().find('input').first().focus();
            }


            //mostro tabella articoli se contiene righe
            $('.tb-ingredientes').each(function () {
                if ($(this).find('tbody:first tr').length > 0) {
                    $(this).fadeIn();
                    //mostro pulsante add
                    $(this).parent().find('.btn-add-ingrediente').fadeIn();
                }
            });

            //DELETE ROW
            $('body').on('click', '.btn-delete', function (e) {
                e.preventDefault();

                var rownote = $(this).parent().parent().next();
                $(this).parent().parent().remove();
                rownote.remove();
            });


            $('body').on('change', '.sel-color', function () {
                let color = $(this).val();
                console.log(color);
                if (color != -1) {
                    $(this).removeClass().addClass('sel-color').addClass('table-' + color);
                }
            });

            //quantity ingrediente
            $('body').on('change', '.quantity-ingredient', function () {
                var totQuantity = 0;
                var totPrice = 0;
                var totPriceRecipe = 0;
                var quantityIngredient = parseFloat($(this).val());
                var ivaIngredient = parseFloat($(this).parent().parent().find('.price-iva').text());
                var um = $(this).parent().parent().find('.ls-ingrediente').data('umingrediente');
                var cum = $(this).parent().parent().find('.ls-ingrediente').data('cum');
                var priceStandardIngredient = parseFloat($(this).parent().parent().find('.price-standard-ingrediente-single').val());

                //update tot ingredient
                priceStandardIngredient = priceStandardIngredient * cum;

                var price = parseFloat(priceStandardIngredient * quantityIngredient);
                var priceFormatted = price.toLocaleString('it-IT', {
                    style: 'currency',
                    currency: 'EUR',
                    minimumFractionDigits: 3
                });
                $(this).parent().parent().find('.price-ingrediente').html(priceFormatted);
                $(this).parent().parent().find('.price-ingrediente').data('value', price);

                totPrice += price;

                var priceCiva = parseFloat((priceStandardIngredient + (priceStandardIngredient * ivaIngredient / 100)) * quantityIngredient).toLocaleString('it-IT', {
                    style: 'currency',
                    currency: 'EUR',
                    minimumFractionDigits: 3
                });
                $(this).parent().parent().find('.price-civa').html(priceCiva);

                //loop for calculate totals
                $('.quantity-ingredient').each(function () {
                    var partial = parseFloat($(this).val());
                    var priceRow = parseFloat($(this).parent().parent().find('.price-ingrediente').data('value'));

                    totQuantity += partial;
                    totPriceRecipe += priceRow;
                });

                //update value
                $('.tot-quantity').html(totQuantity);

                var totPriceFormatted = totPrice.toLocaleString('it-IT', {
                    //style: 'currency',
                    currency: 'EUR',
                    minimumFractionDigits: 3
                });

                var totPriceRecipeFormatted = totPriceRecipe.toLocaleString('it-IT', {
                    //style: 'currency',
                    currency: 'EUR',
                    minimumFractionDigits: 3
                });

                //update tot price recipe
                $('.price-recipe').html(totPriceRecipeFormatted);
                //$('.price-recipe-kg').html(totPriceRecipeFormatted);
            });

            //performance
            $('body').on('change', '#performance', function () {

                var performanceValue = $(this).val();
                var totCostoStandard = parseFloat($('.tot-costo-standard').text());
                var priceRecipe = (totCostoStandard * performanceValue / 100).toFixed(2);
                //update tot
                $('.priceRecipe').html(priceRecipe);
            });


            //add modalità
            $('body').on('click', '.btn-add-mode', function (e) {
                e.preventDefault();
                addRowMode($(this).parent().parent().parent().prev());
            });

            function addRowMode(item) {
                //find last order
                var items = $('.order-mode').length;
                var nextMode = items + 1;

                var out = '';
                out += '<tr>';
                out += '<td><input type="text" name="ordermode[]" class="form-control order-mode col-5" value="' + nextMode + '"/></td>';
                out += '<td>';
                out += '<select class="form-control form-control-sm" name="modeFase[]">';
                out += '<option value="-1">Scegli la fase</option>';
                @if(isset($faseTypes))
                        @foreach($faseTypes as $type)
                    out += '<option value="{{$type->name}}">{{$type->name}}</option>';
                @endforeach
                        @endif
                    out += '</select>';
                out += '</td>';
                out += '<td>';
                out += '<input type="text" name="modedescription[]" class="form-control form-control-sm mode-description" value="">';
                out += '</td>';
                out += '<td>';
                out += ' <input type="number" step="any" name="modeTime[]" class="form-control form-control-sm mode-time col-5" value=""></td>';
                out += '</td>';
                out += '<td><a href="#" class="btn-delete btn btn-sm btn-danger float-right">delete</a></td>';
                out += '</tr>';
                out += '<tr class="row-note">';
                out += '<td></td>';
                out += '<td colspan="7">';
                out += '<label for="">Nota:</label>';
                out += '<input type="text" class="form-control form-control-sm col-12" name="notemode[]" value=""/>';
                out += '</td>';
                out += '</tr>';
                var tbody = item;
                tbody.append(out);
                item.find('tr').last().find('input').first().focus();
            }
        });

    </script>
@endsection