@if(session()->has('success'))
    <div class="text-green text-bebas">
        {{ session()->get('success') }}
    </div>
@else
    <form action="{{ route('workflow.send.document') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="option_id" value="{{ $option->id }}">
        {{-- <input type="hidden" name="id_vente_workflow_instance_tache" value="{{ $tache['id_vente_workflow_instance_tache'] }}"> --}}
        <div class="form-group">
            <div class="row">
                <div class="col-md-6 col-12 mx-auto">
                    <!-- Upload image input-->
                    <div class="mb-3 text-center">
                        <input id="upload" type="file" name="document" class="form-control border-0 d-none" onchange="change_upload_input($(this))" data-id="validate" data-color="color-upload" data-text="text-upload">
                        <div class="input-group-append">
                            <label for="upload" class="btn btn-secondary m-0 rounded-pill p-5 w-100"> 
                                <i class="fa fa-2x fa-cloud-upload text-muted color-upload"></i><br>
                                <small class="text-muted text-upload">
                                    Ajouter un document 
                                </small>
                            </label>
                        </div>
                    </div>
        
                    <!-- Uploaded image area-->
                    <p class="font-italic text-white text-center">
                        Taille maximale 5 Mo <br>
                        Format : .pdf / .doc / .docx / .png /.jpg / .jpeg
                    </p>
                    <div class="image-area mt-4"><img id="imageResult" src="#" alt="" class="img-fluid rounded shadow-sm mx-auto d-block"></div>
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 mb-3 text-center">
                <button type="submit" class="btn btn-primary btn-primary-hover disabled" id="validate" onclick="if(!$(this).hasClass('disabled')){$(this).addClass('disabled')}">Envoyer</button>
            </div>
        </div>
    </form>
@endif

@section('upload.document.js')
    <script>
        function change_upload_input(e) {
            $('#' + $(e).data('id')).removeClass('disabled');
            $('.' + $(e).data('color')).removeClass('text-muted').addClass('text-light');
            $('.' + $(e).data('text')).html('<i class="fa-2x fa-duotone fas fa-check text-green pt-1 pb-1"></i>');
            console.log("function");
        }
    </script>
@endsection