@extends('layouts.planti')
@section('titulo','Actividad Exportación')

@section('filtro')

    @if(Session::has('bus'))
        @php
            $bus=Session::get('bus');
        @endphp
    @endif

        <form action="{{ action('ExPOController@search') }}" method="post" >
            @csrf
            <div>                
                {{--<input type="text" name="txtBuscar" id="txtBuscar" type="text" value="{{ $bus }}" required class="form-control" placeholder="# consecutivo ó # DO" style="width:150px;">
                <span class="input-group-btn">      
                  <button class="btn btn-primary" type="submit" style="color: aliceblue;">Buscar</button>
              </span>--}}
            
              <table>
                    <tr>
                      <th><input type="text" name="txtBuscar" id="txtBuscar" type="text" value="{{ $bus }}" required class="form-control" placeholder="# consecutivo ó # DO" style="width:140px; height:45px;"></th>
                      {{--<th><span class="input-group-addon" style="width:40px; height:45px;"><label>Item</label>
                        <input type='text' name="txtItem" id='txtItem'  style="width:50px;"  /></span></th>--}}   
                   
                    
                        <th><span class="input-group-btn"><button class="btn btn-primary" type="submit" style="color: aliceblue; width:80px; height:45px;">Buscar</button></span></th>
                    </tr>
            </table>
                   {{--  <span class="input-group-addon" style="width:50px;"><label>Item</label>
                    <input type='text' name="txtItem" id='txtItem'  style="width:50px;"  /></span>--}}
                </div>
        </form>

@endsection


@section('contenido')

<div>
    @if(Session::has('success'))
    <br><br>
        <div class="alert alert-info">
            {{Session::get('success')}}
        </div>
    @endif
</div>



<style>

    .actionBar{
        display:none;
    }

</style>

    <br>

     <!-- WIZARD -->
     <div class="row">

<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
    <div class="x_title">
        <h2>Traza # de Consecutivo:  @if( $po != null) {{  $po->consecutivo }} <a href="/rcexactivivad/{{ $po->id }}" class="d-none d-sm-inline-block btn btn-sm btn btn-primary shadow-sm" >Agregar actividad</a>
            <a href="/exportexacti/{{ $po->consecutivo }}" class="d-none d-sm-inline-block btn btn-sm btn-success shadow-sm"><i class="fa fa-download fa-sm text-white-50"></i> Generar Reporte</a> @endif 
    
            @if( $po->numero_do != null && $po->numero_do != "") 
                <a href="/rexrefresact/{{ $po->numero_do }}/{{ $po->id }} " class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fa fa-refresh fa-sm text-white-50"></i> Actualizar</a> 
            @endif 

            <br> # Orden: {{  $po->po }} 
            <br> # Numero DO: {{  $po->numero_do }}  
        </h2>
        <ul class="nav navbar-right panel_toolbox">
            <li>
                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">


    <!-- Smart Wizard -->
    <div id="wizard" class="form_wizard wizard_horizontal">
        <ul class="wizard_steps">
            @php
                if(session('timeline')=="DESC"){
                    $i=$actividades->count();
                }else{ 
                    $i=1;
                }
                
                $exetapa="";
                $n=30;

                $_SESSION['BuscarAct'] = '';

            @endphp
            @foreach($actividades as $fil)
                <li>
                    <a name="axid" id="axid" href="#step-{{ $i }}">
                        <span class="step_no" style="{{ date('Y-m-d') < $fil->fecha ? 'background-color: red !important;' : 'background-color:'.session()->get('colorp').' !important;' }}">{{ $i }}</span>
                        <span class="step_descr">
                            <small>
{{--                                @if(strlen($fil->nombre)>=$n)--}}
{{--                                    {{ substr($fil->nombre,0,$n)."..." }}--}}
{{--                                @else--}}
                                    {{ $fil->etapa }}
{{--                                @endif--}}
                            </small><br />
                            {{ $fil->fecha }}
                        </span>
                    </a>
                </li>
                @php
                    if(session('timeline')=="DESC"){
                        $i=$i-1;
                    }else {
                        $i++;
                    }
                @endphp
                
            @endforeach
        </ul>
        @php($i=$actividades->count())
        @foreach($actividades as $fil)
            <div id="step-{{ $i }}">
{{--                <h4 class="StepTitle">{{ $fil->codigo . " - " . $fil->nombre }}</h4>--}}
{{--                <h4>--}}
{{--                    <b>FECHA:</b> {{ $fil->Fecha }}   <b> HORA:</b> {{ $fil->Hora }}--}}
{{--                </h4>--}}
{{--                <h4>--}}
{{--                   <b>DESCRIPCIÓN:</b> {{ $fil->descripcion }}--}}
{{--                </h4>--}}
            </div>
            @php($i=$i-1)
        @endforeach

        @if($actividades->count()>0)
            <center>
                                {{-- CONTADOR: {{ $contador_doc_global}} --}}
                <div class="row top_tiles">
                    @if( $contador_doc_global>0)
                        {{-- @dd($infoTabla[0]); --}}
                        {{-- <a href="/rexdocument/{{ $po->numero_do."/". $infoTabla[0]->codigo."/".$po->id."/".$po->consecutivo }}" target="_blank"> --}}
                        <a href="/rexdocument/{{ $po->numero_do."/". $infoTabla[0]->codigo."/".$po->id."/".$po->consecutivo }}" target="_blank">
                            <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-4">
                                <div class="tile-stats">
                                    <div class="icon"><i class="fa fa-file-pdf-o"></i></div>
                                    <div class="count">{{ $contador_doc_global }}</div>
                                    <h3>Documentos</h3>
                                    <p>cantidad de archivos digitalizados del # DO.</p>
                                </div>
                            </div>
                        </a>
                    @endif
{{--                
                    @if(count($infoCorreo)>0)    
                        <a href="/rexmensaje/{{ $po->numero_do }}" { { --href="http://www.asercol.com/query/verCorreos.php?DO={{ $po->numero_do }}" -- } } target="_blank">
                            <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-4">
                                <div class="tile-stats">
                                    <div class="icon"><i class="fa fa-comments-o"></i></div>
                                    <div class="count">{{ count($infoCorreo) }}</div>
                                    <h3>Correos</h3>
                                    <p>cantidad de mensajes compartidos del # DO</p>
                                </div>
                            </div>
                        </a>
                    @ end if --}}

                    @if(count($infoFoto)>0)  
                        <a href="/rexfotografia/{{ base64_encode($po->numero_do) }}" {{--href="http://www.asercol.com/query/verCorreos.php?DO={{ $po->numero_do }}" --}} target="_blank">
                            <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-4">
                                <div class="tile-stats">
                                    <div class="icon"><i class="fa fa-camera"></i></div>
                                    <div class="count">{{ count($infoFoto) }}</div>
                                    <h3>Fotografias</h3>
                                    <p>cantidad de fotos</p>
                                </div>
                            </div>
                        </a>

                    @endif

                </div>
            </center>
            @endif
    </div>
    <!-- End SmartWizard Content -->


    </div>
   </div>
  </div>
