@extends('layout')


@section('content')
    <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('RecipesController@update', $id)}}">
        @csrf
        <nav class="navbar navbar-light bg-light sticky-top">
            <h2>Edit Ricetta Base - {{$recipe->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="{{$recipe->_id}}">

                <div class="row">
                    <div class="col-6">
                        <div class="form-group col-md-12">
                            <div class="form-group">
                                <label class="col-form-label" for="name">Semilavorato:</label>
                                <input type="radio" class="radio-recipe-type" @if($recipe->recipe_type == 'semilavorato') {{'checked'}} @endif value="semilavorato" name="recipe_type"/>
                                <label class="col-form-label" for="name">Prodotto finito:</label>
                                <input type="radio" class="radio-recipe-type" @if($recipe->recipe_type=='prodotto_finito') {{'checked'}} @endif value="prodotto_finito" name="recipe_type"/>
                            </div>
                            <div class="form-group recipe-iva-field">
                                <label for="">IVA (%)</label>
                                <input name="iva-recipe" class="form-control" type="text" value="{{$recipe->iva * 100}}"/>
                            </div>
                            <div class="form-group">
                                <label for="">Nome Ricetta</label>
                                <input name="nameRecipe" class="form-control" type="text" value="{{$recipe->name}}"/>
                            </div>
                            <div class="form-group">
                                <label class="col-form-label" for="name">CCO di riferimento:</label>
                                <select class="form-control" name="cco_start">
                                    <option value="-1">Scegli</option>
                                    @foreach($cco as $ccoitem)
                                        @if($ccoitem->descr_mag == $recipe->cco_start)
                                            <option selected value="{{$ccoitem->descr_mag}}">{{$ccoitem->descr_mag}}</option>
                                        @else
                                            <option value="{!! $ccoitem->descr_mag !!}">{{$ccoitem->descr_mag}}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>

                            <br>

                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label for="">% perdita peso</label>
                                    <div class="form-inline">
                                        <input id="performance-weight" name="performance"
                                               class="form-control performance"
                                               type="number" step="any"  min="0"
                                               value="@if(isset($recipe->performance['value'])){{$recipe->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-kg" name="performanceKg"
                                               class="form-control performance"
                                               type="number" step="any" min="0"
                                               value="@if(isset($recipe->performanceKg['value'])){{$recipe->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="{{$recipe->temperature}}"/>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="">Temp. Rilevata</label>
                                    <input name="tempRecipe" class="form-control" type="text"
                                           value="{{$recipe->temperatureDetect}}"/>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="">Alert Temp.</label>
                                    <input name="tempRecipe" class="form-control" type="text"
                                           value="{{$recipe->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="{{$recipe->eancode}}"/>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="">TMC Giorni</label>
                                    <input name="tmcDaysRecipe" class="form-control" type="text"
                                           value="{{$recipe->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($recipe->type) && in_array( $type->name, $recipe->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">{{$recipe->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">{{$recipe->description}}</textarea>
                        </div>
                    </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($recipe['ingredients']))
                                <tbody>

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

                                @endphp



                                @foreach($recipe['ingredients'] as $ingrediente)
                                    @php
                                        $nameIngrediente = $ingrediente['name'] ?? '';
                                        $idIngrediente = $ingrediente['id'] ?? '';
                                        $type = $ingrediente['type'] ?? '';

                                        $quantityIngrediente = $ingrediente['quantity'] ?? '';
                                        $umIngrediente = isset($ingrediente['um2']) && $ingrediente['um2'] ?  $ingrediente['um2'] : (isset($ingrediente['um1']) ? $ingrediente['um1'] : '');
                                        $cumIngrediente = $ingrediente['cum'] ?? 1;
                                        $coefficienteUmIngrediente = $ingrediente['cum'] ?? 1;
                                        
                                        $costoStandardIngrediente = isset($ingrediente['costostandard']) && $ingrediente['costostandard'] ? $ingrediente['costostandard'] : 0.0;
                                        
                                        $noteIngrediente = $ingrediente['note'] ?? '';

                                        //fix iva 
                                        //$iva = str_replace(",",".", $ingrediente['iva']);
                                        $iva =  $ingrediente['iva'];
                                        $iva = (float)$iva ?? '';
                                        $relativePrimary = $ingrediente['relativePrimary'] ?? '';
                                        $percentPrimary = $ingrediente['percentPrimary'] ?? '';
                                        $isPrimary = $ingrediente['primary'] ?? 0;
                                        

                                        if(!empty($costoStandardIngrediente)){

                                            $costoStandardIngrediente = str_replace(",",".", $costoStandardIngrediente);
                                            
                                            if($type){
                                                $costoStandardIngrediente = (float)($costoStandardIngrediente - ($costoStandardIngrediente*$iva));
                                            }

                                            $costoIngrediente = (float)$costoStandardIngrediente * ($quantityIngrediente * $coefficienteUmIngrediente);
                                            
                                            $costoCiva = number_format($costoIngrediente  + ($costoIngrediente *  $iva), 3, ',', '.');
                                            $priceIngredienteIva = $costoIngrediente  + ($costoIngrediente *  $iva);

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

                                            $priceRecipe += $costoIngrediente;
                                        }

                                        $totCiva =  (float)$totCiva;
                                        


                                        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"/>                                            
                                            <input name="type[]" class="type-ingrediente" value="{{$type}}"
                                                   type="hidden"/>
                                        </td>

                                        <td>
                                            <input type="number" step="any" min="0" 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) && !empty($weightTot)){{ number_format( ($quantityIngrediente/$weightTot) * 100, 2,',','.')}}@endif"/>
                                                    <label
                                                            class="">%</label>
                                                </div>

                                            @endif
                                        </td>
                                        <td class="form-inline">
                                            <input type="number" step="any" min="0" 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 ?? 0}}" data-priceiva="{{ $priceIngredienteIva ?? 0 }}" 
                                              class="price-ingrediente">{!! isset($costoIngrediente) && !empty($costoIngrediente) ? number_format($costoIngrediente, 3, ',', '.') . ' &euro;' : 0 !!} </span>
                                        </td>
                                        <td>
                                            <span class="price-iva">{!! $iva ? $iva * 100 : '' !!}</span>
                                        </td>
                                        <td>
                                            <span class="price-civa">{{ $costoCiva ?? 0 }}</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($recipe['modes']))
                            @foreach($recipe['modes'] as $mode)

                                <tr>
                                    <td><input type="number" step="any" min="0" 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($recipe['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($recipe->performance['value']){
                                    if($totQuantity != 0)
                                        $costoEffettivo = ($totCiva  / $totQuantity) + ( ($totCiva  / $totQuantity) * $recipe->performance['value'] / 100 ) ;

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

                                }
                            @endphp
                            <h2>€ <span class="price-real-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="priceiva-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">{{$recipe->totquantity}}</span></h2>
                        <input type="hidden" name="tot-quantity" id="tot-quantity" value="{{ $totQuantity }}"/>
                    </span>
                    </div>

                    @if(isset($recipe->performance['value']))
                        <div>
                            <span class="text-warning font-weight-bold"><i class="fas fa-tachometer-alt"></i> Resa ricetta:
                                <h2>
                                    <span class="performanceRecipe">{{$recipe->performance['value']}}</span>
                                    <span class="performanceTypeRecipe">
                                        @if($recipe->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);
                var $costoIngrediente = 0;
                var $cumIngrediente = 1;

                $(this).autocomplete({
                    source: "/api/articles",
                    minLength: 2,
                    select: function (event, ui) {
                        //get um
                        var um = '';
                        if(ui.item.type=='recipe'){
                            $costoIngrediente = parseFloat(ui.item.costostandard.replace(',','.'));
                            um='ricetta';
                        }else{
                            $costoIngrediente = parseFloat(ui.item.costostandard);
                            if (ui.item.um2) {
                                um = ui.item.um2;
                            } else {
                                um = ui.item.um1;
                            }
                            $cumIngrediente = parseFloat(ui.item.cum);

                        }
                        
                        


                        ingredienteInput.parent().parent().find('.price-standard-ingrediente').html($costoIngrediente.toLocaleString('it-IT', {
                            style: 'currency',
                            currency: 'EUR',
                            minimumFractionDigits: 3
                        }) + '/' + um);



                        $costoIngrediente = $costoIngrediente * $cumIngrediente;

                        ingredienteInput.data('umingrediente', um);
                        ingredienteInput.data('cum', $cumIngrediente);
                        ingredienteInput.parent().parent().find('.idingrediente').val(ui.item.id_lasersoft);
                        ingredienteInput.parent().parent().find('.idingredientemongo').val(ui.item.id);
                        if(ui.item.type=='recipe'){
                            ingredienteInput.parent().parent().find('.type-ingrediente').val( ui.item.type);
                            ingredienteInput.parent().parent().find('.idingrediente').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('.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);
                    }
                });
            });


            //add ingrediente
            $('body').on('click', '.btn-add-ingrediente', function (e) {
                e.preventDefault();
                addRowArticle($(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-type="" 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 += '<input name="type[]" class="type-ingrediente" type="hidden" />';
                out += '</td>';
                out += '<td><input type="number"step="any" min="0" name="quantityingrediente[]" class="form-control form-control-sm quantity-ingredient"/></td>';

                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>';

                out += '</td>';
                out += '<td class="form-inline">';
                out += '<input type="number" step="any" min="0" 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="" data-priceiva="" 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();

                if (color != -1) {
                    $(this).removeClass().addClass('sel-color').addClass('table-' + color);
                }
            });

            //iva recipe
            //init

            var type = $('.radio-recipe-type:checked').val();
            /*
            if(type != 'undefined'){
                if(type == 'semilavorato'){
                    $('.recipe-iva-field').show();
                }else{
                    $('.recipe-iva-field').hide();
                }
            }
            
           


            //event click
            $('body').on('click', '.radio-recipe-type', function (e) {
                var $type = $(this).val();
                if($type == 'semilavorato'){
                    $('.recipe-iva-field').show();
                }else{
                    $('.recipe-iva-field').hide();
                }
            });

            */



            //quantity ingrediente
           


            $('body').on('change', '.quantity-ingredient', function () {
                var totQuantity = 0;
                var totPriceRecipe = 0.0;
                var totPrice = 0;
                var quantityIngredient = parseFloat($(this).val());
                var ivaIngredient = parseFloat($(this).parent().parent().find('.price-iva').text())/100;

                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
                });

                let item_price_ingrediente = $(this).parent().parent().find('.price-ingrediente');

                item_price_ingrediente.html(priceFormatted);
                item_price_ingrediente.data('value', price);
                item_price_ingrediente.data('priceiva', parseFloat(price) + parseFloat(price) * ivaIngredient);

                totPrice += price;

                var priceCiva = parseFloat((priceStandardIngredient + (priceStandardIngredient * ivaIngredient)) * 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('priceiva'));

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

                //update value
                $('.tot-quantity').html(totQuantity);
                $('#tot-quantity').val(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
                $('.priceiva-recipe').html(totPriceRecipeFormatted);
                $('#priceiva-recipe').val(totPriceRecipe);

                if(totQuantity!=0){

                    //prezzo effettivo
                    
                    var $resaKg = $('#performance-kg').val();
                    var priceReal = 0;

                    if($resaKg!=0){
                        //1. se è impostato un valore di massa in KG
                        priceReal = parseFloat(totPriceRecipe/$resaKg);

                    }else{
                        //2. altrimenti la resa è riferita alla quantità di massa della ricetta
                        priceReal = parseFloat(totPriceRecipe/totQuantity);
                    }


                    $('#price-real-recipe').val(priceReal);     
                    var priceRealFormatted = priceReal.toLocaleString('it-IT', {
                        //style: 'currency',
                        currency: 'EUR',
                        minimumFractionDigits: 3
                    });
                    $('.price-real-recipe').html(priceRealFormatted);     
                }else{
                    $('.price-real-recipe').html(0);
                }
               
                //$('.price-recipe-kg').html(totPriceRecipeFormatted);
            });

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

                var performanceValue = $(this).val();
                var totCostoStandard = $('#priceiva-recipe').val();
                var priceRecipe = (totCostoStandard / performanceValue).toFixed(3);
                //update tot
                $('.price-real-recipe').html(priceRecipe);
                $('#price-real-recipe').val(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