@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>
<div class="container">
    <h2>Nuovo Modello Rimasti</h2><br/>
    <div class="container">
    </div>
    <form method="post" action="{{url('remained/add')}}">
        @csrf
        <div class="row">
            <div class="col-md-2"></div>
            <div class="form-group col-md-4">
                <label for="name">Name:</label>
                <input type="text" class="form-control" name="name">
            </div>
            <div class="form-group col-md-4">
                <label for="cco">CCO di riferimento:</label>
                <select class="form-control" name="cco_start">
                    <option value="-1">Scegli</option>
                    @foreach($cco as $c)
                        <option value="{{$c->descr_mag}}">{{$c->descr_mag}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        {{--<div class="row">--}}
            {{--<div class="col-md-2"></div>--}}
            {{--<div class="form-group col-md-4">--}}
                {{--<label for="name">Data Consegna:</label>--}}
                {{--<input type="text" class="form-control datepicker" name="date">--}}
            {{--</div>--}}
        {{--</div>--}}

        <div class="row">
            <div class="form-group col-md-6">
                <label for="name">Opzioni:</label>
                <br>
                <label for="name">Archivio:</label>
                <input type="checkbox" class="form-check-inline" name="archive" value="1"/>
            </div>
            <div class="form-group col-md-6">
                <label for="name">Tipologia:</label>
                <br>
                <label for="name">Fresco:</label>
                <input type="checkbox" class="form-check-inline" name="type[0]" value="fresco"/>
                <label for="name">Ordine a fornitore:</label>
                <input type="checkbox" class="form-check-inline" name="type[1]" value="fornitore"/>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2"></div>
            <div class="form-group col-md-8">
                <label for="name">Giorni consegna:</label>
                <br>

                <label for="name">Lunedì:</label>
                <input type="checkbox" class="form-check-inline" name="dayweek[0]" value="1" />
                <label for="name">Martedì:</label>
                <input type="checkbox" class="form-check-inline" name="dayweek[1]" value="1" />
                <label for="name">Mercoledì:</label>
                <input type="checkbox" class="form-check-inline" name="dayweek[2]" value="1"/>
                <label for="name">Giovedì:</label>
                <input type="checkbox" class="form-check-inline" name="dayweek[3]" value="1"/>
                <label for="name">Venerdì:</label>
                <input type="checkbox" class="form-check-inline" name="dayweek[4]" value="1/>
                <label for="name">Sabato:</label>
                <input type="checkbox" class="form-check-inline" name="dayweek[5]" value="1"/>
                <label for="name">Domenica:</label>
                <input type="checkbox" class="form-check-inline" name="dayweek[6]" value="1"/>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2"></div>
            <div class="form-group col-md-4">
                <button type="submit" class="btn btn-success">Submit</button>
            </div>
        </div>
    </form>
</div>

@endsection