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

            $('#tb-pdr').DataTable({"iDisplayLength": 50});
        });
    </script>
    <style>
        .sticky-top {
            z-index: 100 !important;
        }

        .ui-autocomplete-loading {
            background: white url("/image/loader.gif") right center no-repeat;
        }
        .fornitore-name{
            font-size:0.8em;
        }
    </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('RemainedController@storePR', $id)}}">
        @csrf
        <nav class="navbar navbar-light bg-light sticky-top">
            <h2>{{$remained->name}} - Configurazione Punti di Ritiro
                <button type="submit" class="btn btn-success">Salva</button>
            </h2>
            <input type="hidden" name="model_id" value="{{$remained->_id}}">
        </nav>

        <div class="row">
            <div class="form-group col-md-12">
                <h3>Sottomagazzini</h3>
                <table id="tb-pdr" class="table table-sm">
                    <thead>
                    <tr>
                        <th>Fornitore</th>
                        <th>Punto di ritiro</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(!empty($fornitori))
                        @foreach($fornitori as $fornitore)
                            <tr>
                                <td>{{$fornitore['data']['RAGSOCIALE']}}</td>
                                <td>
                                    @if($fornitore['stores'])
                                    <select name="stores[{{$fornitore['data']['ID']}}][]" class="form-select store">
                                        @foreach($fornitore['stores'] as $store)
                                            @if(isset($store['ID']) && isset($remained->stores[$fornitore['data']['ID']]))
                                            <option value="{{$store['ID']}}"  @if($store['ID'] == $remained->stores[$fornitore['data']['ID']]['ID']) {{'selected'}} @endif >{{$store['DENOMINAZIONE']}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>


    </form>



@endsection