@extends('adminlte::page')

@section('title','Paciente')

@section('content_header')
    <h3>Vendas - <b>Particular</b>
        <a href="{{route('vendaParticular.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('vendaParticular.index')}}" method="GET" style="padding: 12px;">
            <div class="row" style="padding-left: 50px;">
                <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_orcamento">Data do orçamento</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_recebido">Data do recebido</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_medico">Valor do médico</option>
                                    <option value="vd_vld_medico">Desconto do médico</option>
                                    <option value="vd_vl_anestesia">Valor anestesista</option>
                                    <option value="vd_vld_anestesia">Valor desconto anestesista</option>
                                    <option value="vd_vl_hospital">Valor Hospital</option>
                                    <option value="vd_vl_opme">Valor OPME</option>
                                    <option value="vd_vl_uti">Valor UTI</option>
                                    <option value="vd_vl_sangue">Valor Sangue</option>
                                    <option value="vd_vl_outras_despesas">Valor Outras Despesas</option>
                                    {{-- <option value="vd_vl_uti">Valor UTI</option>
                                    <option value="vd_vl_uti">Valor UTI</option> --}}
                                    {{-- <option value="vd_vl_opme">Valor OPME</option> --}}
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="col-form-label">Igual a zero</label>
                                <select class="form-control select2" name="campo_igual_zero" id="campo_igual_zero">
                                    <option value="">Nenhum selecionado</option>
                                    {{-- <option value="vd_vl_uti">Valor UTI</option> --}}
                                    <option value="vd_vl_medico">Valor do médico</option>
                                    <option value="vd_vld_medico">Desconto do médico</option>
                                    <option value="vd_vl_anestesia">Valor anestesista</option>
                                    <option value="vd_vld_anestesia">Valor desconto anestesista</option>
                                    <option value="vd_vl_hospital">Valor Hospital</option>
                                    <option value="vd_vl_opme">Valor OPME</option>
                                    <option value="vd_vl_uti">Valor UTI</option>
                                    <option value="vd_vl_sangue">Valor Sangue</option>
                                    <option value="vd_vl_outras_despesas">Valor Outras Despesas</option>
                                    {{-- <option value="vd_vl_uti">Valor UTI</option>
                                    <option value="vd_vl_uti">Valor UTI</option> --}}
                                    {{-- <option value="vd_vl_opme">Valor OPME</option> --}}
                                </select>
                            </div>
                            <div class="col-md-4">
                                <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">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: 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</label>
                                <select class="form-control" name="tipo_data" id="tipo_data">
                                    <option value="">Nenhum selecionado</option>
                                    <option value="vd_dt_orcamento">Data do orçamento</option>
                                    <option value="vd_dt_cirurgia">Data da cirurgia</option>
                                    <option value="vd_dt_venda">Data da venda</option>
                                    <option value="vd_dt_recebido">Data do recebido</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="0" selected>Todos</option> --}}
                                    <option value="1">Em negociação</option>
                                    <option value="2">Vendido</option>
                                    <option value="3">Perdido</option>
                                    <option value="4">Pré cirurgia</option>
                                    <option value="5">Cirurgia</option>
                                    <option value="6">Pós Cirurgia</option>
                                    <option value="7">Finalizado</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"  >
                                    <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-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->cg_nome}}</td>
                        <td>{{$vd->cg_pre->cg_nome}}</td>
                        <td>
                            @switch($vd->vd_status)
                                @case(1)
                                    Em negociação
                                    @break
                                @case(2)
                                    Vendido
                                    @break
                                @case(3)
                                    Perdido
                                    @break
                                @case(4)
                                    Pré Cirurgia
                                    @break
                                @case(5)
                                    Cirurgia
                                    @break
                                @case(6)
                                    Pós Cirurgia
                                    @break
                                @case(7)
                                    Finalizado
                                    @break
                                @case(8)
                                    Inativado
                                    @break
                                @case(10)
                                Leads Recebidos
                                    @break
                                @default
                                    Status desconhecido
                            @endswitch
                        </td>

                        <td>
                            <a href="{{ route('vendaParticular.edit', ['id' => $vd->id_vd]) }}" class="btn btn-sm btn-info">Editar</a>
                            <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('vendaParticular.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()}}

    <!-- 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_proc = null;
        var id_hp = null;

        var campo_preenchido = null;
        var campo_vazio = null;
        var campo_diferente_zero = null;
        var campo_igual_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_hp = $('#id_hp');
            select_hp.val(id_hp);
            select_hp.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 (campo_igual_zero) {
            var select_campo_igual_zero = $('#campo_igual_zero');
            select_campo_igual_zero.val(campo_igual_zero);
            select_campo_igual_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 = '';

                    // 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}<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