@extends('layout')


@section('content')
{{--    <script type="text/javascript">
        $(document).ready(function(){

            $('.datepicker').datepicker({
                format: "dd/mm/yyyy",
                weekStart: 0,
                calendarWeeks: true,
                autoclose: true,
                todayHighlight: true,
                rtl: true,
                orientation: "auto"
            });
        });
    </script>--}}
    <style>
        .btn-add-article{
            display: none;
        }
        .tb-articles{
            display: none;
        }
        .ui-autocomplete-loading {
            background: white url("/image/loader.gif") right center no-repeat;
        }
    </style>


<form method="post" action="{{action('DeliveredController@update', $id)}}">
    <h2>Edit Modello Consegnato <button type="submit" class="btn btn-success float-right">Update</button></h2>
    @csrf
        <div class="form-group">
            <div class="col-auto">
                <label class="col-sm-2 col-form-label" for="name">Name:</label>
                <input type="text" class="form-control" name="name" value="{{$delivered->name}}">

            </div>
            <div class="col-auto">
                <label class="col-sm-2 col-form-label" for="name">CCO Partenza:</label>
                <select class="form-control" name="cco_start">
                    <option value="-1">Scegli</option>
                    @foreach($cco as $ccoitem)
                        @if($ccoitem->descr_mag == $delivered->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>
            <div class="col-auto">
                <label class="col-sm-2 col-form-label" for="name">Tipo inserimento:</label>
                <select class="form-control" name="type" disabled>
                    <option value="-1">Scegli</option>
                    <option value="modular" @if($type=='modular') {{'selected'}} @endif>Modulare</option>
                    <option value="barcode"  @if($type=='barcode') {{'selected'}} @endif>Barcode</option>
                </select>
            </div>
        </div>
        <div class="form-check">
            <div class="col-auto">
                @if(isset($delivered->clientexternal) && $delivered->clientexternal == 1)
                    @php
                    $checked = 'checked';
                    @endphp

                @else
                    @php
                        $checked = '';
                    @endphp
                @endif
                <input class="form-check-input" type="checkbox" {{$checked}} name="clientexternal" value="1" />
                <label for="clientexternal">Clienti esterni</label>
            </div>
        </div>
            {{--<div class="form-group col-md-2">--}}
                {{--<label for="Date">Date:</label>--}}
                {{--<div class="input-group date ">--}}
                    {{--<input type="text" data-provide="datepicker" class="form-control datepicker" value="{{$delivered->date}}" name="date"/>--}}
                    {{--<span class="input-group-addon">--}}
                        {{--<span class="glyphicon glyphicon-calendar"></span>--}}
                    {{--</span>--}}
                {{--</div>--}}
            {{--</div>--}}

        {{--CCO--}}


        <div class="row">
            <div class="form-group col-md-12">
                <h3>CCO <a href="#" id="btn-add-cco" class="btn btn-sm btn-primary">Aggiungi CCO</a></h3>
                <table id="tb-cco" class="table">
                    <thead>
                    <tr>
                        <th style="width: 50%">Nome CCO</th>
                        <th style="width: 10%">Order</th>
                        <th style="width: 40%">Documento</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(is_array($ccoDelivered))
                        @foreach($ccoDelivered as $ccoModel)
                            @php
                                $doclink = isset($ccoModel['doclink']) ? $ccoModel['doclink'] : '';
                            @endphp
                            <tr>
                                <td>
                                    <select class="form-control" name="cco[]">
                                        <option value="-1">Scegli</option>
                                        @foreach($cco as $ccoitem)
                                            @if($ccoitem->descr_mag == $ccoModel['name'])
                                                <option selected value="{{$ccoitem->descr_mag}}">{{$ccoitem->descr_mag}}</option>
                                            @else
                                                <option value="{!! $ccoitem->descr_mag !!}">{{$ccoitem->descr_mag}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </td>
                                <td><input type="text" name="ordercco[]" class="form-control" value="{{$ccoModel['order']}}"></td>
                                <td>
                                    <select class="form-control" name="documentlink[]">
                                        <option value="-1">Scegli</option>
                                        @foreach($documentlink as $dl)
                                            @if($doclink == $dl['descr'])
                                                <option selected value="{{$dl->descr}}">{{$dl->descr}}</option>
                                            @else
                                                <option value="{!! $dl->descr !!}">{{$dl->descr}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </td>
                                <td><a href="#" class="btn-delete btn btn-sm btn-danger">delete</a></td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>

        </div>
        @if($type!='barcode')
        <div class="row">
            <div class="form-group col-md-12">
                <label for="Family"><a href="#" id="btn-add-family" class="btn btn-sm btn-primary">Aggiungi sottofamiglia</a></label>
                <table id="tb-subfamily" class="table table-primary table-striped">
                    <thead>
                        <tr>
                            <th>Sottofamiglia</th>
                            <th>order</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>

                    @if(is_array($familiesDelivered))
                        @php
                            $i=0
                        @endphp
                        @foreach($familiesDelivered as $familyDelivered)
                            <tr>
                                <td>
                                    <label for="Subfamily">Sottofamiglia:</label>
                                    <select class="form-control sel-subfamily" name="subfamily[]">
                                        <option value="-1">Scegli</option>
                                        @foreach($subfamilies as $subfamily)
                                            @if($subfamily['DESCRIZIONE'] == $familyDelivered['name'])
                                                <option selected value="{{$subfamily->DESCRIZIONE}}">{{$subfamily->DESCRIZIONE}}</option>
                                            @else
                                                <option value="{!! $subfamily->DESCRIZIONE !!}">{{$subfamily->DESCRIZIONE}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </td>
                                <td>
                                    <label for="OrderSubfamily">Order:</label>
                                    <input type="text" name="order[]" class="form-control col-5" value="{{$familyDelivered['order']}}"></td>
                                {{--<td><a data-subfamily="sub{{$i}}" href="#" class="btn btn-sm btn-info btn-add-article">Aggiungi articolo</a></td>--}}
                                <td>
                                    <a href="#" data-subfamily="sub{{$i}}" class="btn-delete-subfamily btn btn-sm btn-danger text-right">delete</a>
                                </td>
                            </tr>
                            <tr class="article-sub{{$i}}">
                                <td colspan="4">
                                    <table class="tb-articles table-striped table-sm table sub{{$i}}">
                                        <thead>
                                            <tr>
                                                <th style="width: 50%" class="print-column-article">Articolo</th>
                                                <th style="width: 5%">UM2</th>
                                                <th style="width: 10%">Codice</th>
                                                <th style="width: 25%">Sottofamiglia</th>
                                                <th style="width: 15%">Order</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @if(is_array($familyDelivered['articles']))
                                            @foreach($familyDelivered['articles'] as $art)
                                                @php
                                                $subfamilyDescr = $art['subfamily']  ?? '';
                                                $codeArticle = $art['code']  ?? '';
                                                $umArticle = $art['um'] ?? '';
                                                $um1Article = $art['um1'] ?? '';
                                                $um2Article = $art['um2'] ?? '';
                                                $ivaArticle = $art['iva'] ?? '';
                                                $prezziArticle = $art['prezzi'] ?? '';
                                                $cumArticle = $art['cum'] ?? '';
                                                $idArticle = $art['id'] ?? '';
                                                $idArticleMongo = $art['id_mongo'] ?? '';
                                                $idArticleLasersoft = $art['id_lasersoft'] ?? '';
                                               // $fornitoreArticle = $art['fornitore'] ?? '';
                                                $nameArticle = $art['name'] ?? '';
                                                @endphp
                                                <tr>
                                                    <td>
                                                        <input type="text" class="ls-article form-control" name="article[sub{{$i}}][]" data-subfamily="sub{{$i}}" data-codearticle="{{$codeArticle}}" data-umarticle="{{$umArticle}}" value="{!! preg_replace(["/\'/","/\"/"], ["'",""], $nameArticle) !!}" />
                                                        <input name="idarticle[sub{{$i}}][]" class="idarticle" value="{{$idArticle}}" type="hidden"/>
                                                        <input name="idarticlemongo[sub{{$i}}][]" class="idarticlemongo" value="{{$idArticleMongo}}" type="hidden"/>
                                                        {{--<input name="fornitorearticle[sub{{$i}}][]" class="fornitorearticle" value="{{$fornitoreArticle}}" type="hidden"/>--}}
                                                    </td>
                                                    <td>
                                                        <input name="umarticle[sub{{$i}}][]" class="form-control umarticle" value="{{$umArticle}}" type="text"/>
                                                       </td>
                                                    <td>
                                                        <input name="codearticle[sub{{$i}}][]" class="form-control codearticle" value="{{$codeArticle}}" type="text"/>
                                                    </td>
                                                    <td>
                                                        <input class="form-control subfamily" name="subfamilyarticle[sub{{$i}}][]" value="{{$subfamilyDescr}}" type="text"/>
                                                    </td>
                                                    <td><input type="text" name="orderarticle[sub{{$i}}][]" class="form-control col-5" value="{{$art['order']}}"></td>
                                                    <td><a href="#" class="btn-delete btn btn-sm btn-danger">delete</a></td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th colspan="6">
                                                    <a data-subfamily="sub{{$i}}" href="#" class="btn btn-sm btn-info btn-add-article">Aggiungi articolo</a>
                                                </th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </td>
                            </tr>
                            @php
                                $i++;
                            @endphp

                        @endforeach

                    @else
                        <tr>
                            <td>
                                <select class="form-control sel-subfamily" name="subfamily[]">
                                    <option value="-1">Scegli</option>
                                    @foreach($subfamilies as $subfamily)
                                        @if($subfamily->DESCRIZIONE == $delivered->subfamily)
                                            <option selected value="{!! str_replace("'", "\'", $subfamily->DESCRIZIONE) !!}">{!! str_replace("'", "\'", $subfamily->DESCRIZIONE) !!}</option>
                                        @else
                                            <option value="{!! str_replace("'", "\'", $subfamily->DESCRIZIONE) !!}">{!! str_replace("'", "\'", $subfamily->DESCRIZIONE) !!}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </td>
                            <td><input type="text" name="order[]" class="form-control col-5" value=""></td>
                            <td><a href="#" data-subfamily="sub0" class="btn btn-sm btn-info btn-add-article">Aggiungi articolo</a></td>
                            {{--<td>--}}
                                {{--<a href="#" class="btn-delete btn btn-sm btn-danger">delete</a>--}}
                            {{--</td>--}}
                        </tr>
                        <tr class="article-sub0">
                            <td colspan="4">
                                <table class="tb-articles table sub1">
                                    <thead>
                                        <tr>
                                            <th style="width: 50%" class="print-column-article">Articolo</th>
                                            <th style="width: 5%">UM</th>
                                            <th style="width: 10%">Codice</th>
                                            <th style="width: 25%">Sottofamiglia</th>
                                            <th style="width: 15%">Order</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                    <tfoot>
                                        <tr>
                                            <th colspan="6">
                                                <a data-subfamily="sub0" href="#" class="btn btn-sm btn-info btn-add-article">Aggiungi articolo</a>
                                            </th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </td>
                        </tr>
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        <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>
    </form>



<script type="text/javascript">

    $(document).ready(function () {

        $( "body" ).on('focus', ".ls-article", function(){
            var articleInput = $(this);
            $(this).autocomplete({
                source: "/api/articles",
                minLength: 2,
                select: function (event, ui) {
                    articleInput.parent().parent().find('.idarticle').val(ui.item.id_lasersoft);
                    articleInput.parent().parent().find('.idarticlemongo').val(ui.item.id);
                    // articleInput.parent().parent().find('.fornitorearticle').val(ui.item.fornitore);
                    articleInput.parent().parent().find('.umarticle').val(ui.item.um);
                    //articleInput.parent().parent().find('.um1article').val(ui.item.um1);
                    //articleInput.parent().parent().find('.um2article').val(ui.item.um2);
                    //articleInput.parent().parent().find('.ivaarticle').val(ui.item.iva);
                    //articleInput.parent().parent().find('.prezziarticle').val(JSON.stringify(ui.item.prezzi));
                    //articleInput.parent().parent().find('.cumarticle').val(ui.item.cum);
                    articleInput.parent().parent().find('.codearticle').val(ui.item.codice);
                    articleInput.parent().parent().find('.subfamily').val(ui.item.sottofamiglia);
                }
            });
        });

        $('#btn-add-family').on('click',function(e){
            e.preventDefault();
            addRowSubfamily();
        });
        $('#btn-add-cco').on('click',function(e){
            e.preventDefault();
            addRowCco();
        });

        $('body').on('click','.btn-add-article',function(e){
            e.preventDefault();
            var subfamily = $(this).data('subfamily');
            addRowArticle($(this).parent().parent().parent().prev(), subfamily);
        });

        function addRowSubfamily() {
            //conta le sottofamiglie
            var numSubfamily = $('.sel-subfamily').length;
            var out = '';
            out+='<tr>';
            out+='<td>';
            out+='<label for="Subfamily">Sottofamiglia:</label>';
            out+='<select name="subfamily[]" class="form-control sel-subfamily">';
            out+='<option value="-1">Scegli</option>';
            out+='@foreach($subfamilies as $subfamily)';
            out+='<option value="{!! str_replace("'", "\'", $subfamily->DESCRIZIONE) !!}">{!! str_replace("'", "\'", $subfamily->DESCRIZIONE) !!}</option>';
            out+='@endforeach';
            out+='</select>';
            out+='</td>';
            out+='<td><label for="OrderSubfamily">Order:</label><input type="text" name="order[]" class="form-control col-5"></td>';
            out+='<td><a href="#" data-subfamily="sub'+numSubfamily+'" class="btn btn-sm btn-info btn-add-article">Aggiungi articolo</a></td>';
            out+='<td><a href="#" data-subfamily="sub'+numSubfamily+'" class="btn-delete-subfamily btn btn-sm btn-danger">delete</a></td>';
            out+='</tr>';
            out+='<tr class="article-sub'+numSubfamily+'">';
            out+='<td colspan="4">';
            out+='<table class="tb-articles table">';
            out+='<thead>';
            out+='<tr>';
            out+='<th style="width: 50%" class="print-column-article">Articolo</th>';
            out+='<th style="width: 5%">UM</th>';
            out+='<th style="width: 10%">Codice</th>';
            out+='<th style="width: 25%">Sottofamiglia</th>';
            out+='<th style="width: 15%">Order</th>';
            out+='<th>Action</th>';
            out+='</tr>';
            out+='</thead>';
            out+='<tbody></tbody>';
            out+='<tfoot>';
            out+='<tr>';
            out+='<th colspan="6">';
            out+='<a data-subfamily="sub'+numSubfamily+'" href="#" class="btn btn-sm btn-info btn-add-article">Aggiungi articolo</a>';
            out+='</th>';
            out+='</tr>';
            out+='</tfoot>';
            out+='</table>';
            out+='</td>';
            out+='</tr>';
            $('#tb-subfamily > tbody').append(out);


        }

        function addRowCco() {
            var out = '';
            out+='<tr>';
            out+='<td>';
            out+='<select name="cco[]" class="form-control">';
            out+='<option value="-1">Scegli</option>';
            out+='@foreach($cco as $ccoitem)';
            out+='<option value="{!! str_replace("'", "\'", $ccoitem->descr_mag) !!}">{!! str_replace("'", "\'", $ccoitem->descr_mag) !!}</option>';
            out+='@endforeach';
            out+='</select>';
            out+='</td>';
            out+='<td><input type="text" name="ordercco[]" class="form-control"></td>';
            out+='<td>';
            out+='<select name="documentlink[]" class="form-control">';
            out+='<option value="-1">Scegli</option>';
            out+='@foreach($documentlink as $dl)';
            out+='<option value="{!! str_replace("'", "\'", $dl->descr) !!}">{!! str_replace("'", "\'", $dl->descr) !!}</option>';
            out+='@endforeach';
            out+='</select>';
            out+='</td>';
            out+='<td><a href="#" class="btn-delete btn btn-sm btn-danger">delete</a></td>';
            out+='</tr>';

            $('#tb-cco tbody').append(out);


        }

        function addRowArticle(item, subfamily) {
            var out = '';
            out+='<tr>';
            out+='<td>';
            out+= '<input name="article['+subfamily+'][]" data-subfamily="'+subfamily+'" type="text" class="ls-article form-control" />';
            out+= '<input name="idarticle['+subfamily+'][]" class="idarticle" type="hidden" />';
            out+= '<input name="idarticlemongo['+subfamily+'][]" class="idarticlemongo" type="hidden" />';
            // out+= '<input name="fornitorearticle['+subfamily+'][]" class="fornitorearticle" type="hidden" />';
            out+='</td>';
            out+='<td>';
            out+='<input class="form-control umarticle" name="umarticle['+subfamily+'][]" type="text"/>';
            out+='</td>';
            out+='<td>';
            out+='<input class="form-control codearticle" name="codearticle['+subfamily+'][]" type="text"/>';
            out+='</td>';
            out+='<td>';
            out+='<input class="form-control subfamily" name="subfamilyarticle['+subfamily+'][]" type="text"/>';
            out+='</td>';
            out+='<td><input type="text" name="orderarticle['+subfamily+'][]" class="form-control col-5"/></td>';
            out+='<td><a href="#" class="btn-delete btn btn-sm btn-danger">delete</a></td>';
            out+='</tr>';

            var tbody = item;
            tbody.append(out);
        }

        //select sottofamiglia
        $('body').on('change','.sel-subfamily', function(){
            $(this).parent().parent().next().find('.btn-add-article:first').fadeIn();
            $(this).parent().parent().next().find('.tb-articles:first').fadeIn();
        });


        //select articoli popola la sottofamiglia
        $('body').on('change','.sel-article', function(){
            var item = $(this);
            var sub = item.find(':selected').data('subfamily');
            var um = item.find(':selected').data('umarticle');
            var code = item.find(':selected').data('codearticle');

            item.parent().parent().find('.subfamily').first().val(sub);
            item.parent().parent().find('.codearticle').first().val(code);
            item.parent().parent().find('.umarticle').first().val(um);

        });


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

        //DELETE ROW
        $('body').on('click','.btn-delete',function(e){
            e.preventDefault();
           $(this).parent().parent().remove();
        });
        $('body').on('click','.btn-delete-subfamily',function(e){
            e.preventDefault();
            var subfamily = $(this).data('subfamily');
            $(this).parent().parent().remove();
            $('.article-'+subfamily).remove();
        });
    });

</script>
@endsection