@extends('layouts.publicador.layout_novo')

 @section('content')
     <script src="https://kit.fontawesome.com/3f8ae44385.js" crossorigin="anonymous"></script>
     <div class="container my-4 py-3">
         <h4 class="mb-4">
             @choice('labels.relatorios', 1) @lang('labels.gerencial') DG
         </h4>

         @can('edit_processo_dg')
             <div class="pesquisa">
                 {!! Form::open([
                     'route' => ['publicador.relatorios.ger_dg_add'],
                     'method' => 'POST',
                     'class' => 'form my-2 mb-4',
                 ]) !!}
                 <div class="row">
                     <div class="col-8 col-md-6 offset-md-2">
                         <div class="form-group">
                             {{ Form::text('numero', \Request::query('numero'), ['class' => 'form-control form-control-sm ' . ($errors->has('numero') ? 'is-invalid' : ''), 'maxlength' => 13, 'placeholder' => sprintf('%s %s', __('labels.numero'), trans_choice('labels.processos', 1))]) }}
                             @if ($errors->has('numero'))
                                 <div class="is-invalid invalid-feedback">
                                     <strong>{{ $errors->first('numero') }}</strong>
                                 </div>
                             @endif
                         </div>
                     </div>
                     <div class="col-4">
                         {{ Form::submit(__('labels.acoes.adicionar'), ['class' => 'btn btn-sm btn-primary mb-3']) }}
                     </div>
                 </div>
                 {!! Form::close() !!}
             </div>
         @endcan

         @if (session('status-success'))
             <div class="alert alert-success text-center" role="alert">
                 {{ session('status-success') }}
             </div>
         @endif

         @if (session('status-error'))
             <div class="alert alert-danger text-center" role="alert">
                 {{ session('status-error') }}
             </div>
         @endif

         <div class="pesquisa alert alert-info">
             <p class="h5">@lang('labels.pesquisar')</p>
             {!! Form::open([
                 'route' => ['publicador.relatorios.gerencial_dg'],
                 'method' => 'GET',
                 'class' => 'form my-2 ',
                 'novalidate' => true,
             ]) !!}
             <div class="row">
                 <div class="col-sm-4">
                     <div class="form-group">
                         {{ Form::text('protocolo', \Request::query('protocolo'), ['class' => 'form-control form-control-sm', 'placeholder' => trans_choice('labels.protocolos', 1)]) }}
                     </div>
                 </div>
                 <div class="col-sm-4">
                     <div class="form-group">
                         {{ Form::text('descricao', \Request::query('descricao'), ['class' => 'form-control form-control-sm', 'placeholder' => __('labels.descricao')]) }}
                     </div>
                 </div>
                 <div class="col-sm-4">
                     <div class="form-group">
                         {{ Form::text('modalidade', \Request::query('modalidade'), ['class' => 'form-control form-control-sm', 'placeholder' => __('labels.modalidade')]) }}
                     </div>
                 </div>

                 <div class="col-12 text-right">
                     {{ Form::submit(__('labels.acoes.pesquisar'), ['class' => 'btn btn-sm btn-primary ']) }}
                 </div>
             </div>
             {!! Form::close() !!}
         </div>

         @include('layouts.publicador.aviso_paginacao')

         @if ($lista->isNotEmpty())
             <div class="text-right">
                 <a href="{{ route('publicador.relatorios.gerencial_dg_print') }}" class="btn btn-info btn-sm mb-3"
                     target="_blank">Imprimir</a>
             </div>
             <table class="table table-processos table-sm table-bordered">
                 <thead class="thead-default">
                     <tr>
                         <th>@choice('labels.protocolos', 1)</th>
                         <th>@lang('labels.procedimento')</th>
                         <th>@lang('labels.descricao')</th>
                         <th nowrap></th>
                     </tr>
                 </thead>
                 <tbody>
                     @foreach ($lista as $index => $item)
                         <tr class="tr-processos">
                             <td nowrap>{{ $item['numero'] }}</td>
                             <td>{{ $item['procedimento'] }}</td>
                             <td class="w-50">{{ $item['descricao'] }}</td>
                             <td class="text-right" nowrap>
                                 @can('edit_processo_dg')
                                     {!! Form::open([
                                         'method' => 'DELETE',
                                         'route' => ['publicador.relatorios.ger_dg_cancel'],
                                         'class' => 'form-delete',
                                     ]) !!}
                                     {{ Form::hidden('processo', $item['id']) }}
                                     <a href="{{ route('publicador.relatorios.form_dg_show', $item['id']) }}"
                                         class="btn btn-primary"
                                         style="padding: 6px 12px; background-color: #0056b3; border-color: #0056b3; border-radius: 3px;"
                                         title="@lang('labels.acoes.alterar')">
                                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                             viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"
                                             stroke-linecap="round" stroke-linejoin="round">
                                             <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
                                             <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
                                         </svg>
                                     </a>

                                     {{ Form::button(
                                         '
                                                                                                       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 
                                                                                                            viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" 
                                                                                                            stroke-linecap="round" stroke-linejoin="round">
                                                                                                           <path d="M18 6 6 18" />
                                                                                                           <path d="m6 6 12 12" />
                                                                                                       </svg>
                                                                                                   ',
                                         [
                                             'class' => 'btn btn-danger',
                                             'style' => 'padding: 6px 12px; background-color: #dc3545; border-color: #dc3545; border-radius: 3px;',
                                             'type' => 'submit',
                                             'title' => 'Excluir',
                                         ]
                                     ) }}
                                     {!! Form::close() !!}
                                 @endcan
                             </td>
                         </tr>
                         <tr class="tr-processos">
                             <td colspan="8">
                                 <div class="row buttons">
                                     <div class="col">
                                         <div class="alinha-esquerda">
                                             <button class="btn success i-{{ $index }}"
                                                 onclick="toggle('detalhes-{{ $index }}', 'atividades-{{ $index }}'), teste('i-{{ $index }}', 'bnt-detalhes', 'i-{{ $index }}')">
                                                 <i class="fa-solid fa-caret-down i-{{ $index }} bnt-detalhes"></i>
                                                 Detalhes
                                             </button>
                                         </div>
                                     </div>
                                     <div class="col">
                                         <div class="alinha-direita">
                                             <button class="btn sucess c-{{ $index }}"
                                                 onclick="toggle('atividades-{{ $index }}', 'detalhes-{{ $index }}'), teste('i-{{ $index }}', 'bnt-atividades', 'c-{{ $index }}')">
                                                 <i
                                                     class="fa-solid fa-caret-down i-{{ $index }} bnt-atividades"></i>Atividades
                                             </button>
                                         </div>
                                     </div>
                                 </div>
                                 <div class="row details">
                                     <div class="col">
                                         <div class="conteudaison detalhes detalhes-{{ $index }}" id="detalhesdiv"
                                             style="">
                                             <div>
                                                 <div class="row fs-80 p-2">
                                                     <div class="col-6 col-lg-4 mb-3">
                                                         <b>@lang('labels.numero')</b>: <p>{{ $item['numero'] }}</p>
                                                         <b>@choice('labels.data', 1) @lang('labels.abertura')</b>: <p>
                                                             {{ \Carbon\Carbon::parse($item['data_abertura'])->format('d/m/Y') }}
                                                         </p>
                                                         <b>@choice('labels.unidades', 1) @lang('labels.geradora')</b>: <p>
                                                             {{ $item['unidade_origem'] }}</p>
                                                         <b>@lang('labels.procedimento')</b>: <p>{{ $item['procedimento'] }}</p>
                                                         <b>@lang('labels.descricao')</b>: <p>{{ $item['descricao'] }}</p>
                                                         <b>@choice('labels.unidades', 1) @choice('labels.atuais', 1)</b>: <br>

                                                         {{-- @if (!empty($item['atividade']))
                                                            {{ $item['atividade'][0]->sigla }}
                                                        @endif --}}
                                                     </div>
                                                     <div class="col-6 col-lg-3">
                                                         <b>@lang('labels.objeto')</b>: <p>{{ $item['objeto'] }}</p>
                                                         <b>@lang('labels.modalidade')</b>: <p>{{ $item['modalidade'] }}</p>
                                                         <b>@lang('labels.vencimento') @lang('labels.contrato')</b>: <p>
                                                             {{ empty($item['venc_contrato']) ? '' : \Carbon\Carbon::parse($item['venc_contrato'])->format('d/m/Y') }}
                                                         </p>
                                                         <b>@lang('labels.valor') @lang('labels.maximo')</b>: <p>
                                                             {{ $item['valor_maximo'] }}</p>
                                                         <b>@lang('labels.valor') @lang('labels.final') @lang('labels.contratacao')</b>:
                                                         <p>
                                                             {{ $item['valor_final'] }} @if ($item['desconto'] > 0)
                                                                 (-{{ $item['desconto'] }}%)
                                                             @endif
                                                         </p>
                                                         <b>@choice('labels.data', 1) @lang('labels.entrada')</b>: <p>
                                                             {{ empty($item['data_entrada']) ? '' : \Carbon\Carbon::parse($item['data_entrada'])->format('d/m/Y') }}
                                                         </p>
                                                         <b>@choice('labels.data', 1) @lang('labels.saida')</b>: <p>
                                                             {{ empty($item['data_saida']) ? '' : \Carbon\Carbon::parse($item['data_saida'])->format('d/m/Y') }}
                                                         </p>
                                                         <b>@lang('labels.planejamento')</b>: <p class="h2">
                                                             {!! empty($item['planejamento'])
                                                                 ? ''
                                                                 : sprintf('<img src="%s/%s.png">', asset('assets/images/icons/'), $item['planejamento']) !!}
                                                         </p>
                                                     </div>
                                                     <div class="col-12 col-lg-4">
                                                         <b>@lang('labels.responsavel')</b>: <p>{{ $item['responsavel'] }}</p>
                                                         <b>@lang('labels.tramite')</b>: <p>{!! nl2br($item['tramite']) !!}</p>
                                                         <b>@lang('labels.comentarios')</b>: <p>{!! nl2br($item['observacao']) !!}</p>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                         <div class="conteudaison atividades atividades-{{ $index }}"
                                             id="atividadesdiv">
                                             <div>
                                                 <div class="row fs-80 p-2">
                                                     <div class="col-12">
                                                         <table class="table table-striped">
                                                             <tbody>
                                                                 <tr style="font-weight:500;font-size:large;;">
                                                                     <th nowrap>Unidade</th>
                                                                     <th nowrap>Descrição</th>
                                                                     <th nowrap>Data</th>
                                                                 </tr>
                                                                 @if (!empty($item['atividade']))
                                                                     @php
                                                                         $indice = 0;
                                                                     @endphp
                                                                     @foreach ($item['atividade'] as $atividade)
                                                                         @if ($indice < 8)
                                                                             <tr style="font-size:larger;">
                                                                                 <td nowrap>{{ $atividade->sigla }}</td>
                                                                                 <td nowrap>{{ $atividade->tarefa }}</td>
                                                                                 <td nowrap>
                                                                                     {{ date('d/m/Y', strtotime($atividade->data_geracao)) }}
                                                                                 </td>
                                                                             </tr>
                                                                             @php
                                                                                 $indice++;
                                                                             @endphp
                                                                         @endif
                                                                     @endforeach
                                                             </tbody>
                                                         </table>
                                                     @else
                                                         <p>Sem atividade registrada..</p>
                     @endif
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     </td>
     </tr>
     @endforeach
     </tbody>
     </table>
     @endif

     <script>
         function toggle(idToOpen, idToClose) {
             let openElement = document.querySelector('.' + idToOpen);
             let closeElement = document.querySelector('.' + idToClose);

             if (openElement.style.height === "auto") {
                 // Close it
                 openElement.style.height = "0px";
                 openElement.style.minHeight = "0px";

             } else {
                 // Open it
                 openElement.style.height = "auto";
                 openElement.style.minHeight = "150px";

                 // Close the other div
                 closeElement.style.height = "0px";
                 closeElement.style.minHeight = "0px";
             }
         }
     </script>
     <script>
         function teste(index, par, color) {
             if (document.querySelector("." + index + ".bnt-detalhes").classList.contains("fa-rotate-180")) {
                 document.querySelector("." + index + ".bnt-detalhes").classList.remove("fa-rotate-180");

             } else if (document.querySelector("." + index + ".bnt-atividades").classList.contains("fa-rotate-180")) {
                 document.querySelector("." + index + ".bnt-atividades").classList.remove("fa-rotate-180");

             } else if (par == "bnt-atividades") {
                 document.querySelector("." + index + "." + par).classList.add("fa-rotate-180");
                 document.querySelector("." + index + ".bnt-detalhes").classList.remove("fa-rotate-180");

             } else if (par == "bnt-detalhes") {
                 document.querySelector("." + index + "." + par).classList.add("fa-rotate-180");
                 document.querySelector("." + index + ".bnt-atividades").classList.remove("fa-rotate-180");

             }
         }
     </script>

     <style>
         div.conteudaison {
             width: 100%;
             min-height: 0px;
             height: 0px;
             overflow: hidden;
             display: flex;
             flex-direction: column;
             flex-wrap: nowrap;
             align-content: center;
             justify-content: center;
             align-items: center;
             transition: .5s;
         }

         div#detalhesdiv {
             background-color: transparent;
             color: black;
             text-align: left;
         }

         div#atividadesdiv {
             background-color: transparent;
             color: black;
             text-align: left;
         }

         .alinha-esquerda {
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
             align-content: center;
             justify-content: flex-start;
             align-items: center;
         }

         .alinha-direita {
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
             align-content: center;
             justify-content: flex-end;
             align-items: center;
         }

         .col-12 {
             width: 55vw;
         }

         .alinha-direita button i {
             margin-right: 4px;
         }

         .alinha-direita button,
         .alinha-esquerda button {
             background-color: #168395;
             transition: 0.5s;
             color: #efeded;
         }

         .fs-80 {
             font-size: 80%;
             background-color: white;
         }
     </style>

     @include('layouts.publicador.paginacao')

     <script type="text/javascript">
         (function($) {
             $('.accordion').accordion({
                 active: false,
                 collapsible: true,
                 heightStyle: 'content'
             });

         })(jQuery);
     </script>

     </div>

 @endsection