@extends('adminlte.app')

@section('content')
    
    <div class="content-wrapper pb-3">

           <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                <h1 class="m-0">Faturas</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                
                </div><!-- /.col -->
            </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->
        @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
        @if ($message = Session::get('danger'))
            <div class="alert alert-danger">
                <p>{{ $message }}</p>
            </div>
        @endif

        <div class="card mx-3 mt-3">
            
            <div class="card-header">

                <div class="row">
                    <div class="col-md-4">
                        Faturas Cadastradas 
                    </div>
                    <div class="col-md-8 text-right">
                        {{-- @if($permissao->importar_faturas)
                            <a href="/faturas/importar"> <button class="d-print-none btn btn-primary rounded">Importar CSV</button></a>
                        @endif --}}
                        <button  class="btn btn-primary rounded d-print-none" data-toggle="collapse" data-target=".multi-collapse" aria-expanded="false"  aria-controls="asda" >Expandir Todos</button>
                        <button  id="btn_recolher_todos" class="btn btn-primary rounded d-print-none" >Recolher Todos</button>
                        <button  class="btn btn-primary rounded d-print-none" onclick="window.print()">Imprimir</button>
                        {{-- <form action="{{ route('faturas_imprimirfaturas') }}" method="POST" class="d-inline-block" target="_blank">
                            @csrf
                            <input type="hidden" name="filtros" value="{{ json_encode($filtros) }}">
                            <button  class="btn btn-primary rounded d-print-none">Faturas Simplificadas</button>
                        </form> --}}
                    </div>
                </div>
                
            
            </div>

            <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white d-print-none">
                <div class="col-sm-11">
                    Filtros
                 </div> 
                 <div class="col-ms-1">
                     <button class="btn btn-primary btn-sm" data-toggle="collapse" href="#filtroFaturas" role="button" aria-expanded="false" aria-controls="filtroFaturas" title="Adicionar"><i class="fas fa-plus" title="Adicionar" aria-hidden="true"></i></button>
                 </div>
             </div>
     
            <form action="{{ route('nao_identificados_consultar') }}" id="form_filtrar" method="GET" class="pt-4" >
                <div class="border p-3 ml-3 mr-3 mb-3 bg-light collapse" id="filtroFaturas">
        
                    <div class="form-group row pd-3 ">
                        <div class="col-md-3">
                            <label for="num_cliente">Número Cliente</label>
                            <input type="text" class="form-control" type="text" name="num_cliente" id="num_cliente" value="{{ old('num_cliente', $filtros['num_cliente']) }}">
                        </div>

                        <div class="col-md-3">
                            <label for="nome_cliente">Nome Cliente</label>
                            <input type="text" class="form-control" type="text" name="nome_cliente" id="nome_cliente" value="{{ old('nome_cliente', $filtros['busca_nome']) }}">
                        </div>

                        <div class="col-md-3">
                            <label for="contribuinte">Contribuinte</label>
                            <input type="text" class="form-control" type="text" name="contribuinte" id="contribuinte" value="{{ old('contribuinte', $filtros['contribuinte']) }}">
                        </div>

                        @if($permissao->exibir_todas_faturas)
                            <div class="col-md-3">
                                <label for="gestor" class="">Gestor</label>
                                <select name="gestor"   id="gestor" class=" form-control">
                                    <option value=""></option>
                                    @foreach ($gestores as $gestor)
                                        <option @if($filtros['gestor'] == $gestor->id) selected @endif  value="{{ $gestor->id }}">{{ $gestor->name }}</option>
                                    @endforeach
                                </select> 
                            </div>
                        @endif

                    </div>

                    <div class="form-group row pd-3 ">
                        <div class="col-md-3">
                            <label for="canal" class="">Canal</label>
                            <select name="canal"   id="canal" class=" form-control">
                                <option value=""></option>
                                @foreach ($canais as $canal)
                                    <option @if($filtros['origem'] == $canal->id) selected @endif value="{{ $canal->id }}">{{ $canal->nome_canal }}</option>
                                @endforeach
                            </select> 
                        </div>

                        <div class="col-md-3">
                            <label for="grupo_cliente" class="">Grupo Cliente</label>
                            <select name="grupo_cliente"   id="grupo_cliente" class=" form-control">
                                <option value=""></option>
                                @foreach ($grupos as $grupo)
                                    <option @if($filtros['grupo_cliente'] == $grupo->id) selected @endif value="{{ $grupo->id }}">{{ $grupo->nome_grupo }} </option>
                                @endforeach
                            </select> 
                        </div>

                        <div class="col-md-3">
                            <label for="num_documento">Número Fatura</label>
                            <input type="text" class="form-control" type="text" name="num_documento" id="num_documento" value="{{ old('num_fatura', $filtros['num_fatura']) }}">
                        </div>

                        <div class="col-md-3">
                            <label for="status">Status</label>
                            <select name="status"   id="status" class=" form-control">
                                <option @if($filtros['status'] == '') selected @endif value="">Todas</option>
                                <option @if($filtros['status'] == 'Paga') selected @endif value="Paga">Pagas</option>
                                <option @if($filtros['status'] == 'Pendente') selected @endif value="Pendente">Pendentes</option>
                                <option @if($filtros['status'] == 'Pagamento Prometido') selected @endif value="Pagamento Prometido">Pagamentos Prometidos</option>
                                <option @if($filtros['status'] == 'PPago') selected @endif value="PPago">PPago</option>
                                <option @if($filtros['status'] == 'Sinistradas') selected @endif value="Sinistradas">Sinistradas</option>
                            </select> 
                        </div>

                    </div>


                    <div class="form-group row pd-3 ">
                        {{-- <div class="col-md-3">
                            <label for="cores" class="">Status Cliente</label>
                            <select name="cores"   id="cores" class=" form-control" autocomplete="off">
                                <option></option>
                                <option  @if($filtros['cores'] == 'Vermelho') selected @endif value="Vermelho">Risco de Bloqueio e/ou Sinistro</option>
                                <option  @if($filtros['cores'] == 'Amarelo') selected @endif  value="Amarelo">Em Incumprimento</option>
                                <option  @if($filtros['cores'] == 'Verde') selected @endif  value="Verde">Documentos não vencidos</option>
                                <option  @if($filtros['cores'] == 'Preto') selected @endif  value="Preto">Clientes Sinistrados</option>
    
                            </select> 
                        </div> --}}

                        <div class="col-md-3">
                            <label for="tipo_data" class="">Intervalo de Datas</label>
                            <select name="tipo_data"   id="tipo_data" class=" form-control">
                                <option @if($filtros['tipo_data'] == 'dt_emissao') selected @endif value="dt_emissao">Data de Emissão Personalizada</option>
                                <option @if($filtros['tipo_data'] == 'dt_vencimento') selected @endif value="dt_vencimento">Data de Vencimento Personalizada</option>
                                <option @if($filtros['tipo_data'] == 'dias1') selected @endif value="dias1">Vencidas - 1 a 4 dias</option>
                                <option @if($filtros['tipo_data'] == 'dias2') selected @endif value="dias2">Vencidas - 5 a 29 dias</option>
                                <option @if($filtros['tipo_data'] == 'dias3') selected @endif value="dias3">Vencidas - 30 a 59 dias</option>
                                <option @if($filtros['tipo_data'] == 'dias4') selected @endif value="dias4">Vencidas - 60 a 89 dias</option>
                                <option @if($filtros['tipo_data'] == 'dias5') selected @endif value="dias5">Vencidas - acima de 90 dias</option>
                            </select> 
                        </div>
                        <script>
                            $(document).ready(function(){
                                if($('#tipo_data').val() == 'dt_vencimento' || $('#tipo_data').val() == 'dt_emissao'){
                                    $('.intervalo-data').removeClass('d-none');
                                    $('.intervalo-data :input').prop('disabled', false);
                                    $('.intervalo-data :input').prop('required', true);
                                } else {
                                    $('.intervalo-data').addClass('d-none');
                                    $('.intervalo-data :input').prop('disabled', true);
                                    $('.intervalo-data :input').prop('required', false);

                                }

                                $('#tipo_data').change(function(){
                                    var valor = $(this).val();
                                    if(valor == 'dt_vencimento' || valor == 'dt_emissao'){
                                        $('.intervalo-data').removeClass('d-none');
                                        $('.intervalo-data :input').prop('disabled', false);
                                        $('.intervalo-data :input').prop('required', true);

                                    } else {
                                        $('.intervalo-data').addClass('d-none');
                                        $('.intervalo-data :input').prop('disabled', true);
                                        $('.intervalo-data :input').prop('required', false);

                                    }
                                });
                            });
                        </script>
                                            
                        <div class="col-md-3 intervalo-data d-none">
                            <label for="data_suporte" class="">Início do Intervalo</label>
                            <input type="date" name="data_suporte" id="data_suporte" value="{{ old('data_suporte', date('Y-m-d', strtotime($filtros['data_inicio'])) ) }}" class=" form-control " disabled>
                        </div>
                        
                        <div class="col-md-3 intervalo-data d-none">
                            <label for="data_suporte_fim" class="">Fim do Intervalo</label>
                            <input type="date" name="data_suporte_fim" id="data_suporte_fim" value="{{ old('data_suporte_fim', date('Y-m-d', strtotime($filtros['data_fim'])) ) }}" class=" form-control " disabled>
                        </div>
                    </div>

                    <div class="col-sm-3 mt-4">
                        <button id="btn_filtrar" class="btn btn-primary mt-3" type="submit">Filtrar</button>
                    </div>
                </div>
            </form>
            

            <div class="border mx-3 mt-4">
                <table class="table table-sm table-bordered table-hover mb-0">
                    <thead>
                        <tr class="text-center table-primary">
                            <th>Canal</th>
                            <th>Total Faturado</th>
                            <th>Total Vencido</th>
                            <th class="">% Incumprimento</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($canais as $canal)
                            @if ($origem == $canal->id || $origem == null)
                                {{-- <tr class="text-center @if ($loop->index == 1) bg-cyan @elseif ($loop->index == 2) bg-blue @elseif ($loop->index == 3) bg-teal @else bg-purple @endif"> --}}
                                <tr class="text-center">
                                    <td>{{ $canal->nome_canal }}</td>
                                    <td>{{ number_format($canal->totalfaturado, 2, ',', '.') }}</td>
                                    <td>{{ number_format($canal->totalvencido, 2, ',', '.') }}</td>
                                    <td class="">
                                        @if(isset($canal->totalvencido) && isset($canal->totalfaturado))
                                            @if($canal->totalvencido != 0 && $canal->totalfaturado != 0)
                                                {{ number_format($canal->totalvencido / $canal->totalfaturado * 100,2)  }}%
                                            @else
                                                0%
                                            @endif
                                        @else
                                            0%
                                        @endif
                                        {{-- {{ (isset($canal->totalvencido) && isset($canal->totalfaturado)) ? number_format($canal->totalvencido / $canal->totalfaturado * 100,2) : 0 }}% --}}
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                        <tr class="text-center table-secondary">
                            <td>Total</td>
                            <td>{{ number_format($totais['totalfaturado'], 2, ',', '.') }}</td>
                            <td>{{ number_format($totais['totalvencido'], 2, ',', '.') }}</td>
                            <td class="">
                                @if((isset($totais['totalvencido']) && isset($totais['totalfaturado'])))
                                    @if($totais['totalvencido'] != 0 && $totais['totalfaturado'] != 0)
                                        {{ number_format($totais['totalvencido'] / $totais['totalfaturado'] * 100,2) }}%
                                    @else
                                        0%
                                    @endif
                                @else
                                    0%
                                @endif
                                {{-- {{ (isset($totais['totalvencido']) && isset($totais['totalfaturado'])) ? number_format($totais['totalvencido'] / $totais['totalfaturado'] * 100,2) : 0 }}% --}}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <hr class="mx-3">

            <div class="mx-auto">
                {{ $clientes_faturas_query->onEachSide(5)->links() }}
            </div>

            <div class="px-3 pb-3">
                <br>

                <div id="tabelashow_cliente_fatura" class="table-responsive">
                    <div class="row">
                        {{-- <div class="mx-auto mt-2">
                            {{ $grupo->onEachSide(5)->links() }}
                        </div> --}}
                    </div>
                    <table  class=" tabelashow table table-bordered table-hover" >

                        <thead style="display: table-row-group">
                            <tr>
                                <th style="width: 100px" class ="text-center d-print-none">Ações</th>
                                <th><div style="width:100px;">Nome Cliente</div></th>
                                <th>Valor</th>
                                {{-- <th>Mvalor</th> --}}
                                <th>Vencido</th>
                                @if($permissao->exibir_todas_faturas)
                                    <th>Gestor</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($clientes_faturas as $key => $cliente)
                                @if (is_array($cliente))
                                    <tr id="grupo_cliente_{{ $loop->index }}" class="totalfechado bg-gray-light">
                                        <td class="d-print-none">
                                            <button type="button" class="btn btn-sm btn-primary"  aria-expanded="true" onclick="ativarLinhaGrupo('{{ $loop->index }}')">
                                                <i class="fas fa-bars"></i>
                                            </button>
                                        </td>
                                        <td>
                                            {{ $key }}
                                            <a title="Ver todos os clientes do Grupo" href="{{ route('faturas_consultar') }}?grupo_cliente={{ $cliente['id'] }}&tipo_data={{ $filtros['tipo_data'] }}&data_suporte={{ date('Y-m-d', strtotime($filtros['data_inicio'])) }}&data_suporte_fim={{ date('Y-m-d', strtotime($filtros['data_fim'])) }}" class="btn btn-sm btn-primary">
                                                <i class="fas fa-filter"></i>
                                            </a>
                                        </td>
                                        <td>
                                            {{ number_format($cliente['total'], 2, ',','.') }}
                                        </td>
                                        <td></td>
                                        @if($permissao->exibir_todas_faturas)
                                            <td></td>
                                        @endif
                                    </tr>
                                    @foreach ($cliente as $k => $cli)
                                        @if($k != 'total' && $k != 'id')
                                            <tr id="" class="bg-gray grupo_total_{{ $loop->parent->index }} cliente_total_{{ $loop->parent->index }}_{{ $loop->index }} totalfechado collapse multi-collapse">
                                                <td class="d-flex d-print-none" style="text-align: center">
                                                    <button type="button" class="mr-1 btn btn-sm btn-primary"  onclick="ativarLinha('{{ $loop->parent->index }}', true, {{ $loop->index }})">
                                                        <i class="fas fa-bars"></i>
                                                    </button>
                                                    <a href="/relacionamento/{{$cli->id}}/create"> <button class="mr-1 btn btn-success btn-sm" type="submit"><i class="fas fa-calendar" title="Ações Futuras" aria-hidden="true"></i></button></a>
                                                    @if($cli->email_cliente)
                                                        {{-- <form action="{{ route('faturas_enviarextrato', $cli->id) }}" method="POST">
                                                            @csrf
                                                            <button class="mr-1 btn btn-success btn-sm" type="submit">
                                                                <i class="fas fa-envelope" title="Enviar Extrato Pendentes" aria-hidden="true"></i>
                                                            </button>
                                                        </form> --}}
                                                    @endif
                                                    <button type="button" class="mr-1 btn btn-sm btn-info"  onclick="chamarPlafond('{{ number_format($cli->tfuel_plafond, 2, ',', '.') }}', '{{ number_format($cli->total_tfuel, 2, ',', '.') }}', '{{ number_format(($cli->tfuel_plafond - $cli->total_tfuel), 2, ',', '.') }}', '{{ number_format($cli->im_plafond, 2, ',', '.') }}', '{{ number_format($cli->total_im, 2, ',', '.') }}', '{{ number_format(($cli->im_plafond - $cli->total_im), 2, ',', '.') }}')">
                                                        <i class="fas fa-search"></i>
                                                    </button>
                                                    <a  onclick="return confirm('Pretende solicitar o Sinistro na Seguradora de Crédito do cliente {{$cli->nome_cliente}}?')" href="{{ route('solicitar_sinistro', $cli->id) }}"> <button class="mr-1 btn btn-success btn-sm" type="submit"><i class="fas fa-pencil-alt" title="Solicitar Sinistro" aria-hidden="true"></i></button></a>
                                                </td>
                                                <td class="text-uppercase">
                                                    @if($cli->nome_cliente=="")
                                                        Cliente Não encontrado
                                                    @else 
                                                        {{ $cli->nome_cliente }}
                                                    @endif
                                                </td>
                                                <td>{{ number_format($cli->total, 2, ',', '.')  }}</td>
                                                <td>
                                                    {{ $cli->vencido }}
                                                </td>
                                                @if($permissao->exibir_todas_faturas)
                                                    <td></td>
                                                @endif

                                            </tr>
                                            <tr class="cliente_{{ $loop->parent->index }}_{{ $loop->index }} collapse multi-collapse">
                                                <td colspan="100%" class="px-0 bg-gray-light">
                                                    <table class="table table-bordered">
                                                        <thead style="display: table-row-group">
                                                            <tr>
                                                                <th style="width: 100px" class ="text-center d-print-none">Ações</th>
                                                                <th>Canal</th>
                                                                <th><div style="width:100px;">Nome Cliente</div></th>
                                                                <th>Fatura</th>
                                                                <th >Valor</th>
                                                                {{-- <th>Mvalor</th> --}}
                                                                <th>Emissão</th>
                                                                <th>Vencimento</th>
                                                                <th class="d-print-none">Idade</th>
                                                                <th class="d-print-none">Vencido</th>
                                                                <th class="d-print-none">Atraso</th>
                                                                <th>Status</th>
                                                                @if($permissao->exibir_todas_faturas)
                                                                    <th class="">Gestor</th>
                                                                @endif
                                                                <th class="d-print-none">Comprovativo</th>
                                                                <th class="d-print-none">Promessa de Pagamento</th>
                                                                <th class="d-print-none">Anexo Promessa</th>
                                                                <th class="d-print-none">Fase Sinistrado</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            {{-- @foreach ($faturas->sortByDesc('dt_vencimento') as $item) --}}
                                                            @foreach ($faturas->sortBy('dt_vencimento') as $item)
                                                                @if($item->nome == $cli->nome )
                                                                    <tr>
                                                                        <td   class="d-flex d-print-none" style="text-align: center">
                                                                            
                                                                            <button title="Marcar como Pago" class="mr-1 btn btn-success btn-sm" type="button" onclick="chamarModalAlert({{ $cli->id }}, {{ $item->id }}, '{{ number_format($item->valor_total, 2, ',', '.') }}', '{{ number_format($item->valor_liquidado, 2, ',', '.') }}', '{{ $item->comprovante_pagamento }}', '{{ $item->comprovante_extra1 }}', '{{ $item->comprovante_extra2 }}', '{{ $item->comprovante_extra3 }}')">
                                                                                <i class="fas fa-file-upload"></i>
                                                                            </button>
                                                                            <a  href="/relacionamento/{{ $cli->id }}/create?tipo_interacao=Promessa de Pagamento" title="Promessa de Pagamento" class="mr-1 btn btn-success btn-sm">
                                                                                <i class="fas fa-calendar-day"></i>
                                                                            </a>
                                                                           

                                                                        </td>
                                                                        <td>{{ $item->canal->nome_canal }}</td>
                                                                        @if($item->origem == "IM" and isset($item->cliente_im->nome))
                                                                                <td>{{ $item->cliente_im->nome }}</td>
                                                                        @elseif($item->origem =="TFUEL"  and isset($item->cliente_tfuel->nome))
                                                                                <td>{{ $item->cliente_tfuel->nome }}</td>
                                                                        @else
                                                                                <td>Cliente Não encontrado</td>
                                                                        @endif
                                                                        <td>{{ $item->num_documento }}</td>
                                                                        <td>{{ number_format($item->valor_total, 2, ',', '.') }}</td>
                                                                        {{--<td>
                                                                            Perguntar o que é mvalor, se é calculado 
                                                                        </td>--}}
                                                                        <td>{{ date('d/m/Y', strtotime($item->dt_emissao)) }}</td>
                                                                        <td>{{ date('d/m/Y', strtotime($item->dt_vencimento)) }}</td>
                                                                        <td class="d-print-none">{{ \Carbon\Carbon::now()->diffInDays($item->dt_emissao) }}</td>
                                                                        @if ($item->status == "Pendente")
                                                                            @if($item->dt_vencimento < \Carbon\Carbon::now()) 
                                                                                <td class="bg-danger d-print-none">
                                                                                    Sim
                                                                                </td>
                                                                            @else
                                                                                <td class="d-print-none">
                                                                                    Não
                                                                                </td>
                                                                            @endif
                                                                        @else
                                                                            <td class="d-print-none"></td>
                                                                        @endif
                                                                        <td class="d-print-none">
                                                                            @if ($item->status == "Pendente")
                                                                                @if(\Carbon\Carbon::parse($item->dt_vencimento)->diffInDays(null, false) < 1)
                                                                                    <i class="fas fa-check-circle text-success"></i>
                                                                                @elseif(\Carbon\Carbon::parse($item->dt_vencimento)->diffInDays(null, false) < 30)
                                                                                    <i class="fas fa-exclamation-circle text-warning"></i>
                                                                                @else
                                                                                    <i class="fas fa-times-circle text-danger"></i>
                                                                                @endif
                                                                                {{ \Carbon\Carbon::parse($item->dt_vencimento)->diffInDays(null, false) }}
                                                                                {{-- @if(\Carbon\Carbon::now()->diffInDays($item->dt_vencimento) < 1) --}}
                                                                                {{-- {{ \Carbon\Carbon::now()->diffInDays($item->dt_vencimento) }} --}}
                                                                            @else
                                                                            @endif
                                                                        </td>
                                                                        @if ($cli->sinistro == "Sim")
                                                                            <td>
                                                                                Sinistrado
                                                                            </td>
                                                                        @else
                                                                            <td @if ($item->status == "Paga") class="bg-success" @elseif ($item->status == "PPago") style="background-color: #ffc000;" @elseif($item->status == "Promessa de PagamentoV") class="bg-danger"  @endif>
                                                                                {{ $item->status }}
                                                                            </td>
                                                                        @endif
                                                                        @if($permissao->exibir_todas_faturas)
                                                                            @if($item->origem == "IM" and isset($item->cliente_im->gestor_user->name))
                                                                                    <td class="">{{ $item->cliente_im->gestor_user->name }}</td>
                                                                            @elseif($item->origem =="TFUEL"  and isset($item->cliente_tfuel->gestor_user->name))
                                                                                    <td class="">{{ $item->cliente_tfuel->gestor_user->name }}</td>
                                                                            @else
                                                                                    <td class=""></td>
                                                                            @endif
                                                                        @endif
                                                                        <td class="d-print-none">
                                                                            @if($item->comprovante_pagamento  and $item->comprovante_pagamento  != "noimage.png" )
                                                                                <div class="row">
                                                                                    <a href="/storage/faturas/{{$item->comprovante_pagamento }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo1"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                                                                </div>
                                                                            @endif 
                                                                            @if($item->comprovante_extra1 or $item->comprovante_extra2 or $item->comprovante_extra3)
                                                                                <div class="row mt-1">
                                                                                    @if ($item->comprovante_extra1)
                                                                                        <a href="/storage/faturas/{{$item->comprovante_extra1 }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo Extra1"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                                                                    @endif

                                                                                    @if ($item->comprovante_extra2)
                                                                                        <a class="px-1" href="/storage/faturas/{{$item->comprovante_extra2 }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo Extra2"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                                                                    @endif

                                                                                    @if ($item->comprovante_extra3)
                                                                                        <a href="/storage/faturas/{{$item->comprovante_extra3 }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo Extra3"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                                                                    @endif
                                                                                </div>
                                                                            @endif
                                                                        </td>
                                                                        <td class="d-print-none">
                                                                            {{  date('d/m/Y', strtotime($item->data_promessa_pagamento))  }}
                                                                        </td>
                                                                        <td class="d-print-none">
                                                                            {{ $item->cheque_transferencia  }}
                                                                        </td>
                                                                        <td class="d-print-none">{{ $item->fase_sinistrado }}</td>
                                                                    </tr>
                                                                @endif
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        @endif
                                    @endforeach
                                @else 
                                    @if(!$cliente->grupo_cliente_id)
                                        <tr id="" class="totalfechado cliente_total_{{ $loop->index }}">
                                            <td   class="d-flex d-print-none" style="text-align: center">
                                                <button type="button" class="mr-1 btn btn-sm btn-primary"  onclick="ativarLinha('{{ $loop->index }}')">
                                                    <i class="fas fa-bars"></i>
                                                </button>
                                                <a href="/relacionamento/{{$cliente->id}}/create"> <button class="mr-1 btn btn-success btn-sm" type="submit"><i class="fas fa-calendar" title="Ações Futuras" aria-hidden="true"></i></button></a>
                                                @if($cliente->email_cliente)
                                                {{-- <form action="{{ route('faturas_enviarextrato', $cliente->id) }}" method="POST">
                                                    @csrf
                                                    <button class="mr-1 btn btn-success btn-sm" type="submit">
                                                        <i class="fas fa-envelope" title="Enviar Extrato Pendentes" aria-hidden="true"></i>
                                                    </button>
                                                </form> --}}
                                                @endif
                                                <button type="button" class="mr-1 btn btn-sm btn-info"  onclick="chamarPlafond('{{ number_format($cliente->tfuel_plafond, 2, ',', '.') }}', '{{ number_format($cliente->total_tfuel, 2, ',', '.') }}', '{{ number_format(($cliente->tfuel_plafond - $cliente->total_tfuel), 2, ',', '.') }}', '{{ number_format($cliente->im_plafond, 2, ',', '.') }}', '{{ number_format($cliente->total_im, 2, ',', '.') }}', '{{ number_format(($cliente->im_plafond - $cliente->total_im), 2, ',', '.') }}')">
                                                    <i class="fas fa-search"></i>
                                                </button>
                                                <a onclick="return confirm('Pretende solicitar o Sinistro na Seguradora de Crédito do cliente {{$cliente->nome_cliente}}?')" href="{{ route('solicitar_sinistro', $cliente->id) }}" > <button class="mr-1 btn btn-success btn-sm" type="submit"><i class="fas fa-pencil-alt" title="Solicitar Sinistro" aria-hidden="true"></i></button></a>
                                            </td>
                                            <td class="text-uppercase">
                                                @if($cliente->nome_cliente=="")
                                                    Cliente Não encontrado
                                                @else 
                                                    {{ $cliente->nome_cliente }}
                                                @endif
                                            </td>
                                            <td>{{ number_format($cliente->total, 2, ',', '.')  }}</td>
                                            <td>
                                                {{ $cliente->vencido }}
                                            </td>
                                            @if($permissao->exibir_todas_faturas)
                                                <td></td>
                                            @endif
                                        </tr>
                                        <tr class="cliente_{{ $loop->index }} collapse multi-collapse">
                                            <td colspan="100%" class="px-0">
                                                <table class="table table-bordered">
                                                    <thead style="display: table-row-group">
                                                        <tr>
                                                            <th style="width: 100px" class ="text-center d-print-none">Ações</th>
                                                            <th>Canal</th>
                                                            <th><div style="width:100px;">Nome Cliente</div></th>
                                                            <th>Fatura</th>
                                                            <th>Valor</th>
                                                            {{-- <th>Mvalor</th> --}}
                                                            <th>Emissão</th>
                                                            <th>Vencimento</th>
                                                            <th class="d-print-none">Idade</th>
                                                            <th class="d-print-none">Vencido</th>
                                                            <th class="d-print-none">Atraso</th>
                                                            <th>Status</th>
                                                            @if($permissao->exibir_todas_faturas)
                                                                <th class="">Gestor</th>
                                                            @endif
                                                            <th class="d-print-none">Comprovativo</th>
                                                            <th class="d-print-none">Promessa de Pagamento</th>
                                                            <th class="d-print-none">Anexo Promessa</th>
                                                            <th class="d-print-none">Fase Sinistrado</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($faturas as $item)
                                                            @if($item->nome == $cliente->nome )
                                                                <tr>
                                                                    <td   class="d-flex d-print-none" style="text-align: center">
                                                                        
                                                                        <button title="Marcar como Pago" class="mr-1 btn btn-success btn-sm" type="button" onclick="chamarModalAlert({{ $cliente->id }}, {{ $item->id }}, '{{ number_format($item->valor_total, 2, ',', '.') }}', '{{ number_format($item->valor_liquidado, 2, ',', '.') }}', '{{ $item->comprovante_pagamento }}', '{{ $item->comprovante_extra1 }}', '{{ $item->comprovante_extra2 }}', '{{ $item->comprovante_extra3 }}')">
                                                                            <i class="fas fa-file-upload"></i>
                                                                        </button>
                                                                        <a  href="/relacionamento/{{ $cliente->id }}/create?tipo_interacao=Promessa de Pagamento" title="Promessa de Pagamento" class="mr-1 btn btn-success btn-sm">
                                                                            <i class="fas fa-calendar-day"></i>
                                                                        </a>
                                                                        
                                                                    
                                    
                                                                        {{-- <form method="POST" onclick="return confirm('Deseja realmente excluir a fatura? Essa ação não poderá ser desfeita')" action="/faturas/{{ $item->id }}">
                                                                            @csrf
                                                                            @method('DELETE')
                                                                            <button class="btn btn-danger btn-sm" type="submit"><i class="fa fa-trash" title="Excluir" aria-hidden="true"></i></button>
                                                                        </form>  --}}
                                                                    </td>
                                                                    <td>{{ $item->canal->nome_canal }}</td>
                                                                    @if($item->origem == "IM" and isset($item->cliente_im->nome))
                                                                            <td>{{ $item->cliente_im->nome }}</td>
                                                                    @elseif($item->origem =="TFUEL"  and isset($item->cliente_tfuel->nome))
                                                                            <td>{{ $item->cliente_tfuel->nome }}</td>
                                                                    @else
                                                                            <td>Cliente Não encontrado</td>
                                                                    @endif
                                                                    <td>{{ $item->num_documento }}</td>
                                                                    <td>{{ number_format($item->valor_total, 2, ',', '.') }}</td>
                                                                    {{--<td>
                                                                        Perguntar o que é mvalor, se é calculado 
                                                                    </td>--}}
                                                                    <td>{{ date('d/m/Y', strtotime($item->dt_emissao)) }}</td>
                                                                    <td>{{ date('d/m/Y', strtotime($item->dt_vencimento)) }}</td>
                                                                    <td class="d-print-none">{{ \Carbon\Carbon::now()->diffInDays($item->dt_emissao) }}</td>
                                                                    @if ($item->status == "Pendente")
                                                                        @if($item->dt_vencimento < \Carbon\Carbon::now()) 
                                                                            <td class="bg-danger d-print-none">
                                                                                Sim
                                                                            </td>
                                                                        @else
                                                                            <td class="d-print-none">
                                                                                Não
                                                                            </td>
                                                                        @endif
                                                                    @else
                                                                        <td class="d-print-none"></td>
                                                                    @endif
                                                                    </td>
                                                                    <td class="d-print-none">
                                                                        @if ($item->status == "Pendente")
                                                                            @if(\Carbon\Carbon::parse($item->dt_vencimento)->diffInDays(null, false) < 1)
                                                                                <i class="fas fa-check-circle text-success"></i>
                                                                            @elseif(\Carbon\Carbon::parse($item->dt_vencimento)->diffInDays(null, false) < 30)
                                                                                <i class="fas fa-exclamation-circle text-warning"></i>
                                                                            @else
                                                                                <i class="fas fa-times-circle text-danger"></i>
                                                                            @endif
                                                                            {{ \Carbon\Carbon::parse($item->dt_vencimento)->diffInDays(null, false) }}
                                                                            {{-- @if(\Carbon\Carbon::now()->diffInDays($item->dt_vencimento) < 1) --}}
                                                                            {{-- {{ \Carbon\Carbon::now()->diffInDays($item->dt_vencimento) }} --}}
                                                                        @else
                                                                        @endif
                                                                    </td>
                                                                    @if ($cliente->sinistro == "Sim")
                                                                        <td>
                                                                            Sinistrado
                                                                        </td>
                                                                    @else
                                                                        <td @if ($item->status == "Paga") class="bg-success"  @elseif ($item->status == "PPago")  style="background-color: #ffc000;" @elseif($item->status == "Promessa de PagamentoV") class="bg-danger" @endif>
                                                                            {{ $item->status }}
                                                                        </td>
                                                                    @endif
                                                                    @if($permissao->exibir_todas_faturas)
                                                                        @if($item->origem == "IM" and isset($item->cliente_im->gestor_user->name))
                                                                                <td>{{ $item->cliente_im->gestor_user->name }}</td>
                                                                        @elseif($item->origem =="TFUEL"  and isset($item->cliente_tfuel->gestor_user->name))
                                                                                <td>{{ $item->cliente_tfuel->gestor_user->name }}</td>
                                                                        @else
                                                                                <td></td>
                                                                        @endif
                                                                    @endif

                                                                    <td class="d-print-none">
                                                                        @if($item->comprovante_pagamento  and $item->comprovante_pagamento  != "noimage.png" )
                                                                            <div class="row">
                                                                                <a href="/storage/faturas/{{$item->comprovante_pagamento }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo1"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                                                            </div>
                                                                        @endif 
                                                                        @if($item->comprovante_extra1 or $item->comprovante_extra2 or $item->comprovante_extra3)
                                                                            <div class="row mt-1">
                                                                                @if ($item->comprovante_extra1)
                                                                                    <a href="/storage/faturas/{{$item->comprovante_extra1 }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo Extra1"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                                                                @endif

                                                                                @if ($item->comprovante_extra2)
                                                                                    <a class="px-1" href="/storage/faturas/{{$item->comprovante_extra2 }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo Extra2"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                                                                @endif

                                                                                @if ($item->comprovante_extra3)
                                                                                    <a href="/storage/faturas/{{$item->comprovante_extra3 }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo Extra3"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                                                                @endif
                                                                            </div>
                                                                        @endif
                                                                    </td>
                                                                    <td class="d-print-none">
                                                                        @if($item->data_promessa_pagamento)
                                                                            {{ date('d/m/Y', strtotime($item->data_promessa_pagamento))  }}
                                                                        @endif
                                                                    </td>
                                                                    <td class="d-print-none">
                                                                        {{ $item->cheque_transferencia  }}
                                                                    </td>
                                                                    <td class="d-print-none">{{ $item->fase_sinistrado }}</td>
                                                                    
                                                                </tr>
                                                            @endif
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    @endif
                                @endif

                            @endforeach
                        </tbody>
                    </table>
                    <div class="row">
                        {{-- <div class="mx-auto mt-2">
                            {{ $grupo->onEachSide(5)->links() }}
                        </div> --}}
                    </div>
                </div>


                
            </div>

            <div class="mx-auto">
                {{ $clientes_faturas_query->onEachSide(5)->links() }}
            </div>
        </div>
    </div>

    <!-- Modal 1 Anexar Comprovante Pagamento-->
        <div class="modal fade" id="modalMarcarPago" tabindex="-1" role="dialog" aria-labelledby="modalMarcarPago" aria-hidden= "true" >
            <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Anexar Comprovativo</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="border py-3 ml-3 mr-3 mb-3 bg-light ">

                            <form id="formAnexarComprovante" method="POST" action="{{ route('faturas_anexar_comprovante') }}" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" id="cliente_id" name="cliente_id">
                                <input type="hidden" id="fatura_id" name="fatura_id">

                                <div class="form-group row mb-0 pl-3 pr-3">
                                
                                    <div class="col-md-3">
                                        <label for="data_interacao" class="col-form-label" style="text-align: center">Data Interação</label>
                                        <span class="form-control-plaintext">{{ \Carbon\Carbon::now()->format('d/m/Y') }}</span>
                                    </div>
        
                                    <div class="col-md-3">
                                        <label for="tipo_interacao" class="col-form-label" style="text-align: center">Tipo de Interação</label>
                                        <span class="form-control-plaintext">Pagamento</span>
                                    </div>

                                    <div class="col-md-3">
                                        <label for="span_valor_liquidado" class="col-form-label" style="text-align: center">Valor Liquidado Atual</label>
                                        <span id="span_valor_liquidado" class="form-control-plaintext"></span>
                                    </div>

                                    <div class="col-md-3">
                                        <label for="span_valor_total" class="col-form-label" style="text-align: center">Valor Total</label>
                                        <span id="span_valor_total" class="form-control-plaintext"></span>
                                    </div>


                                </div>


                                <div class="form-group row mb-0 pl-3 pr-3">
                                    <div class="col-md-3">
                                        <label for="forma_pagamento" class="col-form-label" style="text-align: center">Forma de Pagamento</label>
                                        <select class="form-control" name="forma_pagamento" id="forma_pagamento" required>
                                            <option value=""></option>
                                            @foreach ($formas_pagamentos as  $forma)
                                                <option value="{{ $forma->id }}">{{ $forma->nome_forma_pagamento }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-3 d-flex align-items-end">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="1" id="liquida_total" name="liquida_total">
                                            <label for="liquida_total" class="form-check-label" style="text-align: center">Comprovativo liquida valor total?</label>
                                        </div>
                                    </div>
                                    <script>
                                        $(document).ready(function(){
                                            $("#liquida_total").change(function(){
                                            if($(this).prop('checked')){
                                                $("#div_valor_liquidado").addClass('d-none');
                                                $("#valor_liquidado").attr('disabled', true);
                                            } else {
                                                $("#div_valor_liquidado").removeClass('d-none');
                                                $("#valor_liquidado").attr('disabled', false);
                                            }
                                            });
                                        });
                                    </script>
                                    <div class="col-md-3" id="div_valor_liquidado">
                                        <label for="valor_liquidado" class="col-form-label" style="text-align: center">Valor Liquidado</label>
                                        <input type="number" class="form-control" id="valor_liquidado" name="valor_liquidado" required step="0.01">
                                    </div>
                                </div>


                                <div class="form-group row mb-0 pl-3 pr-3 mt-4">
    
                                    <div class="col-md-3" id="anexos">
                                        <label for="fileanexo" id="label_cnh" class="col-form-label ">Comprovativo</label>
                                        <a class="d-none" target="_blank" id="comprovante_anexado" href="#"> <button class="  btn btn-primary btn-sm" type="button" title="Anexo1"><i class="fa fa-file" aria-hidden="true"></i></button></a>
                                        <br>
                                        <input id="fileanexo" type="file" name="image1[]" class="form-control-file">
                                        <div class="progress mb-2 mt-2 position-relative">
                                            
                                            <div class="progress-bar" id="progress-bar1"></div>
                                            <div class="percent py-2" id="percent1" style="position:absolute; display:inline; left:48%; color: #000000;">0%</div>
                                        </div>
                                        <input type="hidden" name="controle_anexo" id="controle_anexo" value="0">
                                        <button type="button" id="carregar" class="btn btn-primary pull-right">CARREGAR</button>
                                        <button type="button" id="limpar_anexo" class="btn btn-primary d-none pull-right">LIMPAR</button>
                                    </div>


                                    <div class="col-md-3" id="anexos_extra_1">
                                        <label for="fileanexo_extra1" id="label_extra1" class="col-form-label ">2º Comprovativo</label>
                                        <a class="d-none" target="_blank" id="extra1_anexado" href="#"> <button class="  btn btn-primary btn-sm" type="button" title="Anexo1"><i class="fa fa-file" aria-hidden="true"></i></button></a>
                                        <br>
                                        <input id="fileanexo_extra1" type="file" name="extra1[]" class="form-control-file">
                                        <div class="progress mb-2 mt-2 position-relative">
                                            
                                            <div class="progress-bar" id="progress-bar-extra1"></div>
                                            <div class="percent py-2" id="percent-extra1" style="position:absolute; display:inline; left:48%; color: #000000;">0%</div>
                                        </div>
                                        <input type="hidden" name="controle_anexo_extra1" id="controle_anexo_extra1" value="0">
                                        <button type="button" id="carregar_extra1" class="btn btn-primary pull-right">CARREGAR</button>
                                        <button type="button" id="limpar_anexo_extra1" class="btn btn-primary d-none pull-right">LIMPAR</button>
                                    </div>

                                    <div class="col-md-3" id="anexos_extra_2">
                                        <label for="fileanexo_extra2" id="label_extra2" class="col-form-label ">3º Comprovativo</label>
                                        <a class="d-none" target="_blank" id="extra2_anexado" href="#"> <button class="  btn btn-primary btn-sm" type="button" title="Anexo1"><i class="fa fa-file" aria-hidden="true"></i></button></a>
                                        <br>
                                        <input id="fileanexo_extra2" type="file" name="extra2[]" class="form-control-file">
                                        <div class="progress mb-2 mt-2 position-relative">
                                            
                                            <div class="progress-bar" id="progress-bar-extra2"></div>
                                            <div class="percent py-2" id="percent-extra2" style="position:absolute; display:inline; left:48%; color: #000000;">0%</div>
                                        </div>
                                        <input type="hidden" name="controle_anexo_extra2" id="controle_anexo_extra2" value="0">
                                        <button type="button" id="carregar_extra2" class="btn btn-primary pull-right">CARREGAR</button>
                                        <button type="button" id="limpar_anexo_extra2" class="btn btn-primary d-none pull-right">LIMPAR</button>
                                    </div>

                                    <div class="col-md-3" id="anexos_extra_3">
                                        <label for="fileanexo_extra3" id="label_extra3" class="col-form-label ">4º Comprovativo</label>
                                        <a class="d-none" target="_blank" id="extra3_anexado" href="#"> <button class="  btn btn-primary btn-sm" type="button" title="Anexo1"><i class="fa fa-file" aria-hidden="true"></i></button></a>
                                        <br>
                                        <input id="fileanexo_extra3" type="file" name="extra3[]" class="form-control-file">
                                        <div class="progress mb-2 mt-2 position-relative">
                                            
                                            <div class="progress-bar" id="progress-bar-extra3"></div>
                                            <div class="percent py-2" id="percent-extra3" style="position:absolute; display:inline; left:48%; color: #000000;">0%</div>
                                        </div>
                                        <input type="hidden" name="controle_anexo_extra3" id="controle_anexo_extra3" value="0">
                                        <button type="button" id="carregar_extra3" class="btn btn-primary pull-right">CARREGAR</button>
                                        <button type="button" id="limpar_anexo_extra3" class="btn btn-primary d-none pull-right">LIMPAR</button>
                                    </div>

                                    
                                </div>
    
                                <div class="form-group row mb-0 pl-3 pr-3">
    
                                    <div class="col-md-12">
                                        <label for="descricao_interacao" class="col-form-label" style="text-align: center">Descrição da Interação</label>
                                        <textarea class="form-control" id="descricao_interacao" name="descricao_interacao" rows="3" value=""></textarea>
                                                                    
                                    </div>
                
                                </div>

                                <div class="row pt-2 pb-3">
                                    <button onclick="return func_verifica_anexos()" class="btn btn-primary rounded mx-auto d-block">Cadastrar</button>
                                </div>
                            </form>

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
                        <!--<button type="button" class="btn btn-primary">Save changes</button> -->
                    </div>
                </div>
            </div>
        </div>
    {{-- fim modal --}}

    <!-- Modal ALERT -->
    <div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="alertModalLabel">Aviso</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            </div>
            <div class="modal-body">
                Comprovativo para apenas esta fatura ou mais faturas?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="chamarModalAnexo()">Esta fatura</button>
                <a id="modalAlertRelacionamento" href="#" class="btn btn-secondary">
                    Mais faturas
                </a>
            </div>
        </div>
        </div>
    </div>

    <!-- Modal PLAFOND -->
    <div class="modal fade" id="plafondModal" tabindex="-1" role="dialog" aria-labelledby="plafondModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="plafondModalLabel">Plafond</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            </div>
            <div class="modal-body">
                <table class="table table-sm table-bordered table-hover mb-0">
                    <thead>
                        <tr class="text-center table-primary">
                            <th>Plafonds</th>
                            <th>Plafond Aprovado</th>
                            <th>Total Faturado</th>
                            <th>Plafond Disponível</th>
                        </tr>
                    </thead>
                    <tbody>
                                                                                    
                        <tr class="text-center">
                            <td>TFuel</td>
                            <td id="plafond_tfuel_aprovado"></td>
                            <td id="plafond_tfuel_total"></td>
                            <td id="plafond_tfuel_disponivel"></td>
                        </tr>
                                                                                                                
                        <tr class="text-center">
                            <td>IM</td>
                            <td id="plafond_im_aprovado"></td>
                            <td id="plafond_im_total"></td>
                            <td id="plafond_im_disponivel"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
            </div>
        </div>
        </div>
    </div>



    

    <!-- DataTables  & Plugins -->
    <script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/jszip/jszip.min.js') }}></script>
    <script src={{ asset('/plugins/pdfmake/pdfmake.min.js') }}></script>
    <script src={{ asset('/plugins/pdfmake/vfs_fonts.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.html5.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.print.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.colVis.min.js') }}></script>


    <script>

        function validate(formData, jqForm, options) {
            var form = jqForm[0];
            var $fileUpload = $("#fileanexo");
            if (parseInt($fileUpload.get(0).files.length)>3){
                alert("Você só pode anexar até 3 arquivos");
                return false;
            }
            if (parseInt($fileUpload.get(0).files.length)<=0){
                alert("Nenhum arquivo anexado");
                return false;
            }
        }
    
    

        $(document).ready(function(){
            $('#carregar').click(function(e){

                e.preventDefault();
    
                var bar = $('#progress-bar1');
                var percent = $('#percent1');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                formData = new FormData(document.getElementById('formAnexarComprovante'));
                // var formData = new formData{
                //     _token: '{{ csrf_token() }}',
                //     cliente_id: $('#cliente_id').val(),
                //     fatura_id: $('#fatura_id').val(),
                //     descricao_interacao: $('#descricao_interacao').val(),
                // };
    
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
    
    
                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here

                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('faturas_carregaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    beforeSend: function() {
                        validate;
                        status.empty();
                        var percentVal = '0%';
    
                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    success: function(result) {
                        var percentVal = 'Concluído';
                        bar.width(percentVal)
                        percent.html(percentVal);
                        // $('#formb').append('<input type="text" name="document[]" value="' + JSON.stringify(result) + '">')
                        for(var i = 1; i < result.index + 1; i++){
                            $('#formAnexarComprovante').append('<input id="document'+ i + '" type="hidden" name="document'+ i + '" value="' + result.nome_imagens[i] + '">');
                        }
                        $('#controle_anexo').val(1);
                        $('#limpar_anexo').removeClass('d-none');
                        $('#carregar').addClass('d-none');
                        $('#fileanexo').addClass('d-none');
                        $('#fileanexo').val(null);

                        // if(result.index > 0){

                        // } else {
                        //     alert('Erro ao carregar arquivo. O tamanho não pode ultrapassar 2mb.');

                        //     $('#fileanexo').val(null);
                        //     $('#percent1').html('0%');
                        //     $('#controle_anexo').val(0);
                        //     bar.width(0)
                        //     percent.html(0);

                        //     bar.width(percentVal)
                        //     percent.html(percentVal);
                        // }
                        
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });
    
            });

            $('#limpar_anexo').click(function(e){
                e.preventDefault();

                var bar = $('#progress-bar1');
                var percent = $('#percent1');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                formData = new FormData(document.getElementById('formAnexarComprovante'));
                // var formData = new formData{
                //     _token: '{{ csrf_token() }}',
                //     cliente_id: $('#cliente_id').val(),
                //     fatura_id: $('#fatura_id').val(),
                //     descricao_interacao: $('#descricao_interacao').val(),
                // };
    
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });

                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here

                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('faturas_apagaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    success: function(result) {

                        $("#document1").remove();
                        $('#limpar_anexo').addClass('d-none');
                        $('#carregar').removeClass('d-none');
                        $('#fileanexo').removeClass('d-none');
                        $('#fileanexo').val(null);
                        $('#percent1').html('0%');
                        $('#controle_anexo').val(0);
                        bar.width(0)
                        percent.html(0);

                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });

            });
        })


        // extra 1
        function validate_extra1(formData, jqForm, options) {
            var form = jqForm[0];
            var $fileUpload = $("#fileanexo_extra1");
            if (parseInt($fileUpload.get(0).files.length)>3){
                alert("Você só pode anexar até 3 arquivos");
                return false;
            }
            if (parseInt($fileUpload.get(0).files.length)<=0){
                alert("Nenhum arquivo anexado");
                return false;
            }
        }
    
    

        $(document).ready(function(){
            $('#carregar_extra1').click(function(e){

                e.preventDefault();
    
                var bar = $('#progress-bar-extra1');
                var percent = $('#percent-extra1');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                formData = new FormData(document.getElementById('formAnexarComprovante'));
    
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
    
    
                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here

                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('faturas_carregaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    beforeSend: function() {
                        validate_extra1;
                        status.empty();
                        var percentVal = '0%';
    
                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    success: function(result) {
                        var percentVal = 'Concluído';
                        bar.width(percentVal)
                        percent.html(percentVal);
                        $('#formAnexarComprovante').append('<input id="documentextra1" type="hidden" name="documentextra1" value="' + result.nome_imagens[result.index] + '">');
                        $('#controle_anexo_extra1').val(1);
                        $('#limpar_anexo_extra1').removeClass('d-none');
                        $('#carregar_extra1').addClass('d-none');
                        $('#fileanexo_extra1').addClass('d-none');
                        $('#fileanexo_extra1').val(null);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });
    
            });

            $('#limpar_anexo_extra1').click(function(e){
                e.preventDefault();

                var bar = $('#progress-bar-extra1');
                var percent = $('#percent-extra1');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                formData = new FormData(document.getElementById('formAnexarComprovante'));

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });

                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here

                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('faturas_apagaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    success: function(result) {

                        $("#documentextra1").remove();
                        $('#limpar_anexo_extra1').addClass('d-none');
                        $('#carregar_extra1').removeClass('d-none');
                        $('#fileanexo_extra1').removeClass('d-none');
                        $('#fileanexo_extra1').val(null);
                        $('#percent-extra1').html('0%');
                        $('#controle_anexo_extra1').val(0);
                        bar.width(0)
                        percent.html(0);

                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });

            });
        })



        // extra2
        function validate_extra2(formData, jqForm, options) {
            var form = jqForm[0];
            var $fileUpload = $("#fileanexo_extra2");
            if (parseInt($fileUpload.get(0).files.length)>3){
                alert("Você só pode anexar até 3 arquivos");
                return false;
            }
            if (parseInt($fileUpload.get(0).files.length)<=0){
                alert("Nenhum arquivo anexado");
                return false;
            }
        }
    
    

        $(document).ready(function(){
            $('#carregar_extra2').click(function(e){

                e.preventDefault();
    
                var bar = $('#progress-bar-extra2');
                var percent = $('#percent-extra2');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                formData = new FormData(document.getElementById('formAnexarComprovante'));
    
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
    
    
                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here

                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('faturas_carregaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    beforeSend: function() {
                        validate_extra2;
                        status.empty();
                        var percentVal = '0%';
    
                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    success: function(result) {
                        var percentVal = 'Concluído';
                        bar.width(percentVal)
                        percent.html(percentVal);
                        $('#formAnexarComprovante').append('<input id="documentextra2" type="hidden" name="documentextra2" value="' + result.nome_imagens[result.index] + '">');
                        $('#controle_anexo_extra2').val(1);
                        $('#limpar_anexo_extra2').removeClass('d-none');
                        $('#carregar_extra2').addClass('d-none');
                        $('#fileanexo_extra2').addClass('d-none');
                        $('#fileanexo_extra2').val(null);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });
    
            });

            $('#limpar_anexo_extra2').click(function(e){
                e.preventDefault();

                var bar = $('#progress-bar-extra2');
                var percent = $('#percent-extra2');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                formData = new FormData(document.getElementById('formAnexarComprovante'));

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });

                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here

                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('faturas_apagaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    success: function(result) {

                        $("#documentextra2").remove();
                        $('#limpar_anexo_extra2').addClass('d-none');
                        $('#carregar_extra2').removeClass('d-none');
                        $('#fileanexo_extra2').removeClass('d-none');
                        $('#fileanexo_extra2').val(null);
                        $('#percent-extra2').html('0%');
                        $('#controle_anexo_extra2').val(0);
                        bar.width(0)
                        percent.html(0);

                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });

            });
        })

        // extra 3

        function validate_extra3(formData, jqForm, options) {
            var form = jqForm[0];
            var $fileUpload = $("#fileanexo_extra3");
            if (parseInt($fileUpload.get(0).files.length)>3){
                alert("Você só pode anexar até 3 arquivos");
                return false;
            }
            if (parseInt($fileUpload.get(0).files.length)<=0){
                alert("Nenhum arquivo anexado");
                return false;
            }
        }
    
    

        $(document).ready(function(){
            $('#carregar_extra3').click(function(e){

                e.preventDefault();
    
                var bar = $('#progress-bar-extra3');
                var percent = $('#percent-extra3');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                formData = new FormData(document.getElementById('formAnexarComprovante'));
    
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
    
    
                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here

                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('faturas_carregaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    beforeSend: function() {
                        validate_extra3;
                        status.empty();
                        var percentVal = '0%';
    
                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    success: function(result) {
                        var percentVal = 'Concluído';
                        bar.width(percentVal)
                        percent.html(percentVal);
                        $('#formAnexarComprovante').append('<input id="documentextra3" type="hidden" name="documentextra3" value="' + result.nome_imagens[result.index] + '">');
                        $('#controle_anexo_extra3').val(1);
                        $('#limpar_anexo_extra3').removeClass('d-none');
                        $('#carregar_extra3').addClass('d-none');
                        $('#fileanexo_extra3').addClass('d-none');
                        $('#fileanexo_extra3').val(null);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });
    
            });

            $('#limpar_anexo_extra3').click(function(e){
                e.preventDefault();

                var bar = $('#progress-bar-extra3');
                var percent = $('#percent-extra3');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                formData = new FormData(document.getElementById('formAnexarComprovante'));

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });

                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here

                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('faturas_apagaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    success: function(result) {

                        $("#documentextra3").remove();
                        $('#limpar_anexo_extra3').addClass('d-none');
                        $('#carregar_extra3').removeClass('d-none');
                        $('#fileanexo_extra3').removeClass('d-none');
                        $('#fileanexo_extra3').val(null);
                        $('#percent-extra3').html('0%');
                        $('#controle_anexo_extra3').val(0);
                        bar.width(0)
                        percent.html(0);

                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });

            });
        })

    
    </script>




    <script>

        function func_verifica_anexos( ){
            var controle_anexo = $('#controle_anexo')
            if (controle_anexo.val()!=1)  {
                alert('O Comprovativo é obrigatório' );
                return false;
            }
        }

        function ativarLinha(cod, grupo = false, subcod = false){
            if(grupo){
                var $linha = $('.cliente_total_' + cod + '_' + subcod);

            } else {
                var $linha = $('.cliente_total_' + cod);
            }
            var bg = null;


            if($linha.hasClass('totalfechado')){
                $linha.addClass('text-bold bg-secondary totalaberto').removeClass('totalfechado');
                if(grupo){
                    $linha.removeClass('bg-gray');
                    $('.cliente_' + cod + '_' + subcod).addClass('show');
                }else {
                    $('.cliente_' + cod).addClass('show');
                }
            } else {
                $linha.removeClass('text-bold bg-secondary totalaberto').addClass('totalfechado');
                if(grupo){
                    $linha.addClass('bg-gray');
                    $('.cliente_' + cod + '_' + subcod).removeClass('show');
                } else {
                    $('.cliente_' + cod).removeClass('show');

                }
            }

        }

        function ativarLinhaGrupo(cod){
            var target = $('#cliente_total_' + cod);
            var $linha = $('#grupo_cliente_' + cod);

            var clientes = $('[class^="cliente_' + cod + '"]').each(function(index){
                if($linha.hasClass('totalaberto')){
                    $(this).removeClass('show');
                }
            });

            var clientesTotal = $('[class^="grupo_total_' + cod + '"]').each(function(index){
                if($(this).hasClass('totalaberto')){
                    $(this).removeClass('text-bold bg-secondary totalaberto').addClass('totalfechado bg-gray');
                }
            })

            if($linha.hasClass('totalfechado')){
                $linha.addClass('text-bold bg-gray-dark totalaberto').removeClass('totalfechado bg-gray-light');
                var clientesTotal = $('.grupo_total_' + cod).each(function(index){
                    $(this).addClass('show');
                })
            } else {
                $linha.removeClass('text-bold bg-gray-dark totalaberto').addClass('totalfechado bg-gray-light');
                var clientesTotal = $('.grupo_total_' + cod).each(function(index){
                    $(this).removeClass('show');
                })
            }
        }

       $('.tabelashow').DataTable( {
        
          "paging": true,
          "lengthChange": false,
          "searching": false,
          "ordering": true,
          "info": true,
          "autoWidth": false,
          "responsive": false,
          "order": [[2, "asc"]],
          "buttons": [ "csv", "excel", "pdf", {"extend":"print","text":"Imprimir"}, {"extend":"colvis","text":"Colunas"}],
          "lengthMenu": [[8, 10, 20, 25, 50, -1], [8, 10, 20, 25, 50, "All"]],
          "pageLength": 5,
                    "bJQueryUI": true,
                    "oLanguage": {
                        "sProcessing":   "Processando...",
                        "sLengthMenu":   "Registros _MENU_ ",
                        "sZeroRecords":  "Não foram encontrados resultados",
                        "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                        "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                        "sInfoFiltered": "",
                        "sInfoPostFix":  "",
                        "sSearch":       "Buscar:",
                        "sUrl":          "",
                        "oPaginate": {
                            "sFirst":    "Primeiro",
                            "sPrevious": "Anterior",
                            "sNext":     "Seguinte",
                            "sLast":     "Último"
                        }
                    }
    
        } ).buttons().container().appendTo('#tabelashow_wrapper .col-md-6:eq(0)');
    
    </script>



    <script src={{ asset('/plugins/jquery/jquery.min.js') }}></script>
    <script src={{ asset('/plugins/bootstrap/js/bootstrap.bundle.min.js') }}></script>
 
  
    <script>
        function chamarModalAlert(cliente_id, fatura_id, valor_total, valor_liquidado, comprovante, extra1, extra2, extra3){
            $('#cliente_id').val(cliente_id);
            $('#fatura_id').val(fatura_id);
            
            $('#span_valor_total').html(valor_total);
            $('#span_valor_liquidado').html(valor_liquidado);
            
            $('#comprovante_anexado').attr('href', '#');

            if(comprovante != ''){
                $('#comprovante_anexado').attr('href', '/storage/faturas/' + comprovante);
                $('#comprovante_anexado').removeClass('d-none');

                $('#formAnexarComprovante').append('<input id="document1" type="hidden" name="document1" value="' + comprovante + '">');
            } else {
                $('#comprovante_anexado').addClass('d-none');
            }

            if(parseFloat(valor_liquidado) > 0 && parseFloat(valor_liquidado) < parseFloat(valor_total)){
                $('#anexos_extra_1').removeClass('d-none');
                $('#anexos_extra_2').removeClass('d-none');
                $('#anexos_extra_3').removeClass('d-none');
                if(extra1 != ''){
                    $('#extra1_anexado').attr('href', '/storage/faturas/' + extra1);
                    $('#extra1_anexado').removeClass('d-none');

                    $('#formAnexarComprovante').append('<input id="documentextra1" type="hidden" name="documentextra1" value="' + extra1 + '">');
                } else {
                    $('#extra1_anexado').addClass('d-none');
                }
    
                if(extra2 != ''){
                    $('#extra2_anexado').attr('href', '/storage/faturas/' + extra2);
                    $('#extra2_anexado').removeClass('d-none');

                    $('#formAnexarComprovante').append('<input id="documentextra1" type="hidden" name="documentextra1" value="' + extra2 + '">');
                } else {
                    $('#extra2_anexado').addClass('d-none');
                }
    
                if(extra3 != ''){
                    $('#extra3_anexado').attr('href', '/storage/faturas/' + extra3);
                    $('#extra3_anexado').removeClass('d-none');

                    $('#formAnexarComprovante').append('<input id="documentextra1" type="hidden" name="documentextra1" value="' + extra3 + '">');
                } else {
                    $('#extra3_anexado').addClass('d-none');
                }

            } else {
                $('#anexos_extra_1').addClass('d-none');
                $('#anexos_extra_2').addClass('d-none');
                $('#anexos_extra_3').addClass('d-none');
            }
            

            $('#modalAlertRelacionamento').attr('href', '/relacionamento/' + cliente_id + '/create?tipo_interacao=Pagamento');
            $('#alertModal').modal('show');
        }

        function chamarModalAnexo(){
            $('#alertModal').modal('hide');
            $('#modalMarcarPago').modal('show');
        }

        function chamarPlafond(tfuel_plafond, tfuel_total, tfuel_disponivel, im_plafond, im_total, im_disponivel){
            var nf = Intl.NumberFormat();
            $('#plafond_tfuel_aprovado').html(tfuel_plafond);
            $('#plafond_tfuel_total').html(tfuel_total);
            $('#plafond_tfuel_disponivel').html(tfuel_disponivel);
            $('#plafond_im_aprovado').html(im_plafond);
            $('#plafond_im_total').html(im_total)
            $('#plafond_im_disponivel').html(im_disponivel);
            $('#plafondModal').modal('show');
        }
        
        $(document).ready(function(){
            $('#modalMarcarPago').on('hide.bs.modal', function(e){
                $('#descricao_interacao').val("");
                $('#fileanexo').val("");

                $('#controle_anexo').val(0);

                $('#limpar_anexo').addClass('d-none');
                $('#carregar').removeClass('d-none');
                $('#fileanexo').removeClass('d-none');
                $('#fileanexo').val(null);

                $("#document1").remove();
                $("#documentextra1").remove();
                $("#documentextra2").remove();
                $("#documentextra3").remove();


                $('#limpar_anexo').addClass('d-none');
                $('#carregar').removeClass('d-none');
                $('#fileanexo').removeClass('d-none');
                $('#fileanexo').val(null);
                $('#percent1').html('0%');
                $('#controle_anexo').val(0);
                $('#progress-bar1').width(0);
                $('#percent1').html(0);

                $('#limpar_anexo_extra1').addClass('d-none');
                $('#carregar_extra1').removeClass('d-none');
                $('#fileanexo_extra1').removeClass('d-none');
                $('#fileanexo_extra1').val(null);
                $('#percent-extra1').html('0%');
                $('#controle_anexo_extra1').val(0);
                $('#progress-bar-extra1').width(0);
                $('#percent-extra1').html(0);

                $('#limpar_anexo_extra2').addClass('d-none');
                $('#carregar_extra2').removeClass('d-none');
                $('#fileanexo_extra2').removeClass('d-none');
                $('#fileanexo_extra2').val(null);
                $('#percent-extra2').html('0%');
                $('#controle_anexo_extra2').val(0);
                $('#progress-bar-extra2').width(0);
                $('#percent-extra2').html(0);

                $('#limpar_anexo_extra3').addClass('d-none');
                $('#carregar_extra3').removeClass('d-none');
                $('#fileanexo_extra3').removeClass('d-none');
                $('#fileanexo_extra3').val(null);
                $('#percent-extra3').html('0%');
                $('#controle_anexo_extra3').val(0);
                $('#progress-bar-extra3').width(0);
                $('#percent-extra3').html(0);


            });
        });

        $( "#btn_recolher_todos" ).click(function() {
             $( "#form_filtrar" ).submit();
        });
    </script>


@endsection