@extends(layoutTenant())
@section('title')
    <title> {{$tarefas->titulo}} - PapelZero </title>

    @php $pagina =  '' ; @endphp
@endsection
@section('content')



    <div class="umber-tab-steps wizard-notification wizard clearfix">
        <div class="steps clearfix">
            <ul role="tablist">

                @php $passos = unserialize( $categories->passos_ok ); $conta = 1;  ;@endphp
                @foreach($tarefa as $tare)
                    @if (in_array($tare->numero,$passos) OR $tare->mostrar == '1' )
                        <li role="tab" class="
                @if($conta == 1 ) first @endif
                        @if($tare->numero == $categories->tarefa_numero )current
                @elseif($tare->numero >= $categories->tarefa_numero )
                                disabled
@else  done  @endif

                                " aria-disabled="true"
                            aria-selected="false">
                            <a id="steps-uid-0-t-0"  aria-controls="steps-uid-0-p-0">

                        <span class="step" >


                            @if($tare->numero == $categories->tarefa_numero ) {{$conta}}
                            @elseif($tare->numero >= $categories->tarefa_numero )
                                {{$conta}}
                            @else  <i class="la la-check-circle" style="font-size:30px; margin-top: 6px;"></i>  @endif

                       </span>{{substr($tare->titulo, 0, 20)}}</a>



                        </li>
                        @php $conta++ @endphp

                    @endif

                @endforeach




            </ul>
        </div>

    </div>

    <link rel="stylesheet" href="{{url('')}}/css/fileinput.min.css" type="text/css">

    <!-- recent orders  -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12">

        <div class="card" style="padding:30px;">

            {!! Form::open(['url'=>routeTenant('tarefa.messagem'),'enctype'=>'multipart/form-data']) !!}
