{{-- @extends('layouts.publicador.default')

@section('content')
    <div class="container my-4 py-3">

        <h4 class="mb-4">
            @choice('labels.relatorios', 1) @lang('labels.gerencial') @lang('labels.marketing')
        </h4>

        @can('edit_processo_mkt')
            <div class="pesquisa">
                {!! Form::open(['route' => ['publicador.relatorios.ger_mkt_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_mkt'], '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::select('categoria', $categorias, \Request::query('categoria'), ['class' => 'form-control form-control-sm', 'placeholder' => __('labels.categoria')]) }}
                    </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_mkt_print') }}" class="btn btn-info btn-sm mb-3 d-none" 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 $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_mkt')
                                {!! Form::open(['method' => 'DELETE', 'route' => ['publicador.relatorios.ger_mkt_cancel'], 'class' => 'form-delete']) !!}
                                {{ Form::hidden('processo', $item['id']) }}
                            <a href="{{ route('publicador.relatorios.form_mkt_show', $item['id']) }}" class="btn btn-primary btn-sm" title="@lang('labels.acoes.alterar')">
                                <span class="oi oi-pencil"></span>
                            </a>

                            {{ Form::button('<span class="oi oi-trash"></span>', ['class' => 'btn btn-danger btn-sm btn-delete', 'type' => 'submit']) }}
                            {!! Form::close() !!}
                            @endcan
                        </td>
                    </tr>
                    <tr class="tr-processos">
                        <td colspan="8">
                            <div class="accordion">
                                <h3>@lang('labels.ver_detalhes')</h3>
                                <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']))
                                                @foreach ($item['atividade'] as $sigla => $datas)
                                                    {{ $sigla }}@if (array_key_exists('data_entrada', $datas)) -  {{ \Carbon\Carbon::parse($datas['data_entrada'])->format('d/m/Y H:i') }} @endif <br>
                                                @endforeach
                                            @endif

                                            @if (!empty($item['processo_pai']))
                                                @lang('labels.msg.anexado_processo', ['processo' => $item['processo_pai']])
                                            @endif

                                        </div>
                                        <div class="col-6 col-lg-6">
                                            <b>@lang('labels.categoria')</b>: <p>{{ $item['categoria'] }}</p>
                                            <b>@lang('labels.valor')</b>: <p>{{ $item['valor'] }}</p>
                                            <b>@choice('labels.data', 1) @lang('labels.pagamento')</b>: <p>{{ empty($item['data_pgto']) ? '' : \Carbon\Carbon::parse($item['data_pgto'])->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.comentarios')</b>:  <p>{!! nl2br($item['observacao']) !!}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

        @endif

        @include('layouts.publicador.paginacao')

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

    </div>
@endsection
 --}}
@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') @lang('labels.marketing')
        </h4>

        @can('edit_processo_mkt')
            <div class="pesquisa">
                {!! Form::open([
                    'route' => ['publicador.relatorios.ger_mkt_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_mkt'],
                '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::select('categoria', $categorias, \Request::query('categoria'), ['class' => 'form-control form-control-sm', 'placeholder' => __('labels.categoria')]) }}
                    </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_mkt_print') }}" class="btn btn-info btn-sm mb-3 d-none"
                    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_mkt')
                                    {!! Form::open([
                                        'method' => 'DELETE',
                                        'route' => ['publicador.relatorios.ger_mkt_cancel'],
                                        'class' => 'form-delete',
                                    ]) !!}
                                    {{ Form::hidden('processo', $item['id']) }}
                                    <a href="{{ route('publicador.relatorios.form_mkt_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-6">
                                                        <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>
                                                    </div>
                                                    <div class="col-6 col-lg-6">
                                                        <b>@lang('labels.categoria')</b>: <p>{{ $item['categoria'] }}</p>
                                                        <b>@lang('labels.valor')</b>: <p>{{ $item['valor'] }}</p>
                                                        <b>@choice('labels.data', 1) @lang('labels.pagamento')</b>: <p>
                                                            {{ empty($item['data_pgto']) ? '' : \Carbon\Carbon::parse($item['data_pgto'])->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.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>
        .col-lg-6 {
            width: 50vw;
            align-items: flex-start
        }

        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