</div>

<!-- END WIZARD -->




    <div class="col-md-12 col-sm-12 col-xs-12">
               <div class="">
                   <div class="row">
                     <div class="col-md-12 col-sm-12 col-xs-12">
                       <div class="x_panel">
                         <div class="x_title">
                           <h2>Actividades<small>....</small></h2>
                           <ul class="nav navbar-right panel_toolbox">
                             <!-- <li><a class="close-link"><i class="fa fa-close"></i></a>
                             </li> -->
                             <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                             </li>
                           </ul>
                           <div class="clearfix"></div>
                         </div>


                         <div class="x_content">
                            <div class="table-container">
                                <table id="datatable" data-page-length='25' class="table table-striped table-bordered"  >
                                <thead>

                                <th><center>Código</center></th>
                                <th><center>Etapa</center></th>
                                <th><center>Fecha</center></th>
                                <th><center>Hora</center></th>
                                <th><center>Descripción</center></th>
                                <th><center>Editar</center></th>
                                <th><center>Eliminar</center></th>
                                </thead>
                                <tbody>
                                @if($actividades->count())
                                    @foreach($actividades as $fil)
                                    <tr>
                                        <td align="center">{{$fil->codigo}}</td>
                                        <td align="center">{{$fil->etapa}}</td>
                                        <td align="center">{{$fil->fecha}}</td>
                                        <td>{{$fil->hora}}</td>
                                        <td>{{$fil->descripcion}}</td>

                                        <td align="center"><a class="btn btn-success btn-xs" href="{{action('ExActividadController@edit', $fil->id)}}" ><span  class="fa fa-edit"></span></a></td>
                                        <td align="center">
                                            <form action="{{action('ExActividadController@destroy', $fil->id)}}" method="post" onclick="return confirm('¿Seguro que deseas eliminarlo?')">
                                                @csrf
                                                <input name="_method" type="hidden" value="DELETE">
                                                <button class="btn btn-danger btn-xs" type="submit"><span class="fa fa-trash"></span></button>
                                            </form>
                                        </td>
                                    </tr>
                                    @endforeach
                    @else
                        <tr>
                            <td colspan="8">No hay registro !!</td>
                        </tr>
                    @endif
                    </tbody>

                </table>
                </div>
            </div>

            </div>
        </div>
        </div>
        </div>
        </div>
        </section>
    </div>




    {{--<div class="col-md-12 col-sm-12 col-xs-12">
        <div class="">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Actividades Asercol<small>....</small></h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <!-- <li><a class="close-link"><i class="fa fa-close"></i></a>
                                </li> -->
                                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                </li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>


                        <div class="x_content">
                            <div class="table-container">
                                <table id="datatable" data-page-length='25' class="table table-striped table-bordered"  >
                                    <thead>

                                    <th style="width:100px"><center>DO</center></th>
                                    <th style="width:100px"><center>Fecha</center></th>
                                    <th style="width:100px"><center>Hora</center></th>
                                    <th><center>Descripción</center></th>
                                    <th><center>Observaciones</center></th>
                                    </thead>
                                    <tbody>
                                    @if(count($infoAsercol)>0)
                                        @foreach($infoAsercol as $fil)
                                            <tr>
                                                <td align="center">{{$fil->do}}</td>
                                                <td align="center">{{$fil->fecha}}</td>
                                                <td align="center">{{$fil->hora}}</td>
                                                <td>{{$fil->descripcion}}</td>
                                                <td>{{$fil->observaciones}}</td>

                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="8">No hay registro !!</td>
                                        </tr>
                                    @endif
                                    </tbody>

                                </table>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
   
    </div>--}}
    <br><br><br><br>
    <p>..</p>
    <br><br><br><br>
<style>

    .overrideDisabled {
        color: #428bca !important;
        cursor: pointer !important;
        background-color: #fff !important;
    }
    .overrideDisabled:hover {
        background-color: #eee !important;
        color: #2a6496 !important;
    }

    .dataTables_filter {
        display: none;
    }

    .datatables_length {
        display: none;
    }

    #datatable_length {
        display: none;
    }

    .dataTables_paginate{
        display: none;
    } /*paging_simple_numbers*/

    .dataTables_info{
        display: none;
    }

   
</style>

<script>

    $('#axid').removeClass('.disabled');
    $('#axid').addClass('.overrideDisabled');
</script>

@endsection