@extends('layouts.app')

@section('content')
    <style>
        .modal-dialog,
        .modal-content {
            /* 80% of window height */
            height: 65%;
        }

        .modal-body {
            /* 100% = dialog height, 120px = header + footer */
            max-height: calc(100% - 120px);
            overflow-y: scroll;
        }
    </style>

    <div style="margin-top:20px " class="container">
        <input type="hidden" id="codice_macchina" value="">
        <div class="row justify-content-center">
            <div class="col-md-12">

                <div class="modal fade bd-example-modal-lg" id="inizio" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-keyboard="false" data-backdrop="static">
                    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                        <div class="modal-content">

                            <div class="modal-body">

                                <div class="alert alert-warning text-center col-md-6 offset-md-3" style="margin-top: 75px;" role="alert">
                                    <h2 class="alert-heading"><b>CODICE MACCHINA DA COMPLETARE</b></h2>
                                </div>
                                <form action="/riprendi_tracciatura" method="POST">
                                    @csrf
                                <div class="form-group col-md-6 offset-md-3">
                                    <input type="text" name="barcode_macchina" nome_barcode="codice" autofocus class="form-control input-lg" id="barcode_codice_macchina" placeholder="CODICE MACCHINA">

                                </div>
                                <div class="form-group col-md-6 offset-md-3 text-center">
                                    <button type="submit" id="inizia_inserimento" class="btn btn-success" >COMPLETA INSERIMENTO</button>
                                </div>
                                    @if ($errors->any())
                                        <div class="col-md-8 offset-md-2">
                                            <p class="alert alert-danger text-center">
                                                @foreach ($errors->all() as $error)
                                                   <b>{{ strtoupper($error) }}</b>
                                                @endforeach
                                            </p>
                                        </div>
                                    @endif
                                </form>
                             </div>

                        </div>
                    </div>
                </div>
                <!-- Modal -->

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


@endsection

@section("myscript")
    <script>
    $('#inizio').modal('show');
        $('.modal').on('shown.bs.modal', function() {
        $(this).find('[autofocus]').focus();
        });

    </script>
    @endsection


{{--@section("myscript")--}}

    {{--<script>--}}
        {{--function sleep(milliseconds) {--}}
            {{--const date = Date.now();--}}
            {{--let currentDate = null;--}}
            {{--do {--}}
                {{--currentDate = Date.now();--}}
            {{--} while (currentDate - date < milliseconds);--}}
        {{--}--}}
        {{--$(document).ready(function () {--}}

            {{--$('#inizio').modal('show');--}}

        {{--});--}}
        {{--function attiva_inserimento() {--}}

            {{--let codice_macchina = $("#barcode_codice_macchina").val();--}}
            {{--if(codice_macchina!==""){--}}
                {{--var data = {--}}
                    {{--_token: "{{ csrf_token() }}",--}}
                    {{--codice_macchina: codice_macchina,--}}
                {{--};--}}
                {{--$.ajax({--}}
                    {{--type: "POST",--}}
                    {{--url: '/crea_macchina_nuova_barcode',--}}
                    {{--dataType: "json",--}}
                    {{--data: data,--}}
                    {{--success: function (data)--}}
                    {{--{--}}
                        {{--alert("pippo");--}}
                    {{--},--}}
                    {{--error: function(data)--}}
                    {{--{--}}
                        {{--console.log(data);--}}
                    {{--}--}}
                {{--});--}}
                {{--$("#codice_macchina").val(codice_macchina);--}}
                {{--$('#0').modal('show');--}}
            {{--}else{--}}
                {{--location.reload();--}}
            {{--}--}}

        {{--}--}}

        {{--@foreach($dati_tracciatura as $key=> $dato)--}}


        {{--@endforeach--}}
        {{--function attiva_modale(key,nome) {--}}
            {{--// access the clipboard using the api--}}
            {{--var pastedData = $("#" + nome).val();--}}

            {{--sleep(500);--}}
            {{--let nome_barcode = $("#" + nome).attr("nome_barcode");--}}
            {{--var data = {--}}
                {{--_token: "{{ csrf_token() }}",--}}
                {{--nome_barcode: nome_barcode,--}}
                {{--nome_macchina: $("#codice_macchina").val(),--}}
                {{--valore_barcode: pastedData--}}
            {{--};--}}
            {{--if(pastedData!==""){--}}
                {{--$.ajax({--}}
                    {{--type: "POST",--}}
                    {{--url: '/salva_barcode',--}}
                    {{--dataType: "json",--}}
                    {{--data: data,--}}
                    {{--success: function (data)--}}
                    {{--{--}}
                        {{--if (data.status == '200') {--}}
                            {{--console.log('updated');--}}
                        {{--}--}}
                    {{--},--}}
                    {{--error: function(data)--}}
                    {{--{--}}
                        {{--console.log(data);--}}
                    {{--}--}}
                {{--});--}}
            {{--}--}}
            {{--$("#chiudi_modale{{$key}}").focus();--}}
            {{--sleep(500);--}}
            {{--let p = key + 1;--}}
            {{--$("#"+p).modal('show');--}}
        {{--}--}}

    {{--</script>--}}

{{--@endsection--}}