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

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



    <form class="number-tab-steps wizard-notification wizard clearfix" role="application" id="steps-uid-0">
        <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>

    </form>



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

        <div class="card">

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


                <a  href="{{routeTenant('tarefas.condicional',['id'=>$categories->id,'escolha'=>'nao'])}}"  data-confirm2='Tem certeza de que deseja Desativar o item selecionado?' class="btn btn-danger btn-min-width mr-1 mb-1 float-right">{{$tarefas->nome_nao}}</a>
                <a  href="{{routeTenant('tarefas.condicional',['id'=>$categories->id,'escolha'=>'sim'])}}" data-confirm='Tem certeza de que deseja Desativar o item selecionado?' class="btn btn-primary btn-min-width mr-1 mb-1 float-right">{{$tarefas->nome_sim}}</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(in_array($categories->tarefa_numero,$messagens))
            <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
            <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">{{$tarefas->nome_sim}}' +
                        '<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 {{$tarefas->nome_sim}} ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-primary text-white" id="dataComfirmOK">{{$tarefas->nome_sim}}</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;

            });



        });
    </script>
    <script>
        $(document).ready(function(){
            $('a[data-confirm2]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete2').length){
                    $('body').append('<div class="modal fade" id="confirm-delete2" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-danger text-white">{{$tarefas->nome_nao}}' +
                        '<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 {{$tarefas->nome_nao}} ?</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="dataComfirmOK2">{{$tarefas->nome_nao}}</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK2').attr('href', href);
                $('#confirm-delete2').modal({show: true});
                return false;

            });



        });
    </script>


@endsection