@extends('usuarios.funcionarios.digitalizacao.dashboard.master')
@section('conteudo')


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js" integrity="sha512-CwHUCK55pONjDxvPZQeuwKpxos8mPyEv9gGuWC8Vr0357J2uXg1PycGDPND9EgdokSFTG6kgSApoDj9OM22ksw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<link href="{{asset('js/digitalizacao_plugins/css/plugins/dropzone/basic.css')}}" rel="stylesheet">
<link href="{{asset('js/digitalizacao_plugins/css/plugins/dropzone/dropzone.css')}}" rel="stylesheet">
<link href="{{asset('js/digitalizacao_plugins/css/plugins/jasny/jasny-bootstrap.min.css')}}" rel="stylesheet">
<link href="{{asset('js/digitalizacao_plugins/css/plugins/codemirror/codemirror.css')}}" rel="stylesheet">


<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <br>
        <h2>Carregamento Caixas</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('us.digit.confdigi.index') }}">home</a>
            </li>
            <li class="breadcrumb-item">
                <a>carregamento Geral</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Carregar</strong>
            </li>
        </ol>
    </div>     
</div>


<div class="row wrapper border-bottom white-bg page-heading">


            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox ">
                        <div class="ibox-title">
                            <h5>Formulário </h5>
                           
                        </div>
                        <div class="ibox-content">
                            <form method="get">

                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="ibox">
                                                <div class="ibox-title">
                                                    <h5>Dropzone.js</h5>
                                                </div>
                                                <div class="ibox-content col-md-12">
                        
                                                    
                                                    <form action="#" class="dropzone" id="dropzoneForm" enctype="multipart/form-data">
                                                        <div class="fallback">
                                                            <input id="" name="file" type="file" multiple />
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                        
                        
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <div class="input-group date">
                                                <button type="submit" class="btn btn-primary"><i class="fa fa-hdd"></i> Carregar Ficheiros </button>
                                            </div>
                                        </div>
                                    </div>
    

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

</div>


            <script src="{{asset('js/digitalizacao_plugins/js/jquery-3.1.1.min.js')}}"></script>

    <!-- Jasny -->
    <script src="{{asset('js/digitalizacao_plugins/js/plugins/jasny/jasny-bootstrap.min.js')}}"></script>

    <!-- DROPZONE -->
    <script src="{{asset('js/digitalizacao_plugins/js/plugins/dropzone/dropzone.js')}}"></script>
    <script src="{{asset('js/dist/dropzone.js')}}"></script>
    <!-- CodeMirror -->
    <script src="{{asset('js/digitalizacao_plugins/js/plugins/codemirror/codemirror.js')}}"></script>
    <script src="{{asset('js/digitalizacao_plugins/js/plugins/codemirror/mode/xml/xml.js')}}"></script>


    <script>
        Dropzone.options.dropzoneForm = {
            paramName: "file", // The name that will be used to transfer the file
            maxFilesize: 2, // MB
            dictDefaultMessage: "<strong>Drop files here or click to upload. </strong></br> (This is just a demo dropzone. Selected files are not actually uploaded.)"
        };

        $(document).ready(function(){

            var editor_one = CodeMirror.fromTextArea(document.getElementById("code1"), {
                lineNumbers: true,
                matchBrackets: true
            });

            var editor_two = CodeMirror.fromTextArea(document.getElementById("code2"), {
                lineNumbers: true,
                matchBrackets: true
            });

            var editor_two = CodeMirror.fromTextArea(document.getElementById("code3"), {
                lineNumbers: true,
                matchBrackets: true
            });

            var editor_two = CodeMirror.fromTextArea(document.getElementById("code4"), {
                lineNumbers: true,
                matchBrackets: true
            });


            $('.custom-file-input').on('change', function() {
                let fileName = $(this).val().split('\\').pop();
                $(this).next('.custom-file-label').addClass("selected").html(fileName);
            });

       });
       
    </script>
@endsection