@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" style="position: relative;">

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

            @if($errors->all())
                <div class="alert alert-danger" role="alert">
                    <ul>

                        @foreach($errors->all() as $erro)
                            <li>{{$erro}}</li>

                        @endforeach

                    </ul>
                </div>
            @endif

            @if (session('successo'))

                <div class="alert alert-success">
                    {{ session('successo') }}
                </div>

            @endif
            @if (session('error'))

                <div class="alert alert-danger">
                    {{ session('error') }}
                </div>

            @endif



            {!! Form::open(['url'=>routeTenant('tarefa.cometario'),'enctype'=>'multipart/form-data','class'=>'pull-right']) !!}

            @if($tarefas->campos_adicional == 1)
                <h3 style="margin-left: 10px; padding: 10px; font-weight: bold;">Campos Adicionais</h3>
                @foreach(\App\camposAdicional::where('processo_id',$tarefas->processo_id)
                ->where('tarefa_numero',$tarefas->numero)->orderBy('ordem')
                ->get() as $campos)

                    @if($campos->type == 'textarea')
                        <h5 style="padding-top: 10px;padding-bottom: 10px;" >{!! $campos->nome!!}</h5>
                        <textarea name="{!! $campos->name!!}" style="{!! $campos->style!!}" id="{!!$campos->id_input !!}" class="form-control {!!$campos->class !!}}" rows="5"> </textarea>
                    @else
                        <h5 style="padding-top: 10px;padding-bottom: 10px;" >{!! $campos->nome!!}</h5>
                        <input type="{!! $campos->type!!}" style="{!! $campos->style!!}"  name="{!! $campos->name!!}" id="{!!$campos->id_input !!}" class="form-control {!!$campos->class !!}}" >

                    @endif
                @endforeach
            @endif
            <h3 style="margin-left: 10px; padding: 10px; font-weight: bold;">Adicionar cometario para o próximo passo</h3>
            <textarea style="  " name="adicional" id="" rows="20" class="form-control" ></textarea>
            <button type="submit" style="margin-top: 10px; position: absolute; right: 200px; margin-top: 30px; " class="btn btn-primary ">Adicionar cometario</button>
            <input type="hidden" name="id" value="{{$id}}">
            <input type="hidden" name="ir_para" value="{{$tarefas->ir_para}}">
            {!! Form::close() !!}

            {!! Form::open(['url'=>routeTenant('tarefa.cometario2'),'enctype'=>'multipart/form-data',]) !!}


            <button type="submit" style="margin-top: 10px; position: absolute; right: 10px; margin-top: 30px;" class="btn btn-secondary pull-right">Proximo passo</button>
            <input type="hidden" name="id" value="{{$id}}">
            <input type="hidden" name="ir_para" value="{{$tarefas->ir_para}}">
            {!! Form::close() !!}

<div style="height: 300px;"></div>



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


@endsection

@section('post-script')
    <script src="//cdn.ckeditor.com/4.11.4/full/ckeditor.js"></script>
    <script type="text/javascript">
        window.onload = function()  {
            CKEDITOR.replace( 'my-editor' );
        };
    </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