@extends('adminlte::page')

@section('title', 'Editar Venda - Particular')

@section('content_header')
    <h3>Editar Venda - <a id="btnParticularIndex" href="{{ route('vendaParticular.index') }}"><b>Particular</b></a></h3>
@endsection
@section('css')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/icheck-bootstrap/3.0.1/icheck-bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs4.min.css" integrity="sha512-0jsnWm2C4cdj6pNgWPMzDgNmFaH5hGOQis7ml71ezVE2TPoTKc3Z3DSNA271xtAQEPXn9R7KisRNE8kQlf6HIg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs4.min.css" />
    <style>
        .select2-selection--single { height: 38px !important; }
        .select2-container { width: 100% !important; }
        #btnParticularIndex { cursor: pointer; color: black; }
        #limparSelecaoNotificao { cursor: pointer; color: black; }
        .radio-lg {
            transform: scale(1.6);
            transform-origin: left center;   /* evita “empurrar” o layout */
            vertical-align: middle;
            margin-right: 6px;               /* espaço pro label */
            accent-color: #0b2a45;           /* opcional: cor do tema (Chrome/Edge/FF) */
        }
    </style>
@stop
@section('content')

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                <h5> <i class="icon fas fa-ban"></i>Ocorreu um erro</h5>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>Sucesso!</strong> {{ session('message') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if (session('warning'))
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <strong><i class="icon fas fa-exclamation-triangle"></i> Atenção!</strong> {{ session('message') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if (session('info'))
        <div class="alert alert-info alert-dismissible fade show" role="alert">
            <strong><i class="icon fas fa-info-circle"></i> Informação!</strong> {{ session('message') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    <div id="alert-success" style="display: none;"></div>
    <div id="alert-error" style="display: none;"></div>
    <div class="card">
        <div class="card-body">
            <form action="{{ route('vendaParticular.update', ['id' => $vd->id_vd]) }}" method="POST" class="form-horizontal"
                id="vendaEdit">
                @method('PUT')
                @csrf
                @if ($user->id_unidade_empresarial == 1)
                    <div class="card card-success">
                        <div class="card-header">
                            <h3 class="card-title"><b>Botões de ações</b></h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="form-group clearfix">
                                        <label id="limparSelecaoNotificao">
                                            Notificação
                                        </label>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input
                                            @if (!$pdf_conferido)
                                                disabled
                                            @endif
                                            type="radio" id="vd_particular_info_orcamento" name="info_type" value="vd_particular_info_orcamento">
                                            <label for="vd_particular_info_orcamento" class="enviarMsgWhatsApp">
                                                Orçamento
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_particular_info_venda" name="info_type" value="vd_particular_info_venda"  class="valida-ativacao-whatsapp">
                                            <label for="vd_particular_info_venda" class="enviarMsgWhatsApp">
                                                Status: Venda
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_convenio_info_cirurgia" name="info_type" value="vd_convenio_info_cirurgia"  class="valida-ativacao-whatsapp">
                                            <label for="vd_convenio_info_cirurgia" class="enviarMsgWhatsApp">
                                                Status:Agendamento de Cirurgia
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_24h_pos_cirurgia" name="info_type" value="vd_24h_pos_cirurgia"  class="valida-ativacao-whatsapp">
                                            <label for="vd_24h_pos_cirurgia" class="enviarMsgWhatsApp">
                                                Status: 24h Pós Cirurgia
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_particular_info_alta_hospitalar" name="info_type" value="vd_particular_info_alta_hospitalar"  class="valida-ativacao-whatsapp">
                                            <label for="vd_particular_info_alta_hospitalar" class="enviarMsgWhatsApp">
                                                Status:Alta Hospitalar
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_particular_info_alta_medica" name="info_type" value="vd_particular_info_alta_medica"  class="valida-ativacao-whatsapp">
                                            <label for="vd_particular_info_alta_medica" class="enviarMsgWhatsApp">
                                                Status:Alta Médica
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_link_pesquisa_google" name="info_type" value="vd_link_pesquisa_google"  class="valida-ativacao-whatsapp">
                                            <label for="vd_link_pesquisa_google" class="enviarMsgWhatsApp">
                                                Status: Link Google
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group clearfix">
                                        <label id="limparSelecaoVenda">
                                        Venda
                                        </label>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_acao_recebido" name="info_venda" value="vd_acao_recebido">
                                            <label for="vd_acao_recebido">
                                                Recebido
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="visualizar_orcamento" name="info_venda"
                                                value="visualizar_orcamento" class="js-open-orcamento">
                                            <label for="visualizar_orcamento" class="js-btn-open-orcamento">
                                                Visualizar Orçamento
                                            </label>
                                        </div>
                                    </div>
                                    {{-- <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_acao_finalizada" name="info_venda" value="vd_acao_finalizada">
                                            <label for="vd_acao_finalizada">
                                                Vendido
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="vd_acao_perdido" name="info_venda" value="vd_acao_perdido">
                                            <label for="vd_acao_perdido">
                                                Perdido
                                            </label>
                                        </div>
                                    </div> --}}
                                </div>
                            </div>
                        </div>

                        <div class="card-footer">
                            {{-- Many more skins available. <a href="https://bantikyan.github.io/icheck-bootstrap/">Documentation</a> --}}
                        </div>
                    </div>
                @endif
                <br>
                <br>
                <input type="hidden" value="{{ $vd->id_vd }}" id="id_vd">
                <input type="hidden" value="particular" id="tipo_venda" id="tipo_venda">

                @if ($vd->vd_historico)
                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    Essa venda foi transformada em uma venda particular. Clique <strong><a style="color: black;" href="{{ route('vendaConvenio.edit', ['id' => $vd->vd_historico]) }}">Aqui </a></strong> para abrir histórico da venda na modalidade de convênio ({{ $vd->vd_historico }})


                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Paciente</label>
                    <div class="col-sm-10">
                        <select required class="col-sm-12 form-control select2-cg" name="id_cg_pac"
                            @error('id_cg_pac') is-invalid @enderror id="id_cg_pac">
                            <option value="">Nenhum selecionado</option>
                            @foreach ($vds_pac_select as $paciente)
                                <option @if ($paciente->id_cg == $vd->id_cg_pac) selected="selected" @endif
                                    value="{{ $paciente->id_cg }}">{{ $paciente->cg_nome }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Prestador</label>
                    <div class="col-sm-10">
                        <select required class="col-sm-12 form-control select2-cg" name="id_cg_pre" id="id_cg_pre"
                            @error('id_emp') is-invalid @enderror id="id_emp">
                            @foreach ($vds_pre_select as $prestador)
                                <option @if ($prestador->id_cg == $vd->id_cg_pre) selected="selected" @endif
                                    value="{{ $prestador->id_cg }}">{{ $prestador->cg_nome }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Procedimento</label>
                    <div class="col-sm-10">
                        <select required class="col-sm-12 form-control select2-cg" name="id_proc" id="id_proc"
                            @error('id_proc') is-invalid @enderror id="id_proc">
                            @foreach ($vds_procedimentos_select as $procedimento)
                                <option @if ($procedimento->id_proc == $vd->id_proc) selected="selected" @endif
                                    value="{{ $procedimento->id_proc }}">{{ $procedimento->proc_nome }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Hospital</label>
                    <div class="col-sm-10">
                        <select required class="col-sm-12 form-control select2-cg" name="id_hp" id="id_hp"
                            @error('id_proc') is-invalid @enderror id="id_hp">
                            @foreach ($vds_hospitais_select as $hospital)
                                <option @if ($hospital->id_hp == $vd->id_hp) selected="selected" @endif
                                    value="{{ $hospital->id_hp }}">{{ $hospital->hp_nome }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                {{-- <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Fornecedor</label>
                        <div class="col-sm-10">
                            <select required class="col-sm-12 form-control select2-cg" name="id_forn"
                                @error('id_forn') is-invalid @enderror id="id_forn">
                                @foreach ($fornecedores as $fornecedor)
                                    <option @if ($fornecedor->id_forn == $vd->id_forn) selected="selected" @endif value="{{ $fornecedor->id_proc }}">{{ $fornecedor->forn_nome}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div> --}}

                {{-- <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Procedimento</label>
                        <div class="col-sm-10">
                            <input required type="text" name="vd_procedimento" class="form-control @error('vd_procedimento') is-invalid @enderror" value="{{ $vd->vd_procedimento }}">
                        </div>
                    </div> --}}
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Pedido Médico<b style="color: red;">*</b></label>
                    <div class="col-sm-10">
                        <select class="col-sm-12 form-control" name="vd_pedido_medico" id="vd_pedido_medico">
                            <option value="1" @if ($vd->vd_pedido_medico == 1) selected="selected" @endif>Sim
                            </option>
                            <option value="2" @if ($vd->vd_pedido_medico == 2) selected="selected" @endif>Não
                            </option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Exames Laboratoriais</label>
                    <div class="col-sm-10">
                        <select class="col-sm-12 form-control" name="vd_exame_medico" id="vd_exame_medico">
                            <option value="1" @if ($vd->vd_exame_medico == 1) selected="selected" @endif>Sim
                            </option>
                            <option value="2" @if ($vd->vd_exame_medico == 2) selected="selected" @endif>Não
                            </option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Exames de imagens</label>
                    <div class="col-sm-10">
                        <select class="col-sm-12 form-control" name="vd_exame_imagens" id="vd_exame_imagens">
                            <option value="1" @if ($vd->vd_exame_imagens == 1) selected="selected" @endif>Sim
                            </option>
                            <option value="2" @if ($vd->vd_exame_imagens == 2) selected="selected" @endif>Não
                            </option>
                        </select>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">
                        Fornecedores OPME
                        <span id="ID_FORN-forn-opme" class="badge badge-info" id style="cursor: default; margin-left:6px;">{{ count($vd->fornecedores) }}</span>
                        <button type="button" id="btn-manage-forn" class="btn btn-xs btn-primary" title="Gerenciar fornecedores" style="margin-left:6px;">
                        <i class="fas fa-plus"></i>
                        </button>
                    </label>
                    <div class="col-sm-10">
                        <select disabled class="col-sm-12 form-control select2-cg" name="id_forn" id="id_forn">
                        <option value=""> Clique no botão <b>+</b> para adicionar os fornecedores </option>
                        </select>
                    </div>
                </div>



                <br>
                <br>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Data do Orçamento</label>
                    <div class="col-sm-10">
                        <input type="date" id="vd_dt_orcamento" name="vd_dt_orcamento"
                            class="form-control @error('vd_dt_orcamento') is-invalid @enderror"
                            value="{{ $vd->vd_dt_orcamento }}">
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Data da Cirurgia</label>
                    <div class="col-sm-10">
                        <input type="datetime-local" id="vd_dt_cirurgia" name="vd_dt_cirurgia"
                            class="form-control @error('vd_dt_cirurgia') is-invalid @enderror"
                            value="{{ $vd->vd_dt_cirurgia }}">
                    </div>
                </div>
                {{-- <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Protocolo</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_dt_cirurgia" name="vd_protocolo_convenio"
                            class="form-control @error('vd_protocolo_convenio') is-invalid @enderror"
                            value="{{ $vd->vd_protocolo_convenio }}">
                    </div>
                </div> --}}
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Data da Venda</label>
                    <div class="col-sm-10">
                        <input type="date" id="vd_dt_venda" name="vd_dt_venda"
                            class="form-control @error('vd_dt_venda') is-invalid @enderror"
                            value="{{ $vd->vd_dt_venda }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Data da perda</label>
                    <div class="col-sm-10">
                        <input type="date" id="vd_dt_perdido" name="vd_dt_perdido"
                            class="form-control @error('vd_dt_perdido') is-invalid @enderror"
                            value="{{ $vd->vd_dt_perdido }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Data do Recebido</label>
                    <div class="col-sm-10">
                        <input type="date" id="vd_dt_recebido" name="vd_dt_recebido"
                            class="form-control @error('vd_dt_recebido') is-invalid @enderror"
                            value="{{ $vd->vd_dt_recebido }}">
                    </div>
                </div>
                <br>
                <br>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor do Médico</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vl_medico" name="vd_vl_medico"
                            class="form-control @error('vd_vl_medico') is-invalid @enderror"
                            value="{{ $vd->vd_vl_medico }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Desconto do médico</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vld_medico" name="vd_vld_medico"
                            class="form-control @error('vd_vld_medico') is-invalid @enderror"
                            value="{{ $vd->vd_vld_medico }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor anestesista</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vl_anestesia" name="vd_vl_anestesia"
                            class="form-control @error('vd_vl_anestesia') is-invalid @enderror"
                            value="{{ $vd->vd_vl_anestesia }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor Desconto Anestesista</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vld_anestesia" name="vd_vld_anestesia"
                            class="form-control @error('vd_vld_anestesia') is-invalid @enderror"
                            value="{{ $vd->vd_vld_anestesia }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor hospital</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vl_hospital" name="vd_vl_hospital"
                            class="form-control @error('vd_vl_hospital') is-invalid @enderror"
                            value="{{ $vd->vd_vl_hospital }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Desconto Hospital</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vld_hospital" name="vd_vld_hospital"
                            class="form-control @error('vd_vld_hospital') is-invalid @enderror"
                            value="{{ $vd->vd_vld_hospital }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor OPME</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vl_opme" name="vd_vl_opme"
                            class="form-control @error('vd_vl_opme') is-invalid @enderror"
                            value="{{ $vd->vd_vl_opme }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor UTI</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vl_uti" name="vd_vl_uti"
                            class="form-control @error('vd_vl_uti') is-invalid @enderror" value="{{ $vd->vd_vl_uti }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor da Coleta</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vl_coleta" name="vd_vl_coleta"
                            class="form-control @error('vd_vl_coleta') is-invalid @enderror"
                            value="{{ $vd->vd_vl_coleta }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor Sangue</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vl_sangue" name="vd_vl_sangue"
                            class="form-control @error('vd_vl_sangue') is-invalid @enderror"
                            value="{{ $vd->vd_vl_sangue }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor Outras Despesas</label>
                    <div class="col-sm-10">
                        <input type="text" id="vd_vl_outras_despesas" name="vd_vl_outras_despesas"
                            class="form-control @error('vd_vl_outras_despesas') is-invalid @enderror"
                            value="{{ $vd->vd_vl_outras_despesas }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor Total com Desconto</label>
                    <div class="col-sm-10">
                        <input readonly type="text" id="vd_vl_total_desconto" name="vd_vl_total_desconto"
                            class="form-control @error('vd_vl_total_desconto') is-invalid @enderror"
                            value="{{ $vd->vd_vl_total_desconto }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Valor Total</label>
                    <div class="col-sm-10">
                        <input readonly type="text" id="vd_vl_total" name="vd_vl_total"
                            class="form-control @error('vd_vl_total') is-invalid @enderror"
                            value="{{ $vd->vd_vl_total }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Status</label>
                    <div class="col-sm-10">
                        <select class="col-sm-12 form-control" name="vd_status" id="vd_status">
                            {{-- <option value="1"  @if ($vd->vd_status == 1) selected="selected" @endif>Orçamento enviado</option> --}}
                            <option value="10" @if ($vd->vd_status == 10) selected="selected" @endif>Leads Recebidos
                            <option value="1" @if ($vd->vd_status == 1) selected="selected" @endif>Em negociação</option>
                            <option value="2" @if ($vd->vd_status == 2) selected="selected" @endif>Vendido</option>
                            <option value="3" @if ($vd->vd_status == 3) selected="selected" @endif>Perdido</option>
                            <option value="4" @if ($vd->vd_status == 4) selected="selected" @endif>Pré cirurgia</option>
                            <option value="5" @if ($vd->vd_status == 5) selected="selected" @endif>cirurgia</option>
                            <option value="6" @if ($vd->vd_status == 6) selected="selected" @endif>Pós Cirurgia</option>
                            <option value="7" @if ($vd->vd_status == 7) selected="selected" @endif>Finalizado
                            <option value="8" @if ($vd->vd_status == 8) selected="selected" @endif>Inativado
                            </option>
                        </select>
                    </div>
                </div>
                @if ($user->id_unidade_empresarial == 1)
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Orientação Orçamento</label>
                        <div class="col-sm-10">
                            <div class="card card-outline card-info">
                                <div class="card-header">
                                    <h3 class="card-title">Informe as orientações do orçamento</h3>
                                </div>
                                <div class="card-body">
                                    <textarea name="orientacao_orcamento" id="orientacao_orcamento">
                                        {{ old('orientacao_orcamento', $vd->orientacao_orcamento ?? '') }}
                                    </textarea>
                                </div>
                                <div class="card-footer d-flex justify-content-between align-items-center">
                                    <span id="sn-counter" class="text-muted">1200 caracteres restantes</span>
                                </div>

                            </div>
                        </div>
                    </div>
                @endif

                 <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Observação</label>
                    <div class="col-sm-10">
                        <textarea name="vd_observacao" id="vd_observacao" style="width: 100%;">{{ $vd->vd_observacao }}</textarea>
                    </div>
                </div>
                <div class="form-group row" id="motivo_perda_container" style="{{ $vd->id_mtc ? '' : 'display: none;' }}">
                    <label class="col-sm-2 col-form-label">Motivo de perda</label>
                    <div class="col-sm-10">
                        <select
                        class="form-control select2-cg"
                        name="id_mtc"
                        id="id_mtc"

                        {{ $vd->id_mtc || old('vd_status') == 15 ? 'required' : '' }}>>
                            <option value=""> Nenhum</option>
                            @foreach ($motivos_perda as $motivo)
                                <option value="{{ $motivo->id_mtc }}"
                                    @if ($motivo->id_mtc == $vd->id_mtc) selected="selected" @endif>
                                    {{ $motivo->mtc_nome }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Processo</label>
                    <div class="col-sm-10">
                        <select class="col-sm-12 form-control select2-cg" name="id_processo" id="id_processo">

                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Contato Vendedor</label>
                    <div class="col-sm-10">
                        <textarea name="ct_msg_user" id="ct_msg_user" style="width: 100%;"></textarea>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">Próximo Contato</label>
                    <div class="col-sm-10">
                        <input type="date" name="cg_proximo_contato" class="form-control @error('cg_proximo_contato') is-invalid @enderror" value="" id="cg_proximo_contato">
                    </div>
                </div>

                <hr>
                <div class="form-group row"> -
                    <label class="col-sm-2 col-form-label"></label>
                    <div class="col-sm-10">
                        <input type="submit" class="btn btn-success btn-lg" value="Salvar">
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 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 CRUD fornecedores --}}
    <div class="modal fade" id="modalFornecedores" tabindex="-1" role="dialog" aria-labelledby="modalFornecedoresLabel" aria-hidden="true" style="display: none;" >
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><b>Fornecedores OPME</b></h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            {{-- <div class="modal-body"> --}}
            <div>
                <div class="form-inline mb-3">
                    <select class="form-control mr-2" id="forn_to_add" style="min-width: 320px;">
                        <option value="">Selecione um fornecedor</option>
                        @foreach ($vds_fornecedores_select as $f)
                        <option value="{{ $f->id_forn }}">{{ $f->forn_nome }}</option>
                        @endforeach
                    </select>
                    <button type="button" class="btn btn-success" id="btnAddForn">
                        <i class="fas fa-plus"></i> Adicionar
                    </button>
                </div>

                <table class="table table-sm table-striped" id="tblForn">
                    <thead>
                        <tr>
                        <th style="width:70%">Fornecedor</th>
                        <th style="width:30%; text-align:right">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-secondary" data-dismiss="modal">Fechar</button>
            </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalOrcamentoPdf" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document" style="max-width:90%;">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><b>ORÇAMENTO - {{ $vd->cg_pac->cg_nome }}</b></h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body" style="height:80vh;">
                <iframe id="iframeOrcamento" src="" style="width:100%;height:100%;border:0;"></iframe>
            </div>
            </div>
        </div>
    </div>

@endsection
@section('js')
    <!-- Incluir jQuery MaskMoney -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/moment@2.30.1/moment.min.js"></script>    {{-- Bootstrap do AdminLTE já existe também, mas se precisar do bundle, deixe depois do jQuery do template --}}
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

    {{-- Summernote --}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs4.min.js" integrity="sha512-Yfyojj9JnbKQWQ5FT9uRfF9vYRC6YmXoC81YS7fwAR1nyoFbwPYSe1qLd+vmqNNqJ0z45hE6fYV5XOeFW10Vgw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    {{-- Agora sim plugins que dependem do jQuery já carregado --}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs4.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/moment@2.30.1/moment.min.js"></script>

    <script>
$(document).ready(function() {

            var max = 1500;
            var status_anterior = $('#vd_status').val();


            if ($('#orientacao_orcamento').length) {
                $('#orientacao_orcamento').summernote({
                    height: 200,
                    toolbar: [
                        ['fontsize', ['fontsize']], // ← grupo certo
                        ['font', ['bold', 'underline']],
                        ['para', ['ul', 'ol', 'paragraph']],
                        // ['align', ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull']],
                    ],
                    fontSizes: ['8','10','12','14','16','18','24','36'], // ← nome certo da opção
                    callbacks: {
                        onKeydown: function (e) {
                            var $sn = $(this);
                            var plain = $sn.summernote('code').replace(/<\/?[^>]+(>|$)/g, '');
                            var restante = max - plain.length;
                            var liberadas = [8, 37, 38, 39, 40, 46]; // backspace, setas, delete
                            if (restante <= 0 && liberadas.indexOf(e.keyCode) === -1) {
                                e.preventDefault();
                            }
                        },
                        onKeyup: function () {
                            limitar(this, max);
                        },
                        onPaste: function () {
                            var _this = this;
                            setTimeout(function () {
                                limitar(_this, max);
                            }, 10);
                        }
                    }
                });
                // já conta o que veio do banco
                limitar($('#orientacao_orcamento')[0], max);
            }

            function limitar(el, max) {
                var $sn = $(el);
                var html = $sn.summernote('code');
                var plain = html.replace(/<\/?[^>]+(>|$)/g, '');
                var restante = max - plain.length;

                $('#sn-counter')
                    .text((restante < 0 ? 0 : restante) + ' caracteres restantes')
                    .toggleClass('text-danger font-weight-bold', restante <= 10 && restante >= 0)
                    .toggleClass('text-muted', !(restante <= 10 && restante >= 0));

                if (plain.length > max) {
                    var cortado = plain.substring(0, max);
                    $sn.summernote('code', '<p>' + cortado + '</p>');
                }
            }


            // Calcula a data de hoje usando Moment.js
            var hoje = moment().format('YYYY-MM-DD');

            // Define o atributo "min" do input para hoje
            $('#cg_proximo_contato').attr('min', hoje);

            // Ao alterar o valor do input, verifica se a data é anterior a hoje
            $('#cg_proximo_contato').on('change', function(){

                setTimeout(() => {
                    var dataSelecionada = moment($(this).val(), "YYYY-MM-DD");
                    var dataMinima = moment(hoje, "YYYY-MM-DD");
                    if(dataSelecionada.isBefore(dataMinima)) {
                        alert("Data do próximo contato inválida! Selecione uma data a partir de hoje.");
                        $(this).val('');
                    }
                }, 3000);

            });

            $('#vd_vl_medico, #vd_vld_medico, #vd_vl_anestesia, #vd_vld_anestesia, #vd_vl_hospital,#vd_vld_hospital, #vd_vl_opme, #vd_vl_uti, #vd_vl_coleta, #vd_vl_sangue, #vd_vl_outras_despesas')
            .maskMoney({
                thousands: '',
                decimal: ',',
                allowZero: true,
                precision: 2
            });

            $('.select2-cg').select2();

            $('#limparSelecaoNotificao').on('click', function() {
                // Limpar a seleção dos radio buttons definindo o atributo checked como false
                $('input[name="info_type"]').prop('checked', false);
            });

            $('.enviarMsgWhatsApp').on('dblclick', function(event) {

                $('#confirmModal').remove();
                criarModal();

                // Verifica se for apenas para notificar
                if ($('input[name="info_type"]:checked').val()) {

                    $('.modal-body').html(
                    '<p id="avisoMensagem">Você realmente deseja <b>notificar via WhatsApp</b>?</p>' +
                    '<div style="margin-left: 30px; display:inline-block; margin-right:18px;">' +
                        '<input type="radio"  class="radio-lg" id="option_paciente" name="notification_type" value="paciente">' +
                        '<label for="option_paciente" style="margin-left:6px;">Paciente</label>' +
                    '</div>' +
                    '<div style="margin-left: 30px; display:inline-block; margin-right:18px;">' +
                        '<input type="radio" id="option_prestador" class="radio-lg" name="notification_type" value="prestador">' +
                        '<label for="option_prestador" style="margin-left:6px;">Prestador</label>' +
                    '</div>' +
                    '<div style="margin-left: 30px; display:inline-block; margin-right:18px;">' +
                        '<input type="radio" id="option_todos" class="radio-lg" name="notification_type" value="todos" checked>' +
                        '<label for="option_todos" style="margin-left:6px;">Todos</label>' +
                    '</div>'
                    );

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

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

                    $('#btnAcaoSim').on('click', function() {

                        //Fecha o modal

                        $('#confirmModal').modal('hide');
                        // $('#vendaEdit')[0].submit();

                        var tipo_mensagem = $('input[name="info_type"]:checked').val();
                        var tipo_destinario = $('input[name="notification_type"]:checked').val();
                        var id_vd = $('#id_vd').val();
                        var tipo_venda = $('#tipo_venda').val();

                        envios = [];

                        if(tipo_destinario == 'paciente'){
                            envios.push('paciente');
                        }else if(tipo_destinario == 'prestador'){
                            envios.push('prestador');
                        }else{
                            envios.push('paciente');
                            envios.push('prestador');
                        }

                        loadingIn();
                        enviaMensagemWhatsApp(tipo_venda, tipo_mensagem, tipo_destinario, id_vd, envios);

                        console.log("Clicado no botão de envio");
                        return;

                    });

                    return;

                }

            });


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

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

                // Se o status foi alterado, verificar checklist pendente antes de permitir o submit
                if ($('#vd_status').val() != status_anterior) {

                    // Variável para controlar se o submit deve ser bloqueado
                    var bloqueado = false;

                    // AJAX síncrono para bloquear o submit até verificar os pendentes
                    $.ajax({
                        url: "{{route('vdChecklist.totalizadores', $vd->id_vd)}}",
                        type: 'GET',
                        async: false, // Síncrono para bloquear a execução
                        dataType: 'json',
                        success: function(response) {
                            // Os dados vêm diretamente do JSON retornado pelo controller
                            var pendentes = parseInt(response.total_itens_checklist_pendente || 0);

                            // Se houver itens pendentes, bloquear o submit
                            if (pendentes > 0) {
                                bloqueado = true;

                                $('.modal-body').html(
                                    '<p id="avisoMensagem">Não é possível alterar o status da venda, pois existem <b>' + pendentes + ' item(ns) de checklist pendente(s)</b>. Por favor, conclua os itens de checklist obrigatórios antes de alterar o status.</p>'
                                );

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

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

                                // Quando fechar o modal, apenas fechar (não submeter)
                                $('#btnAcaoOk').off('click').on('click', function() {
                                    $('#confirmModal').modal('hide');
                                });
                            }
                        },
                        error: function(xhr, status, error) {
                            console.error('Erro ao verificar checklist:', error);
                            // Em caso de erro, permitir continuar (ou bloquear conforme regra de negócio)
                            // Por segurança, vamos bloquear em caso de erro
                            bloqueado = true;
                            $('.modal-body').html(
                                '<p id="avisoMensagem">Erro ao verificar checklist. Por favor, tente novamente.</p>'
                            );
                            $('#btnAcaoSim').hide();
                            $('#btnAcaoNao').hide();
                            $('.close').show();
                            $('#btnAcaoOk').show();
                            $('#confirmModal').modal('show');
                            $('#btnAcaoOk').off('click').on('click', function() {
                                $('#confirmModal').modal('hide');
                            });
                        }
                    });

                    // Se foi bloqueado, não continuar com o submit
                    if (bloqueado) {
                        return false;
                    }
                }

                // Se  o status for igual a cirugia, pós cirurgia ou finalizado é obrigatório o preenchimento da data da cirurgia
                if (parseInt($('#ID_FORN-forn-opme').html()) > 0 &&  $('#vd_vl_opme').val() == '0') {

                    $('.modal-body').html('<p id="avisoMensagem">É obrigatório ter o campo <b>Valor OPME</b> preenchido. Por favor preencha o campo !</p> ');

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

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

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

                    return;

                }


                // Se  o status for igual a cirugia, pós cirurgia ou finalizado é obrigatório o preenchimento da data da cirurgia
                if (($('#vd_status').val() == 5 || $('#vd_status').val() == 6 || $('#vd_status').val() == 7) && $('#vd_dt_cirurgia').val() == '') {

                    $('.modal-body').html('<p id="avisoMensagem">É obrigatório ter o campo <b>Data da Cirurgia</b> preenchido, a partir do funil cirugia. Por favor preencha o campo !</p> ');

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

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

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

                    return;

                }

                // Verifica se o OPME foi preenchido
                if ($('#id_forn').val() != '' && $('#vd_vl_opme').val() == '' ) {

                    $('.modal-body').html('<p id="avisoMensagem">É obrigatório ter o <b>valor da OPME</b> preenchido. Por favor preencha o campo !</p> ');

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

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

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

                    return;

                }

                // Verifica se o pedido médico foi preenchido
                // if ($('#vd_pedido_medico').val() != 1) {

                //     $('.modal-body').html(
                //         '<p id="avisoMensagem">É obrigatório ter o pedido médico. Por favor preencha o campo !</p> '
                //         );

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

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

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


                //     return;
                // }


                // Verifica se o pedido médico foi preenchido
                if ($('#vd_exame_medico').val() != 1 || $('#vd_exame_imagens').val() != 1) {

                    $('.modal-body').html(
                        '<p id="avisoMensagem">É recomendado ter o <b>exame(s) laboratoriais e os exame(s) de imagens</b>. Deseja continuar ? </p> '
                        );

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

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

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

                    return;
                }

                //Se Cirurgia, Pós Cirurgia e Finalizado e o campo data da CIRURGIA deve estar preenchido
                if (($('#vd_status').val() == 17 || $('#vd_status').val() == 18 || $('#vd_status').val() == 19) && $('#vd_dt_cirurgia').val() == '') {

                    $('.modal-body').html('<p id="avisoMensagem">É obrigatório ter o campo <b>Data da Cirurgia</b> preenchido !. Por favor preencha o campo !</p> ');

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

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

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

                    return;

                }

                //Se for vendido, Pré Cirurgia, Cirurgia, Pós Cirurgia e Finalizado e o campo data da CIRURGIA deve estar preenchido
                if (($('#vd_status').val() == 2 || $('#vd_status').val() == 4 || $('#vd_status').val() == 5 || $('#vd_status').val() == 6 || $('#vd_status').val() == 7) && $('#vd_dt_venda').val() == '') {

                    $('.modal-body').html('<p id="avisoMensagem">É obrigatório ter o campo <b>Data da Venda</b> preenchido !. Por favor preencha o campo !</p> ');

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

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

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

                    return;

                }

                // Se o status for transformado em perdido e o campo de data perdido particular preenchido !
                if (($('#vd_status').val() == 3) && $('#vd_dt_perdido').val() == '') {

                    $('.modal-body').html('<p id="avisoMensagem">Aviso! É obrigatório preencher o campo <b>Data da perda </b>. Por favor preencha o campo !</p> ');

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

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

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

                    return;

                }


                // Se o status for pós cirurgia e finalizado e o campo de data recebido preenchido !
                if (($('#vd_status').val() == 6 || $('#vd_status').val() == 7) && $('#vd_dt_recebido').val() == '') {

                    $('.modal-body').html('<p id="avisoMensagem">É obrigatório ter o campo <b>Data do recebido</b> preenchido !. Por favor preencha o campo !</p> ');

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

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

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

                    return;

                }


                loadingIn();

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


            });

            $('.valida-ativacao-whatsapp').on('change', function(element){

                loadingIn();
                startCountdown(duration = 8, display = $('#timer-display'));

                $.ajax({
                    url: "{{route('whatsApp.validaAtivacao')}}",
                    type: 'POST', // Ou 'POST' se desejar enviar dados
                    data: {
                        _token: '{{csrf_token()}}', // Inclua o token CSRF nos dados
                        // Outros dados do formulário
                    },
                    success: function(data) {

                        if(data.success){
                            var mensagem_error = data.error;
                            var url = "{{route('whatsApp.ativacao')}}";

                            $('.modal-body').html('<p id="avisoMensagem">É necessário ativar whatsApp! Clique <a style="text-decoration: none; color: black;" href='+url+'><b>Aqui</b></a> para ativar whatsApp </p>');

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

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


                            setTimeout(() => {
                                $('#limparSelecaoNotificao').click();
                            }, 2000);

                        }else{
                            loadingOut();
                        }


                    },
                    error: function(error) {
                        console.log(error);
                    }
                });


            });

            // Evento change para múltiplos campos
            $('#vd_vl_medico, #vd_vld_medico, #vd_vl_anestesia, #vd_vld_anestesia, #vd_vl_hospital, #vd_vld_hospital, #vd_vl_opme, #vd_vl_uti, #vd_vl_coleta, #vd_vl_sangue, #vd_vl_outras_despesas').on('change', function() {

                    var vd_vl_medico = $('#vd_vl_medico').val() == '' ? 0 : parseFloat($('#vd_vl_medico').val().replace(',', '.'));
                    var vd_vld_medico = $('#vd_vld_medico').val() === '' ? 0 : parseFloat($('#vd_vld_medico').val().replace(',', '.'));
                    var vd_vl_anestesia = $('#vd_vl_anestesia').val() === '' ? 0 : parseFloat($('#vd_vl_anestesia').val().replace(',', '.'));
                    var vd_vld_anestesia = $('#vd_vld_anestesia').val() === '' ? 0 : parseFloat($('#vd_vld_anestesia').val().replace(',', '.'));
                    var vd_vl_hospital = $('#vd_vl_hospital').val() === '' ? 0 : parseFloat($('#vd_vl_hospital').val().replace(',', '.'));
                    var vd_vld_hospital = $('#vd_vld_hospital').val() === '' ? 0 : parseFloat($('#vd_vld_hospital').val().replace(',', '.'));
                    var vd_vl_opme = $('#vd_vl_opme').val() === '' ? 0 : parseFloat($('#vd_vl_opme').val().replace(',', '.'));
                    var vd_vl_uti = $('#vd_vl_uti').val() === '' ? 0 : parseFloat($('#vd_vl_uti').val().replace(',', '.'));
                    var vd_vl_coleta = $('#vd_vl_coleta').val() === '' ? 0 : parseFloat($('#vd_vl_coleta').val().replace(',', '.'));
                    var vd_vl_sangue = $('#vd_vl_sangue').val() === '' ? 0 : parseFloat($('#vd_vl_sangue').val().replace(',', '.'));
                    var vd_vl_outras_despesas = $('#vd_vl_outras_despesas').val() === '' ? 0 : parseFloat($('#vd_vl_outras_despesas').val().replace(',', '.'));


                    var total_sem_desconto = vd_vl_medico + vd_vl_anestesia + vd_vl_hospital + vd_vl_opme +
                        vd_vl_uti + vd_vl_coleta + vd_vl_sangue + vd_vl_outras_despesas;

                    var total_com_desconto = total_sem_desconto - (vd_vld_medico + vd_vld_anestesia + vd_vld_hospital);

                    total_sem_desconto = total_sem_desconto.toFixed(2).toString().replace('.', ',');
                    total_com_desconto = total_com_desconto.toFixed(2).toString().replace('.', ',');

                    $('#vd_vl_total').val(total_sem_desconto);
                    $('#vd_vl_total_desconto').val(total_com_desconto);

            });


            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');
            }


            function enviaMensagemWhatsApp(tipo_venda, tipo_mensagem, tipo_destinario, id_vd, envios){


                $('#alert-success').empty();
                $('#alert-error').empty();


                $.ajax({
                    url: "{{route('whatsApp.notificaVenda')}}",
                    type: 'POST', // Ou 'POST' se desejar enviar dados
                    data: {
                        _token: '{{csrf_token()}}', // Inclua o token CSRF nos dados
                        tipo_mensagem: tipo_mensagem,
                        tipo_destinario: envios,
                        id_vd: id_vd,
                        tipo_venda:tipo_venda

                        // Outros dados do formulário
                    },
                    success: function(data) {

                        var successHtml = "";
                        var errorHtml = "";

                        data.forEach(item => {

                            if(item.original.status == 'success'){

                                // if(item.original.status == 'success'){

                                    successHtml =
                                    '<div class="alert alert-success alert-dismissible fade show" role="alert">' +
                                        '<strong id="mensagem">'+item.original.message+'</strong>' +
                                        '<button type="button" class="close" data-dismiss="alert" aria-label="Close">' +
                                            '<span aria-hidden="true">&times;</span>' +
                                        '</button>' +
                                    '</div>';

                                    $('#alert-success').append(successHtml);
                                // }



                                }else
                                {


                                    errorHtml =
                                        '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                            '<strong id="mensagem">'+item.original.message+'!</strong>' +
                                            '<button type="button" class="close" data-dismiss="alert" aria-label="Close">' +
                                                '<span aria-hidden="true">&times;</span>' +
                                            '</button>' +
                                        '</div>';

                                        $('#alert-error').append(errorHtml);


                                }


                        });



                        if(successHtml.length > 0){
                            $('#alert-success').show();
                        }

                        if(errorHtml.length > 0){
                            $('#alert-error').show();
                        }

                        loadingOut();

                        startCountdown(duration = 10, display = $('#timer-display'));


                    },
                    error: function(error) {
                        startCountdown(duration = 10, display = $('#timer-display'));
                    }
                });

            }

            function startCountdown(duration, display) {


                $('#btnAcaoSim').prop('disabled', true);

                let timer = duration;
                display.text(timer);

                let countdown = setInterval(function() {
                    timer--;
                    display.text(timer);
                    console.log(timer);
                    $('#btnAcaoSim').text('Liberado em ... '+timer+' segundos ');

                    if (timer <= 0) {
                        clearInterval(countdown);
                        display.text('Tempo esgotado');
                        $('#btnAcaoSim').prop('disabled', false);
                        $('#btnAcaoSim').text('Sim');
                    }
                }, 1000);
            }

            $('#vd_status').on('change', function() {
                    var vd_status = $(this).val(); //Pega o valor selecionado
                    var funil_tag = null;

                    if(vd_status){

                        if(vd_status == 1){
                            funil_tag = "PARTICULAR-EM-NEGOCIACAO";
                        }
                        if(vd_status == 2){
                            funil_tag = "PARTICULAR-VENDIDO";
                        }
                        if(vd_status == 3){
                            funil_tag = "PARTICULAR-PERDIDO";
                        }
                        if(vd_status == 4){
                            funil_tag = "PARTICULAR-PRE-CIRURGIA";
                        }
                        if(vd_status == 5){
                            funil_tag = "PARTICULAR-CIRURGIA";
                        }
                        if(vd_status == 6){
                            funil_tag = "PARTICULAR-POS-CIRURGIA";
                        }
                        if(vd_status == 7){
                            funil_tag = "PARTICULAR-FINALIZADO";
                        }


                        if (vd_status == 3) {
                            $('#motivo_perda_container').show();
                            $('#id_mtc').prop('required', true); // Adiciona o atributo required
                        } else {
                            $('#motivo_perda_container').hide();
                            $('#id_mtc').prop('required', false); // Remove o atributo required
                        }


                    }

                    if (funil_tag) {
                        $.ajax({
                            url: '{{ route("getInputProcesso", ":funil_tag") }}'.replace(':funil_tag', funil_tag), // Rota para buscar os plantões
                            type: 'GET',
                            dataType: 'json',
                            success: function(data) {
                                // Limpa o campo de processo
                                $('#id_processo').empty();
                                // Adiciona um option padrão
                                $('#id_processo').append('<option value="">Selecione um processo</option>');
                                // Percorre os dados recebidos e adiciona opções ao select de processo
                                $.each(data, function(index, value) {
                                    $('#id_processo').append('<option value="' + value.id_processo + '"> '+  value.id_processo + ' - ' + value.processo_nome + '</option>');
                                });
                                // Atualiza o select2
                                $('#id_processo').select2();
                            },
                            error: function(xhr) {
                                console.error('Erro ao buscar os processos:', xhr);
                            }
                        });
                    } else {
                        // Se nenhum processo foi selecionado, limpa o select de processo
                        $('#id_processo').empty().append('<option value="">Selecione um processo </option>').select2();
                    }
                });


                /************************* FORNCEDORES *******************************/



                const vdId = $('#id_vd').val();

                listarFornecedores();


                // ---- API calls
                function apiListar() {
                    return $.get("{{ route('vd.fornecedores.index', ':vd') }}".replace(':vd', vdId));
                }
                function apiInserir(id_forn) {
                    return $.post("{{ route('vd.fornecedores.store', ':vd') }}".replace(':vd', vdId), {
                    _token: '{{ csrf_token() }}',
                    id_forn
                    });
                }
                function apiExcluir(id_forn) {
                    return $.ajax({
                    url: "{{ route('vd.fornecedores.destroy', [':vd', ':forn']) }}"
                            .replace(':vd', vdId).replace(':forn', id_forn),
                    type: 'DELETE',
                    data: { _token: '{{ csrf_token() }}' }
                    });
                }

                // ---- UI helpers
                function renderTabela(items) {
                    const $tb = $('#tblForn tbody');
                    $tb.empty();
                    if (!items.length) {
                    $tb.append('<tr><td colspan="2"><i>Nenhum fornecedor vinculado</i></td></tr>');
                    return;
                    }
                    items.forEach(row => {
                    const tr = `
                        <tr data-id="${row.id_forn}">
                        <td>${row.forn_nome}</td>
                        <td style="text-align:right">
                            <button class="btn btn-xs btn-danger btnDelForn"><i class="fas fa-trash-alt"></i></button>
                        </td>
                        </tr>`;
                    $tb.append(tr);
                    });
                }

                function atualizarBadge(count) {
                    const $badge = $('#ID_FORN-forn-opme');
                    $badge.html(count);

                }

                // ---- Encapsulamento das ações do CRUD
                async function listarFornecedores() {
                    try {
                    const res = await apiListar();
                    renderTabela(res.items);
                    atualizarBadge(res.count);
                    } catch (e) { console.error(e); }
                }

                async function inserirFornecedor() {
                    const id_forn = $('#forn_to_add').val();
                    if (!id_forn) return;
                    try {
                    await apiInserir(id_forn);
                    await listarFornecedores();
                    // opcional: se não houver “principal”, define o select legado
                    if (!$('#id_forn').val()) { $('#id_forn').val(id_forn).trigger('change'); }
                    } catch (e) { console.error(e); alert('Erro ao adicionar fornecedor'); }
                }

                async function excluirFornecedor(id_forn) {
                    try {
                    await apiExcluir(id_forn);
                    await listarFornecedores();
                    // se removeu o que está no select legado, zere o valor
                    if ($('#id_forn').val() == String(id_forn)) {
                        $('#id_forn').val('').trigger('change');
                    }
                    } catch (e) { console.error(e); alert('Erro ao excluir fornecedor'); }
                }



                // ---- Bindings
                $(document).on('click', '#btn-manage-forn', async function() {
                    await listarFornecedores();
                    $('#modalFornecedores').modal('show');
                });

                $(document).on('click', '#btnAddForn', async function() {
                    await inserirFornecedor();
                    $('#forn_to_add').val('');
                });

                $(document).on('click', '.btnDelForn', async function(e) {
                    e.preventDefault();

                    const id = $(this).closest('tr').data('id');
                    if (confirm('Remover este fornecedor da venda?')) {
                    await excluirFornecedor(id);
                    }
                });

                // Função para criar o modal e adiciona-lo ao body
                function criarModal() {
                    var modalHtml = '' +
                        '<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>';

                    // Adiciona o modal ao final do body
                    $('body').append(modalHtml);
                }

                // Função para destruir (remover) o modal do DOM
                function destruirModal() {
                    $('#confirmModal').remove();
                }


                function abrirOrcamento() {
                    var id  = $('#id_vd').val(); // id da venda
                    var url = "{{ route('orcamentos.show', ':id') }}".replace(':id', id);

                    $('#iframeOrcamento').attr('src', url);
                    $('#modalOrcamentoPdf').modal('show');

                    $('#vd_particular_info_orcamento').prop('disabled', false)

                }

                $(document).on('click', '.js-btn-open-orcamento, .js-open-orcamento', function (e) {
                    e.preventDefault();
                    $('#visualizar_orcamento').prop('checked', true); // mantém o rádio marcado
                    abrirOrcamento(); // sempre abre e recarrega
                });

            });



    </script>
@endsection