@props([
    'mensagem' => '',
    'action' => '',
    'botao' => 'Aprovar',
    'documentos' => [],
])
<link rel="stylesheet" href="{{ url('') }}/css/fileinput.min.css" type="text/css">
<div class="modal fade" id="exampleModalaprovar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h3 class="modal-title text-white" id="exampleModalLabel">Aprovação</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form name="form2" action="{{ $action }}" method="post" enctype="multipart/form-data">
                <div class="modal-body">
                    <input value="{{ csrf_token() }}" type="hidden" name="_token">
                    <input id="documentoss" type="hidden" name="documentoss">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-2" style="padding: 10px; font-weight: bold; border-bottom: black solid 1px;">
                        {{ $mensagem }}
                    </div>
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-2" style="padding: 10px; border-bottom: black solid 1px;">
                        Mensagem:
                        <textarea name="messagem" class="form-control" required></textarea>
                    </div>
                    <table class="table table-bordered table-condensed container-items">
                        <tbody id="conteudo-tabela">
                            <tr>
                                <th style="width: 40%">Tipo de documento</th>
                                <th>Arquivo</th>
                                <th style="width: 5%"></th>
                            </tr>
                            @foreach($documentos as $doc)
                                <tr class="item">
                                    <td>
                                        <div class="form-group field-arquivo-0-tipo_documento_id required">
                                            <select class="form-control" name="Arquivo[{{ $loop->index }}][tipo_documento_id]">
                                                <option value="{{ $doc['id'] }}">{{ $doc['descricao'] }}</option>
                                            </select>
                                            <p class="help-block help-block-error"></p>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group field-arquivo-0-file">
                                            <input type="hidden" name="Arquivo[{{ $loop->index }}][file]" value="">
                                            <div class="file-input file-input-new">
                                                <div class="kv-upload-progress kv-hidden" style="display: none;">
                                                    <div class="progress">
                                                        <div class="progress-bar bg-success progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%;">0%</div>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div class="input-group file-caption-main">
                                                    <div class="file-caption form-control kv-fileinput-caption" tabindex="500">
                                                        <span class="file-caption-icon"></span>
                                                        <input class="file-caption-name" name="arquivo-{{ $loop->index }}" onkeydown="return false;" onpaste="return false;">
                                                    </div>
                                                    <div class="input-group-btn input-group-append">
                                                        <div tabindex="500" class="btn btn-primary btn-file">
                                                            <i class="glyphicon glyphicon-folder-open"></i>&nbsp;
                                                            <span class="hidden-xs">Selecione</span><input type="file" id="arquivo-{{ $loop->index }}" class="form-control" name="Arquivo[{{ $loop->index }}][file]" onchange="readURL(this)">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="help-block help-block-error"></p>
                                        </div>
                                    </td>
                                    <td style="padding-top: 5px"></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer ">
                    <button type="button" class="add-item btn btn-success btn-xs" style="position: absolute; left:20px;">
                        <i class="fa fa-plus"></i> Adicionar documento
                    </button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-success deletar2">{{ $botao }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@section('post-script2')
<script>
    function readURL(input) {
        var url = input.value;
        $('input[name='+input.id+']').val(url);
    }
    function deletar(input) {
        var url = input.id;
        $('.item-'+url+'').remove();
    }
    var clique = {{ count($documentos) }};
    $(".add-item").click(function() {
        clique++;
        $('#conteudo-tabela').append('   <tr class="item item-'+clique+'">'+
            '    <td><div class="form-group field-arquivo-0-tipo_documento_id required">'+
            '        <select class="form-control" name="Arquivo['+clique+'][tipo_documento_id]">'+
            '            <option value="">-- SELECIONE --</option>'+@foreach(App\DocimentosTipo::where('processo_id',1)->where('nome','!=','Publicação da Decisão')->get() as $documento )'            <option value="{{$documento->id}}">{{mb_strimwidth($documento->descricao, 0, 100, "...")}}</option>'+@endforeach'        </select>'+
            '        <p class="help-block help-block-error"></p>'+
            '    </div></td>'+    '    <td>'+    '        <div class="form-group field-arquivo-0-file">'+    '            <input type="hidden" name="Arquivo['+clique+'][file]" value=""><div class="file-input file-input-new">'+    '                <div class="kv-upload-progress kv-hidden" style="display: none;"><div class="progress">'+    '                        <div class="progress-bar bg-success progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%;">'+    '                            0%'+    '                        </div>'+    '                    </div></div><div class="clearfix"></div>'+    '                <div class="input-group file-caption-main">'+    '                    <div class="file-caption form-control kv-fileinput-caption" tabindex="500">'+    '                        <span class="file-caption-icon"></span>'+    '                        <input class="file-caption-name"  name="arquivo-'+clique+'" onkeydown="return false;" onpaste="return false;">'+    '                    </div>'+    '                    <div class="input-group-btn input-group-append">'+    '                        <div tabindex="500" class="btn btn-primary btn-file">'+    '                            <i class="glyphicon glyphicon-folder-open"></i>&nbsp;'+    '                            <span class="hidden-xs">Selecione</span><input type="file" id="arquivo-'+clique+'" class="form-control" name="Arquivo['+clique+'][file]" onchange="readURL(this)"></div>'+    '                    </div>'+    '                </div></div>'+    '        <p class="help-block help-block-error"></p>'+    '    </div></td>'+    '    <td style="padding-top: 5px">'+    '        <button onclick="deletar(this)" type="button" id="'+clique+'" class="pull-right on remove-item btn btn-danger btn-sm">'+    '            <i class="la la-trash"></i></button>'+    '    </td>'+    '</tr>');
    });
</script>
@endsection