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



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

        <div class="card">
            <h1 style="margin: 10px; margin-left: 30px;">Esse processo está Finalizado</h1>
            <h5 class="card-header">

                <a  href="{{routeTenant('tarefas.verdados',['id'=>$categories->id])}}" target="_blank" class="btn btn-secondary btn-min-width mr-1 mb-1 float-right">Ver  dados</a>




            </h5>

            <h2 style="margin-left: 20px;">Resumo</h2>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table  table-striped " style="color: black;">

                        <tbody>
                        @if($key == '_token' || $key == 'id') @else

    @if(is_array($value))
        <tr>
            <th scope="row">
                {{$key}}:
        @foreach ($value as $key => $value2)

            {{$value2}} ,



    @endforeach
            </th>
        </tr>

    @else
                        <tr>
                            <th scope="row">{{ucfirst($key)}} : {{$dadoss[$key]}} </th>


                        </tr>
        @endif
                        @endif
                        
                        </tbody>
                    </table>
                </div>
            </div>



            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table  table-striped " style="color: black;">
                        <h3 style="margin-left: 20px;">Cometários adicionais</h3>
                        <tbody>
                        
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table  table-striped " style="color: black;">
                        <h3 style="margin-left: 20px;">Messagens Enviadas</h3>
                        <tbody>
                        
                        </tbody>
                    </table>
                </div>
            </div>
            @if(isset($passos_adicionais))
            @if(in_array($dados->tarefa_numero,$passos_adicionais))
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table  table-striped " style="color: black;">
                        <h3 style="margin-left: 20px;">Messagens Adicionais do cliente</h3>
                        <tbody>
                        
                        </tbody>
                    </table>
                </div>
            </div>

@endif
@endif
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table  table-striped " style="color: black;">
<h3 style="margin-left: 20px;">Documentos</h3>
                        <thead class="bg-light">
                        <tr class="border-0">


                            <th class="border-0">Tipo de arquivo</th>


                            <th class="border-0">Arquivo</th>

                        </tr>
                        </thead>
                        <tbody>
                        
                        </tbody>
                    </table>
                </div>
            </div>



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


@endsection

@section('post-script')


    <script>
        $(document).ready(function(){
            $('a[data-confirm]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete').length){
                    $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-primary text-white">Aceitar Processo' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja Aceitar o processo ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Aceitar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;

            });



        });
    </script>

@endsection