@extends('layouts.default')
@section('title', 'Valores Viagens do Mês')

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3>Valores Viagens do Mês {{ str_pad($mes , 2 , '0' , STR_PAD_LEFT).'/'.$ano}}</h3>
            <div>
                <button type="button" class="btn btn-info m-2" onclick="enviarCobrancasEmail()">
                    <i class="fas fa-envelope"></i> Enviar Cobranças por E-mail
                </button>
            </div>
        </div>
        <div class="card-body">
            @if($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            {!! Form::open(['route'=>'viagem_juletur']) !!}
            <div class='form-row'>
                <div class="form-group col-md-2">
                    {!! Form::label('mes', 'Mês:') !!}
                    {!! Form::select('mes', [
                        '1' => 'Janeiro',
                        '2' => 'Fevereiro',
                        '3' => 'Março',
                        '4' => 'Abril',
                        '5' => 'Maio',
                        '6' => 'Junho',
                        '7' => 'Julho',
                        '8' => 'Agosto',
                        '9' => 'Setembro',
                        '10' => 'Outubro',
                        '11' => 'Novembro',
                        '12' => 'Dezembro',
                ], $mes, ['class'=>'form-control', 'required']) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! Form::label('ano', 'Ano:') !!}
                    {!! Form::number('ano', $ano, ['min'=>'2021', 'max'=>'2190', 'class'=>'form-control']) !!}
                </div>
                <div class="form-group col-md-1" style='display: flex; align-items: flex-end;'>
                    {!! Form::submit('Buscar', ['class'=>'btn btn-primary']) !!}
                </div>
            </div>
            {!! Form::close() !!}
            @if(!$jaForamSalvasAsViagensParaEsseMes)
                <div class="row">
                    <div class="form-group col-md-12" style='display: flex; align-items: flex-end; justify-content: flex-end'>
                        {!! Form::button('Salvar estado atual das cobranças', ['onclick' => "SalvarEstadoCobrancasAtual()", 'class'=>'btn btn-primary']) !!}
                    </div>
                </div>
            @endif
            <div class='table-responsive'>
                <table class='table table-striped table-bordered table-hover table-sm'>
                    <thead>
                    <tr>
                        <th>Nome</th>
                        <th>CPF</th>
                        <th>Nasc.</th>
                        <th>Telefone</th>
                        <th>Valor Devido</th>
                        <th>Saldo em Crédito</th>
                        <th width="250px">Ações</th>
                    </tr>
                    </thead>
                    <tbody>
                        @php
                            $valorTotal = 0;
                        @endphp
                        @foreach($dataReturn as $associado)
                            @php
                                if (isset($associado['valorFinal']) && $associado['valorFinal'] > 0)
                                    $valorTotal += floatval($associado['valorFinal'])
                            @endphp
                            <tr>
                                <td>{{ $associado['nome'] ?? '' }}</td>
                                <td>{{ $associado['cpf'] ?? '' }}</td>
                                <td>{{ \Carbon\Carbon::parse($associado['dataNascimento'] ?? '')->format('d/m/Y')  }}</td>
                                <td>{{ $associado['celular'] ?? '' }}</td>
                                <td align="right" data-name="valorDevido-{{ $associado['associado_id'] }}">{{ $associado['valorFinal'] ?? '0' }}</td>
                                <td align="right" data-name="valorCredito-{{ $associado['associado_id'] }}">{{ $associado['credito'] ?? '0' }}</td>
                                <td>
                                    <div class="row text-center">
                                        <div class="col-md-12 mb-2">
                                            <a style="width: 100%; padding: 5px" class='btn-default btn btn-xs' href="{{ route('viagem_juletur.detalhamento', ['id'=>\Crypt::encrypt($associado['associado_id']), 'mes'=>$mes, 'ano'=>$ano]) }}" title='Detalhar Cobrança'>
                                                <i class="fas fa-search-dollar"></i> Detalhar Viagens
                                            </a>
                                        </div>
                                        <div class="col-md-12">
                                            @if( ($associado['credito'] ?? 0) > 0 && ($associado['valorFinal'] ?? '0') > 0)
                                                <div class="input-group input-group-sm">
                                                    <input step="0.01" type="number" class="form-control valorDescontar-{{ $associado['associado_id'] }}" value="{{ min(($associado['valorFinal'] ?? 0), ($associado['credito'] ?? 0)) }}">
                                                    <span class="input-group-append">
                                                        <button type="button" class="btn btn-primary btn-flat btnDescontarSaldo-{{ $associado['associado_id'] }}" onclick="aplicarDesconto('{{ $associado['associado_id'] }}', '{{ $mes }}', '{{ $ano }}')">Descontar saldo positivo</button>
                                                    </span>
                                                </div>
                                            @endif
                                        </div>
                                        <div class="col-md-12">
                                            <button
                                                style="width: 100%; padding: 5px"
                                                class='btn-{{ $associado['cobrancaEnviada'] ? "secondary" : "success" }} btn btn-xs'
                                                onclick="enviarCobrancaWhatsApp('{{ $associado['nome'] }}', '{{ $associado['celular'] }}', '{{ $associado['valorFinal'] }}', '{{ $associado['associado_id'] }}')"
                                                {{ $associado['cobrancaEnviada'] ? 'disabled' : '' }}
                                                id="btn-cobranca-{{ $associado['associado_id'] }}"
                                            >
                                                <i class="fab fa-whatsapp"></i>
                                                <span id="btn-texto-{{ $associado['associado_id'] }}">
                                                    {{ $associado['cobrancaEnviada'] ? 'Cobrança já enviada' : 'Enviar Cobrança' }}
                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                    <tr style="background: #ccc; color: #000; font-weight: bold; font-size: 20px">
                        <th colspan="4">TOTAL</th>
                        <th>R$ {{number_format($valorTotal, 2)}}</th>
                        <th colspan="2"></th>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
    <script>
        function SalvarEstadoCobrancasAtual() {
            const mes = "{{ $mes }}"
            const ano = "{{ $ano }}"

            const dataAtual = new Date();
            const mesAtual = dataAtual.getMonth() + 1;
            const anoAtual = dataAtual.getFullYear();

            if (ano > anoAtual || (ano == anoAtual && mes >= mesAtual)) {
                swal.fire(
                    'Erro!',
                    'Você só pode salvar as cobranças de meses passados',
                    'error'
                );
                return
            }

            $.ajax({
                url: '{{ route("viagem_juletur.salvarValorViagens") }}',
                type: 'POST',
                data: {
                    mes: mes,
                    ano: ano,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    toastr.success(response.message, 'Sucesso!')
                },
                error: function(xhr, status, error) {
                    toastr.error(xhr.responseJSON.message, 'Erro!')
                }
            });
        }

        function aplicarDesconto(associadoId, mes, ano) {
            const valorAtualDevido = $(`[data-name=valorDevido-${associadoId}`).text().trim()
            const valorDescontar = $('.valorDescontar-' + associadoId).val();

            if (parseFloat(valorAtualDevido) < parseFloat(valorDescontar)) {
                return toastr.error("O valor a ser descontado deve ser menor que o valor devido pelo associado", 'Erro!')            }

            $.ajax({
                url: '{{ route("viagem_juletur.aplicarDesconto") }}',
                type: 'POST',
                data: {
                    associadoId: associadoId,
                    valorDescontar: valorDescontar,
                    mes: mes,
                    ano: ano,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    toastr.success(response.message, 'Sucesso!')
                    const novoValorDevido = valorAtualDevido - valorDescontar
                    $(`[data-name=valorDevido-${associadoId}`).text(novoValorDevido.toFixed(2))

                    const creditoAtualDevido = $(`[data-name=valorCredito-${associadoId}`).text().trim()
                    const novoValorCredito = creditoAtualDevido - valorDescontar
                    $(`[data-name=valorCredito-${associadoId}`).text(novoValorCredito.toFixed(2))
                },
                error: function(xhr, status, error) {
                    toastr.error(xhr.responseJSON.message, 'Erro!')
                }
            });
        }
    </script>
@stop

@section('table-delete')
    ""
@stop

@section('js')
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        function atualizarBotaoCobranca(associadoId) {
            const botao = $(`#btn-cobranca-${associadoId}`);
            const textoBotao = $(`#btn-texto-${associadoId}`);

            botao.prop('disabled', true)
                .removeClass('btn-success')
                .addClass('btn-secondary');

            textoBotao.text('Cobrança já enviada');
        }

        function enviarCobrancaWhatsApp(nome, telefone, valor, associadoId) {
            if (!associadoId) {
                console.error('ID do associado não fornecido');
                Swal.fire({
                    title: 'Erro!',
                    text: 'ID do associado não fornecido. Por favor, contate o suporte.',
                    icon: 'error'
                });
                return;
            }

            if (valor <= 0) {
                Swal.fire({
                    title: 'Aviso!',
                    text: 'Associado não possui nenhum valor a pagar.',
                    icon: 'warning'
                });
                return;
            }

            Swal.fire({
                title: 'Enviar cobrança por WhatsApp?',
                text: `Deseja enviar uma cobrança de R$ ${valor} para ${nome}?`,
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sim, enviar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.value) {
                    Swal.fire({
                        title: 'Enviando...',
                        text: 'Aguarde enquanto enviamos a cobrança',
                        allowOutsideClick: false,
                        allowEscapeKey: false,
                        showConfirmButton: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    $.ajax({
                        url: '{{ route("whatsapp.enviar-cobranca") }}',
                        method: 'POST',
                        data: {
                            nome: nome,
                            telefone: telefone,
                            valor: valor,
                            mes: '{{ $mes }}',
                            ano: '{{ $ano }}',
                            associado_id: associadoId
                        },
                        success: function(response) {
                            Swal.fire({
                                title: 'Enviado!',
                                text: 'Cobrança enviada com sucesso.',
                                icon: 'success'
                            });
                            atualizarBotaoCobranca(associadoId);
                        },
                        error: function(xhr) {
                            let mensagem = 'Erro ao enviar cobrança.';
                            if (xhr.responseJSON && xhr.responseJSON.message) {
                                mensagem = xhr.responseJSON.message;
                            }
                            Swal.fire({
                                title: 'Erro!',
                                text: mensagem,
                                icon: 'error'
                            });
                            console.error('Erro na requisição:', xhr);
                        }
                    });
                }
            });
        }

        function enviarCobrancasEmail() {
            Swal.fire({
                title: 'Enviar cobranças por e-mail?',
                text: 'Isso iniciará o processo de envio de e-mails para todos os associados. O processo será executado em segundo plano.',
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sim, enviar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.value) {
                    Swal.fire({
                        title: 'Iniciando processo...',
                        text: 'Aguarde enquanto iniciamos o processo de envio',
                        allowOutsideClick: false,
                        allowEscapeKey: false,
                        showConfirmButton: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    $.ajax({
                        url: '{{ route("cobranca.email-massa") }}',
                        method: 'POST',
                        data: {
                            mes: '{{ $mes }}',
                            ano: '{{ $ano }}'
                        },
                        success: function(response) {
                            Swal.fire({
                                title: 'Processo Iniciado!',
                                text: response.message,
                                icon: 'success'
                            });
                        },
                        error: function(xhr) {
                            let mensagem = 'Erro ao iniciar processo de envio.';
                            if (xhr.responseJSON && xhr.responseJSON.message) {
                                mensagem = xhr.responseJSON.message;
                            }
                            Swal.fire({
                                title: 'Erro!',
                                text: mensagem,
                                icon: 'error'
                            });
                        }
                    });
                }
            });
        }
    </script>
@endsection