<h3 style="margin-top: 10px; padding-bottom: 10px; font-weight: bold;">Enviar E-mail para o Cliente</h3>
            <input type="text" class="form-control" name="assunto" placeholder="Assunto" style="margin-bottom: 20px;">
            <input type="hidden"  name="tarefa"
                   value="{{$tarefas->type}}"

            >
            <textarea style="  " name="adicional" id="" rows="20" class="form-control" ></textarea>

            <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>


                    <tr class="item">
                        <td><div class="form-group field-arquivo-0-tipo_documento_id required">

                                <select id="arquivo-0-tipo_documento_id" class="form-control" name="Arquivo[0][tipo_documento_id]">
                                    <option value="">-- SELECIONE --</option>
                                    @foreach(App\DocimentosTipo::where('processo_id',$tarefas->processo_id)->get() as $documento )
                                        <option value="{{$documento->id }}">{{$documento->nome}}</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[0][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-0" 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-0"
                                                                                               class="form-control"
                                                                                               name="Arquivo[0][file]" data-krajee-fileinput="fileinput_f93e59fe"></div>
                                        </div>
                                    </div></div>


                                <p class="help-block help-block-error"></p>
                            </div>                        </td>

                        <td style="padding-top: 5px">

                        </td>
                    </tr>




                </tbody></table>
            <div class="panel-footer">
                <button type="button"  class=" add-item btn btn-success btn-xs">
                    <i class="fa fa-plus"></i> Adicionar documento</button>
                <div class="clearfix"></div>
            </div>


            <button type="submit" style="margin-bottom: 20px; margin-top: 10px;" class="btn btn-primary pull-right">Enviar Messagem</button>
            <input type="hidden" name="id" value="{{$id}}">
            <input type="hidden" name="ir_para" value="{{$tarefas->ir_para}}">
            {!! Form::close() !!}


        </div>
    </div>
    <!-- ============================================================== -->
    <!-- end recent orders  -->


@endsection

@section('post-script')


    <script>
        $("#arquivo-0").on('change', function() {

            var nomeDoArquivo = $("#arquivo-0").val(); // obtem o nome


            $('input[name=arquivo-0]').val(nomeDoArquivo);
        });

        function readURL(input) {

            var url = input.value;

            $('input[name='+input.id+']').val(url);
        }

        function deletar(input) {

            var url = input.id;

            $('.item-'+url+'').remove();
        }

        function deletarbanco(input) {

            $.ajax({
                method: "POST",
                url: "{{routeTenant('site.form.documentodeletar')}}",
                data: { id: input[2],token: input[0],_token:"{{csrf_token()}}" }
            })
            $('.item-'+input[1]+'').remove();
        }

        var clique = 300;
        $(".add-item").click(function() {
            clique++;
            $('#conteudo-tabela').append('   <tr class="item item-'+clique+'">\n' +
                '                                <td><div class="form-group field-arquivo-0-tipo_documento_id required">\n' +
                '\n' +
                '                                        <select id="arquivo-'+clique+'-tipo_documento_id" class="form-control" name="Arquivo['+clique+'][tipo_documento_id]">\n' +
                '                                            <option value="">-- SELECIONE --</option>\n' +
                    @foreach(App\DocimentosTipo::where('processo_id',$tarefas->processo_id)->get() as $documento )
                        '                                            <option value="{{$documento->id }}">{{$documento->nome}}</option>\n' +
                    @endforeach
                        '                                        </select>\n' +
                '\n' +
                '                                        <p class="help-block help-block-error"></p>\n' +
                '                                    </div></td>\n' +
                '\n' +
                '                                <td>\n' +
                '                                    <div class="form-group field-arquivo-0-file">\n' +
                '\n' +
                '                                        <input type="hidden" name="Arquivo['+clique+'][file]" value=""><div class="file-input file-input-new">\n' +
                '                                            <div class="kv-upload-progress kv-hidden" style="display: none;"><div class="progress">\n' +
                '                                                    <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%;">\n' +
                '                                                        0%\n' +
                '                                                    </div>\n' +
                '                                                </div></div><div class="clearfix"></div>\n' +
                '                                            <div class="input-group file-caption-main">\n' +
                '                                                <div class="file-caption form-control kv-fileinput-caption" tabindex="500">\n' +
                '                                                    <span class="file-caption-icon"></span>\n' +
                '                                                    <input class="file-caption-name"  name="arquivo-'+clique+'" onkeydown="return false;" onpaste="return false;">\n' +
                '                                                </div>\n' +
                '                                                <div class="input-group-btn input-group-append">\n' +
                '                                                    <button type="button" tabindex="500" title="Remover ficheiros seleccionados"\n' +
                '                                                            class="btn btn-default btn-secondary fileinput-remove fileinput-remove-button"><i class="glyphicon glyphicon-trash"></i>  <span class="hidden-xs">Remover</span></button>\n' +
                '                                                    <button type="button" tabindex="500" title="Abortar carregamento "\n' +
                '                                                            class="btn btn-default btn-secondary kv-hidden fileinput-cancel fileinput-cancel-button"><i class="glyphicon glyphicon-ban-circle"></i>  <span class="hidden-xs">Cancelar</span></button>\n' +
                '\n' +
                '                                                    <div tabindex="500" class="btn btn-primary btn-file">\n' +
                '                                                        <i class="glyphicon glyphicon-folder-open"></i>&nbsp;\n' +
                '                                                        <span class="hidden-xs">Selecione</span><input type="file" id="arquivo-'+clique+'"\n' +
                '                                                                                                       class="form-control"\n' +
                '                                                                                                       name="Arquivo['+clique+'][file]" onchange="readURL(this)"></div>\n' +
                '                                                </div>\n' +
                '                                            </div></div>\n' +
                '                               \n' +
                '\n' +
                '                                        <p class="help-block help-block-error"></p>\n' +
                '                                    </div>                        </td>\n' +
                '\n' +
                '                                <td style="padding-top: 5px">\n' +
                '                                    <button onclick="deletar(this)" type="button" id="'+clique+'" class="pull-right on remove-item btn btn-danger btn-sm">\n' +
                '                                        <i class="la la-trash"></i></button>\n' +
                '                                </td>\n' +
                '                            </tr>');

        });



    </script>



@endsection