@extends('adminlte::page')

@section('title','Convênio')

@section('content_header')
    <h3>Vendas - Convênio</a>
        <a href="{{route('vendaConvenio.create')}}" class="btn btn-sm btn-success">Nova venda</a>
    </h3>

@endsection
@section('css')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/icheck-bootstrap/3.0.1/icheck-bootstrap.min.css">
    <style>
        .select2-selection--single {
            height: 38px !important;

        }

        .select2-container {
            width: 100% !important;
        }



    </style>
@stop
@section('content')
    <div class="card">

        <form action="{{route('vendaConvenio.index')}}" method="GET" style="padding: 12px;" id="formConfirm">
            <div class="row">
                <div class="card collapsed-card" style="width: 100%; margin: 0px; padding: 0px; box-shadow: none;">
                    <div class="card-header">
                        <h3 class="card-title"><b>PESQUISA AVANÇADA</b></h3>
                        <div class="card-tools">
                            <!-- Collapse Button -->
                            <button type="button" class="btn btn-tool" data-card-widget="collapse" id="expandir_card"><i class="fas fa-minus"></i></button>
                            {{-- <button type="button" class="btn btn-tool" data-card-widget="maximize"><i class="fas fa-expand"></i></button> --}}
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="input-group">
                            <div class="col-md-3">
                                <label class="col-form-label">Campo Vazio</label>
                                <select class="form-control select2" name="campo_vazio" id="campo_vazio">
                                    <option value="">Nenhum selecionado</option>
                                    <option value="vd_dt_sol_cirurgia">Data de solicitação de cirurgia</option>
                                    <option value="vd_dt_cirurgia">Cirurgia (Agendamento)</option>
                                    <option value="vd_dt_venda">Data da venda</option>
                                    <option value="vd_dt_perdido">Data do perdido</option>
                                    <option value="vd_dt_transf_particular">Data do Transformado em Particular</option>
                                    <option value="id_forn">Fornecedor</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="col-form-label">Campo Preenchido</label>
                                <select class="form-control select2" name="campo_preenchido" id="campo_preenchido">
                                    <option value="">Nenhum selecionado</option>
                                    <option value="id_forn">Fornecedor</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="col-form-label">Maior que zero</label>
                                <select class="form-control select2" name="campo_diferente_zero" id="campo_diferente_zero">
                                    <option value="">Nenhum selecionado</option>
                                    <option value="vd_vl_uti">Valor UTI</option>
                                    {{-- <option value="vd_vl_opme">Valor OPME</option> --}}
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label class="col-form-label">Filtro Status</label>
                                <select class="form-control" name="tipo_data_operador" id="tipo_data_operador">
                                    <option value="=" selected>Igual</option>
                                    <option value="!=">Diferente</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="col-form-label">OPME</label>
                                <select class="form-control select2" name="id_forn[]" id="id_forn" multiple >
                                    <option value="">Nenhum selecionado</option>
                                    @foreach ($select_forn as $forn)
                                        <option value="{{ $forn->id_forn }}">{{ $forn->forn_nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="col-form-label">Convênio</label>
                                <select class="form-control select2" name="id_cv" id="id_cv"  >
                                    <option value="">Nenhum selecionado</option>
                                    @foreach ($select_convenio as $convenio)
                                        <option value="{{ $convenio->id_cv }}">{{ $convenio->cv_nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="col-form-label">Procedimento</label>
                                <select class="form-control select2" name="id_proc" id="id_proc"  >
                                    <option value="">Nenhum selecionado</option>
                                    @foreach ($select_procedimento as $procedimento)
                                        <option value="{{ $procedimento->id_proc }}">{{ $procedimento->proc_nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="col-form-label">Hospital</label>
                                <select class="form-control select2" name="id_hp" id="id_hp"  >
                                    <option value="">Nenhum selecionado</option>
                                    @foreach ($select_hospital as $hospital)
                                        <option value="{{ $hospital->id_hp }}">{{ $hospital->hp_nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    {{-- <div class="input-group"  style="padding-left: 12px;">

                    </div> --}}
                    <div class="input-group" style="padding: 12px;">
                        <div class="col-md-4">
                            <label class="col-form-label">Paciente</label>
                            <select class="form-control select2" name="cg_pac" id="cg_pac"  >
                                <option value="">Nenhum selecionado</option>
                                @foreach ($pacientes as $paciente)
                                    <option value="{{ $paciente->id_cg }}">{{ $paciente->cg_nome}}</option>
                                @endforeach
                            </select>
                        </div>
                            <div class="col-md-4">
                                <label class="col-form-label">Prestador</label>
                                <select class="form-control select2" name="cg_pre" id="cg_pre"  >
                                    <option value="">Nenhum selecionado</option>
                                    @foreach ($prestadores as $prestador)
                                        <option value="{{ $prestador->id_cg }}">{{ $prestador->cg_nome}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="col-form-label">Tipo da Data</label>
                                <select class="form-control" name="tipo_data" id="tipo_data">
                                    {{-- <option value="">Nenhum selecionado</option> --}}
                                    <option value="created_at" selected>Cadastrado no sistema</option>
                                    <option value="vd_dt_sol_cirurgia">Solicitação de Cirurgia</option>
                                    <option value="vd_dt_cirurgia">Cirurgia</option>
                                    <option value="vd_dt_venda">Data da venda</option>
                                    <option value="vd_dt_perdido">Data perdida da venda</option>
                                    <option value="vd_dt_transf_particular">Data da venda transformada e particular</option>

                                </select>
                            </div>
                            <div class="col-md-2">
                                <label for="data_inicial" class="col-form-label">Data inicial</label>
                                <input type="date" name="data_inicial" id="data_inicial" class="form-control">
                            </div>
                            <div class="col-md-2">
                                <label for="data_final" class="col-form-label">Data final</label>
                                <input type="date" name="data_final" id="data_final" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label class="col-form-label">Status</label>
                                <select  class="form-control select2" name="vd_status[]" id="vd_status" multiple>
                                    <option value="">Nenhum selecionado</option>
                                    <option value="9" >Recebimento de Lead</option>
                                    <option value="10" >Em análise</option>
                                    <option value="11" >Não autorizado</option>
                                    <option value="12" >Transformado em particular</option>
                                    <option value="13" >Autorizado</option>
                                    <option value="14" >Vendido</option>
                                    <option value="15">Perdido </option>
                                    <option value="16" >Pré Cirurgia</option>
                                    <option value="17" >Cirurgia</option>
                                    <option value="18">Pós Cirurgia</option>
                                    <option value="19">Finalizado</option>
                                </select>
                            </div>
                            <div class="col-md-2" style="margin-top: 37px;">
                                <div class="input-group-append">
                                    <input type="submit" class="btn btn-primary" value="Pesquisar">
                                </div>
                            </div>
                    </div>
            </div>
        </form>
        <div class="card-body">
            <h6>Foi encontrado(s) <b>{{ $vds->total() }} resultado(s)</b> para essa pesquisa</h6>
            <hr>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Código</th>
                        <th>Paciente</th>
                        <th>Médico</th>
                        <th>Status</th>
                        {{-- <th>Saldo</th> --}}
                        {{-- <th>Tipo</th> --}}
                        <th>Ações</th>
                    </tr>
                </thead>
                @foreach ($vds as $vd)
                <tbody>
                    <tr>

                        <td>{{$vd->id_vd}}</td>
                        <td>{{ $vd->cg_pac ? $vd->cg_pac->cg_nome : 'Cadastro excluído' }}</td>
                        <td>{{ $vd->cg_pre ? $vd->cg_pre->cg_nome : 'Cadastro excluído' }}</td>

                        <td>
                            @switch($vd->vd_status)
                                @case(9)
                                    Recebimento de Lead
                                @break
                                @case(10)
                                    Em análise
                                    @break
                                @case(11)
                                    Não autorizado
                                    @break
                                @case(12)
                                    Transformado em particular
                                    @break
                                @case(13)
                                    Autorizado
                                    @break
                                @case(14)
                                    Vendido
                                    @break
                                @case(15)
                                    Perdido
                                    @break
                                @case(16)
                                    Pré Cirurgia
                                    @break
                                @case(17)
                                    Cirurgia
                                    @break
                                @case(18)
                                    Pós Cirurgia
                                    @break
                                @case(19)
                                    Finalizado
                                    @break
                                @case(20)
                                    Finalizado
                                    @break
                                @default
                                    Status desconhecido
                            @endswitch
                        </td>
                        <td>
                            <a href="{{ route('vendaConvenio.edit', ['id' => $vd->id_vd]) }}" class="btn btn-sm btn-info">Editar</a>
                            <!-- Botão para ativar o modal -->
                            <button type="button" class="btn btn-sm  btn-primary" data-bs-toggle="modal" data-bs-target="#exibirContato" id="{{ $vd->id_vd }}" >Contato</button>
                            @if (Auth::user()->admin == 1 || Auth::user()->admin == 2)
                                <form class="d-inline" action="{{ route('vendaConvenio.destroy', ['id' => $vd->id_vd]) }}" method="POST" onsubmit="return confirm('Tem certeza que deseja excluir?')">
                                    @method('DELETE')
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-danger">Excluir</button>
                                </form>
                            @endif


                        </td>
                    <tr>
                </tbody>
                @endforeach
            </table>
        </div>
    </div>
    {{$vds->appends(request()->query())->links()}}

    <!-- Caixa de Diálogo de Confirmação -->
    <div class="modal" tabindex="-1" role="dialog" id="confirmModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><b>Aviso</b></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p id="avisoMensagem"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id="btnAcaoNao"
                        style="display: none;">Não</button>
                    <button type="button" class="btn btn-primary" id="btnAcaoSim" style="display: none;">Sim</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnAcaoOk"
                        style="display: none;">Ok</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal para exibir o contato -->
    <div class="modal fade" id="exibirContato" tabindex="-1" aria-labelledby="exibirContato" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header" style="margin-left: 36%;">
                    <h3 class="modal-title" ><b>Contatos da venda</b></h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p id="avisoMensagem"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id="btnAcaoNao"
                        style="display: none;">Não</button>
                    <button type="button" class="btn btn-primary" id="btnAcaoSim" style="display: none;">Sim</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnAcaoOk"
                        style="display: none;">Ok</button>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('js')
<script>

$(document).ready(function(){

    $('.select2').select2();
    var expandir_card = false;

    var cg_pre = null;
    var cg_pac = null;
    var cg_tipo = null;
    var data_inicial = null;
    var data_final = null;
    var tipo_data = null;
    var vd_status = null;
    var id_forn = null;
    var id_cv = null;
    var id_proc = null;
    var id_hp = null;


    var campo_preenchido = null;
    var campo_vazio = null;
    var campo_diferente_zero = null;
    var tipo_data_operador = null;


    if (cg_pre) {
        var id_cg_pre = $('#cg_pre');
        id_cg_pre.val(cg_pre);
        id_cg_pre.trigger('change');
    }

    if (cg_pac) {
        var id_cg_pac = $('#cg_pac');
        id_cg_pac.val(cg_pac);
        id_cg_pac.trigger('change');
    }

    if(cg_tipo){
        $("#cg_tipo").val(cg_tipo);
    }


    if (vd_status) {
        var select_vd_status = $('#vd_status');
        select_vd_status.val(vd_status);
        select_vd_status.trigger('change');
    }

    if(data_inicial){
        $("#data_inicial").val(data_inicial);
    }

    if(data_final){
        $("#data_final").val(data_final);
    }

    if(tipo_data){
        $("#tipo_data").val(tipo_data);
    }

    if (id_forn) {
        var select_id_forn = $('#id_forn');
        select_id_forn.val(id_forn);
        select_id_forn.trigger('change');
        expandir_card = true;
    }

    if (id_proc) {
        var select_proc = $('#id_proc');
        select_proc.val(id_proc);
        select_proc.trigger('change');
        expandir_card = true;
    }

    if (id_hp) {
        var select_hospital = $('#id_hp');
        select_hospital.val(id_hp);
        select_hospital.trigger('change');
        expandir_card = true;
    }




    if (id_cv) {
        var select_convenio = $('#id_cv');
        select_convenio.val(id_cv);
        select_convenio.trigger('change');
        expandir_card = true;
    }





    if (campo_preenchido) {
        var select_campo_preenchido = $('#campo_preenchido');
        select_campo_preenchido.val(campo_preenchido);
        select_campo_preenchido.trigger('change');

        expandir_card = true;
    }


    if (campo_vazio) {
        var select_campo_vazio = $('#campo_vazio');
        select_campo_vazio.val(campo_vazio);
        select_campo_vazio.trigger('change');

        expandir_card = true;
    }

    if (campo_diferente_zero) {
        var select_campo_diferente_zero = $('#campo_diferente_zero');
        select_campo_diferente_zero.val(campo_diferente_zero);
        select_campo_diferente_zero.trigger('change');

        expandir_card = true;
    }

    if(tipo_data_operador){
        $("#tipo_data_operador").val(tipo_data_operador);

        if(tipo_data_operador == '!='){
            expandir_card = true
        }
    }



    if(expandir_card){
        $('#expandir_card').click();
    }

    $('button[data-bs-target="#exibirContato"]').on('click', function () {

        var id_venda = $(this).attr('id');

        // Exibe um carregando enquanto os dados são buscados
        $('#exibirContato .modal-body').html('<p>Carregando...</p>');

        $.ajax({
            url: "{{ route('contato.historico') }}", // Rota atualizada
            type: 'POST',
            data: {
                _token: '{{ csrf_token() }}', // Inclui o token CSRF
                id_venda: id_venda // Envia o ID da venda pelo corpo da requisição
            },
            success: function (data) {
                // Verifica se os dados foram retornados corretamente
                if (data.historico && data.historico.length > 0) {
                    let htmlContent = '';
                    console.log(data.historico );

                    // Percorre o histórico retornado e constrói o layout
                    data.historico.forEach(function (conversa) {


                        htmlContent += `
                            <div class="row">
                                <div class="col-md-12" style="text-align: left;">
                                    <p>
                                        <b>ID Contato: </b>${conversa.id_ct}<br>
                                        <b>Processo: </b>${conversa.processo ? conversa.processo.processo_nome : ''}<br>
                                        <b>Contato: </b>${new Date(conversa.ct_dt_contato).toLocaleString()}<br>
                                        <b>Mensagem: </b>${conversa.ct_msg_user}<br>
                                        <b>Vendedor: </b>${conversa.name}<br>
                                        <b>Status da venda: </b>${conversa.vd_nome_status} - ${conversa.vendas_nao_autorizado? conversa.vendas_nao_autorizado.motivo_nao_autorizacao.descricao : ''}<br>
                                    </p>
                                </div>
                            </div>
                            <hr>`;
                    });

                    // Insere o conteúdo no modal
                    $('#exibirContato .modal-body').html(htmlContent);
                } else {
                    $('#exibirContato .modal-body').html('<p>Não há histórico de conversas para este contato.</p>');
                }

                // Exibe o modal
                $('#exibirContato').modal('show');
            },
            error: function (error) {
                console.error(error);
                $('#exibirContato .modal-body').html('<p>Ocorreu um erro ao carregar os dados.</p>');
            }
        });
    });


    //Faz as validações antes de enviar o formulário
    $('#formConfirm').on('submit', function(event) {
        event.preventDefault(); // Prevenir o comportamento padrão do formulário

        $('#btnAcaoSim').show();
        $('#btnAcaoNao').show();
        $('#btnAcaoOk').show();

        // Valida Filtros de data
        if ($('#data_inicial').val() != '' && $('#data_final').val() != '' && $('#tipo_data').val() == '' ) {

            $('.modal-body').html('<p id="avisoMensagem">Ao utilizar qualquer filtro de data <b>é obrigatório</b> preencher as campo <b>data inicial, data final e tipo</b></p> ');

            $('#btnAcaoSim').hide();
            $('#btnAcaoNao').hide();
            $('.close').show();
            $('#btnAcaoOk').show();

            $('#confirmModal').modal('show');

            $('#btnAcaoSim').on('click', function() {
                $('#confirmModal').modal('hide');
                $('#formConfirm')[0].submit();
            });

            return;

        }

        loadingIn()

        $('#formConfirm')[0].submit();


    });


    function loadingIn(){

        $('#confirmModal').modal({
            backdrop: 'static',
            keyboard: false
        });

        $('#btnAcaoSim').hide();
        $('#btnAcaoNao').hide();
        $('#btnAcaoOk').hide();
        $('#btnAcaoNao').hide();
        $('.close').hide();


        $('.modal-body').html(
            '<p id="avisoMensagem"><h1 style="text-align: center;">Carregando ...</h1></p> '
        );


        $('#confirmModal').modal('show');

    }


    function loadingOut(){

        $('#confirmModal').modal('hide');

    }

    @if(session('success'))
        Swal.fire({
            icon: 'success',
            title: 'Sucesso',
            text: '{{ session('success') }}',
            showConfirmButton: true,
            confirmButtonText: 'Fechar'
            // timer: 2500
        });
    @endif

    @if(session('error'))
        Swal.fire({
            icon: 'error',
            title: 'Erro',
            text: '{{ session('error') }}',
            showConfirmButton: true,
            confirmButtonText: 'Fechar'
            // timer: 3000
        });
    @endif


});

</script>
@stop