@extends('adminlte::page')

@section('title','Editar Venda - Convênio')

@section('content_header')
    <h3>Editar Venda - <a id="btnConvenioIndex" href="{{route('vendaConvenio.index')}}"><b>Convenio</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;
        }

        #btnConvenioIndex {
            cursor: pointer;
            color: black;
        }

        #limparSelecaoNotificao{
            cursor: pointer;
            color: black;
        }

        #limparSelecaoVenda{
            cursor: pointer;
            color: black;
        }

        #limparSelecaoProcesso{
            cursor: pointer;
            color: black;
        }

        /* Remove a aparência padrão e define o estilo customizado */
        .custom-radio {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 20px;
            height: 20px;
            border: 2px solid #007bff; /* Cor da borda */
            border-radius: 50%;
            position: relative;
            margin-right: 8px;
            vertical-align: middle;
            cursor: pointer;
            outline: none;
            transition: border-color 0.2s ease;
        }

        /* Estilo para o estado checked: exibe um círculo interno */
        .custom-radio:checked {
            border-color: #007bff;
        }

        .custom-radio:checked::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            background: #007bff; /* Cor do círculo interno */
            border-radius: 50%;
        }

        /* Estilo para os labels associados */
        .custom-radio-label {
            cursor: pointer;
            font-size: 20px;
            vertical-align: middle;
            margin-right: 15px;
            padding-top: 7px;
        }


    </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('success') }}
                <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('vendaConvenio.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_convenio_info_orcamento" name="info_type" value="vd_convenio_info_orcamento">
                                                <label for="vd_convenio_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_convenio_info_sol_cirurgia" name="info_type" value="vd_convenio_info_sol_cirurgia" class="valida-ativacao-whatsapp">
                                                <label for="vd_convenio_info_sol_cirurgia" class="enviarMsgWhatsApp">
                                                    Status: Solicitação de Cirurgia
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group clearfix">
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" id="vd_convenio_info_documentacao_enviada" name="info_type" value="vd_convenio_info_documentacao_enviada" class="valida-ativacao-whatsapp">
                                                <label for="vd_convenio_info_documentacao_enviada" class="enviarMsgWhatsApp">
                                                Status: Documentação Enviada
                                                </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_convenio_info_em_analise" name="info_type" value="vd_convenio_info_em_analise"  class="valida-ativacao-whatsapp">
                                                <label for="vd_convenio_info_em_analise" class="enviarMsgWhatsApp">
                                                    Status: Em Análise
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group clearfix">
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" id="vd_convenio_info_autorizado" name="info_type" value="vd_convenio_info_autorizado"  class="valida-ativacao-whatsapp">
                                                <label for="vd_convenio_info_autorizado" class="enviarMsgWhatsApp">
                                                    Status: Autorizado
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group clearfix">
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" id="vd_convenio_info_nao_autorizado" name="info_type" value="vd_convenio_info_nao_autorizado"  class="valida-ativacao-whatsapp">
                                                <label for="vd_convenio_info_nao_autorizado" class="enviarMsgWhatsApp">
                                                    Status: Não Autorizado
                                                </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_convenio_info_alta_hospitalar" name="info_type" value="vd_convenio_info_alta_hospitalar"  class="valida-ativacao-whatsapp">
                                                <label for="vd_convenio_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_convenio_info_alta_medica" name="info_type" value="vd_convenio_info_alta_medica"  class="valida-ativacao-whatsapp">
                                                <label for="vd_convenio_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 class="form-group clearfix">
                                            <div class="icheck-primary d-inline">
                                                <input disabled type="radio" id="vd_convenio_info_transformado_particular" name="info_type" value="vd_convenio_info_transformado_particular" >
                                                <label for="vd_convenio_info_transformado_particular">
                                                    Status: Tr. em particular
                                                </label>
                                            </div>
                                        </div>
                                        {{-- <div class="form-group clearfix">
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" id="vd_info_venda" name="info_type" value="vd_info_venda">
                                                <label for="vd_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_info_perda" name="info_type" value="vd_info_perda">
                                                <label for="vd_info_perda">
                                                    Status: Perda
                                                </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">
                                                Visualizar Orçamento
                                            </label>
                                        </div>
                                    </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group clearfix">
                                            <label id="limparSelecaoProcesso">
                                                Processo
                                            </label>
                                        </div>
                                        <div class="form-group clearfix">
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" id="vd_processo_solicitacao_cirurgia" name="info_processo" value="vd_processo_solicitacao_cirurgia">
                                                <label for="vd_processo_solicitacao_cirurgia">
                                                    Solicitar Cirurgia
                                                </label>
                                            </div>
                                        </div>
                                        {{-- <div class="form-group clearfix">
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" id="vd_processo_envio_fat_cirurgia" name="info_processo" value="vd_processo_envio_fat_cirurgia">
                                                <label for="vd_processo_envio_fat_cirurgia">
                                                    Enviar Faturamento Convênio
                                                </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">
                                                    Perder venda
                                                </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>
                    <br>
                    <br>
                    <input type="hidden" value="{{ $vd->id_vd }}" id="id_vd">
                    <input type="hidden" value="convenio" 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('vendaParticular.edit', ['id' => $vd->vd_historico]) }}">Aqui</a></strong> para abrir


                            <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 <b style="color: red;">*</b></label>
                        <div class="col-sm-10">
                            <select 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</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>
                            @error('id_cg_pac')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Prestador <b style="color: red;">*</b></label>
                        <div class="col-sm-10">
                            <select class="col-sm-12 form-control select2-cg" name="id_cg_pre"
                                @error('id_cg_pre') is-invalid @enderror id="id_cg_pre">
                                <option value=""> Nenhum</option>
                                @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>
                            @error('id_cg_pre')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Procedimento <b style="color: red;">*</b></label>
                        <div class="col-sm-10">
                            <select class="col-sm-12 form-control select2-cg" name="id_proc"
                                @error('id_proc') is-invalid @enderror id="id_proc">
                                <option value=""> Nenhum</option>
                                @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>
                            @error('id_proc')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Convênio <b style="color: red;">*</b></label>
                        <div class="col-sm-10">
                            <select class="col-sm-12 form-control select2-cg" name="id_cv"
                                @error('id_cv') is-invalid @enderror id="id_cv">
                                <option value=""> Nenhum</option>
                                @foreach ($vds_convenios_select as $convenio)
                                    <option @if ($convenio->id_cv == $vd->id_cv  ) selected="selected" @endif value="{{ $convenio->id_cv }}">{{ $convenio->cv_nome}}</option>
                                @endforeach
                            </select>
                            @error('id_cv')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Hospital <b style="color: red;">*</b></label>
                        <div class="col-sm-10">
                            <select class="col-sm-12 form-control select2-cg" name="id_hp"
                                @error('id_hp') is-invalid @enderror id="id_hp">
                                <option value=""> Nenhum</option>
                                @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>
                            @error('id_hp')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </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 required class="col-sm-12 form-control"  name="vd_pedido_medico" id="vd_pedido_medico">
                                <option value=""> Nenhum</option>
                                    <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>
                            @error('vd_pedido_medico')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </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=""> Nenhum</option>
                                    <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>
                            @error('vd_exame_medico')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </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=""> Nenhum</option>
                                    <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>
                            @error('vd_exame_imagens')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    {{-- <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Fornecedor OPME</label>
                        <div class="col-sm-10">
                            <input required type="text" name="vd_fonecedor_opme" class="form-control @error('vd_fonecedor_opme') is-invalid @enderror" value="{{ $vd->vd_fonecedor_opme }}">
                        </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">
                            {{-- legado: “principal” (opcional) --}}
                            <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>
                            {{-- @foreach ($vds_fornecedores_select as $fornecedor)
                                <option @if ($fornecedor->id_forn == $vd->id_forn) selected @endif
                                value="{{ $fornecedor->id_forn }}">{{ $fornecedor->forn_nome }}</option>
                            @endforeach --}}
                            </select>
                        </div>
                    </div>

                    {{-- Modal CRUD fornecedores --}}
                    <div class="modal fade" id="modalFornecedores" tabindex="-1" role="dialog" aria-labelledby="modalFornecedoresLabel" aria-hidden="true">
                        <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 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>
                                    {{-- preenchido via JS --}}
                                </tbody>
                                </table>
                            </div>
                            <div class="modal-footer">
                                <button class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                            </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    <br>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Solicitação Cirurgia</label>
                        <div class="col-sm-10">
                            <input type="date" name="vd_dt_sol_cirurgia" id="vd_dt_sol_cirurgia" class="form-control @error('vd_dt_sol_cirurgia') is-invalid @enderror" value="{{ $vd->vd_dt_sol_cirurgia }}">
                        </div>
                    </div>
                    {{-- <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Envio Fat. Convênio</label>
                        <div class="col-sm-10">
                            <input disabled type="date" name="vd_dt_envio_faturamento_convenio" class="form-control @error('vd_dt_envio_faturamento_convenio') is-invalid @enderror" value="{{ $vd->vd_dt_envio_faturamento_convenio }}">
                        </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_protocolo_convenio" 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">Cirurgia</label>
                        <div class="col-sm-10">
                            <input type="datetime-local" name="vd_dt_cirurgia" id="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">Venda</label>
                        <div class="col-sm-10">
                            <input type="date" name="vd_dt_venda" id="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 transformado em particular</label>
                        <div class="col-sm-10">
                            <input  type="date" id="vd_dt_transf_particular" name="vd_dt_transf_particular" class="form-control @error('vd_dt_transf_particular') is-invalid @enderror" value="{{ $vd->vd_dt_transf_particular }}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Recebido</label>
                        <div class="col-sm-10">
                            <input type="date" name="vd_dt_recebido" class="form-control @error('vd_dt_recebido') is-invalid @enderror" value="{{ $vd->vd_dt_recebido }}">
                        </div>
                    </div>
                    {{-- <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Data Orçamento Médico</label>
                        <div class="col-sm-10">
                            <input type="date" name="vd_dt_orcamento" class="form-control @error('vd_dt_orcamento') is-invalid @enderror" value="{{ $vd->vd_dt_orcamento }}">
                        </div>
                    </div> --}}
                    <br>
                    <br>
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label">Honorário Médico</label>
                        <div class="col-sm-10">
                            <select  class="col-sm-12 form-control"  name="vd_honorario_medico">
                                    <option value="1"  @if ($vd->vd_honorario_medico == 1) selected="selected" @endif>Particular</option>
                                    <option value="2"  @if ($vd->vd_honorario_medico == 2) selected="selected" @endif>Convênio</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Valor do Médico</label>
                        <div class="col-sm-10">
                            <input required 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 required 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 required type="number" 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 required type="number" 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 required type="number" 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">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 required 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 required 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 required 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-10 form-control"  name="vd_status" id="vd_status">
                                    <option value="9"   @if ($vd->vd_status == 9) selected="selected" @endif>Recebimento de Lead</option>
                                    <option value="10"  @if ($vd->vd_status == 10) selected="selected" @endif>Em análise</option>
                                    <option value="11"  @if ($vd->vd_status == 11) selected="selected" @endif>Não autorizado: Motivo: {{ $vd->vendas_nao_autorizado->isNotEmpty() ? $motivo = $vd->vendas_nao_autorizado->last()->motivo_nao_autorizacao->descricao : '' }}</option>
                                    <option value="12"  @if ($vd->vd_status == 12) selected="selected" @endif>Transformado em particular</option>
                                    <option value="13"  @if ($vd->vd_status == 13) selected="selected" @endif>Autorizado</option>
                                    <option value="14"  @if ($vd->vd_status == 14) selected="selected" @endif>Vendido</option>
                                    <option value="15"  @if ($vd->vd_status == 15) selected="selected" @endif>Perdido</option>
                                    <option value="16"  @if ($vd->vd_status == 16) selected="selected" @endif>Pré Cirurgia</option>
                                    <option value="17"  @if ($vd->vd_status == 17) selected="selected" @endif>Cirurgia</option>
                                    <option value="18"  @if ($vd->vd_status == 18) selected="selected" @endif>Pós Cirurgia</option>
                                    <option value="19"  @if ($vd->vd_status == 19) selected="selected" @endif>Finalizado</option>
                                    <option value="20"  @if ($vd->vd_status == 20) 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>
                    <hr>
                    <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>
                    @if ($vd->vd_status != 12)
                        <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" id="salvarFormulario">
                            </div>
                        </div>
                    @endif

                </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 modal-aviso" id="modal-aviso">
                        <p id="avisoMensagem"></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btnAcaoNao" 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> --}}
        <!-- Caixa de Diálogo Motivo de negativa-->
        <div class="modal" tabindex="-1" role="dialog" id="modalMotivoSolicitacaoNaoAutorizada">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title w-100 text-center" ><b>Informe o motivo que não foi autorizado a solicitação da cirurgia.</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" id="modal-nao-autorizado">
                        <div class="form-group row">
                            <label  class="col-sm-3 col-form-label">Motivo da negativa</label>
                            <div class="col-sm-9">
                                <select class="col-sm-12 form-control select2-cg" name="id_mtna"
                                @error('id_mtna') is-invalid @enderror id="id_mtna">
                                @foreach ($motivos_nao_autorizado as $mtna)
                                    <option value="{{ $mtna->id_mtna }}">{{ $mtna->id_mtna}} - {{ $mtna->descricao}}</option>
                                @endforeach
                            </select>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer justify-content-center">


                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="btnAcaoNao">Cancelar</button>
                        <button type="button" class="btn btn-primary" id="motivoSolicitacao">Lançar</button>
                        {{-- <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnAcaoOk"
                            style="display: none;">Ok</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;

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


            listarFornecedores();

            // 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 inválida! Selecione uma data a partir de hoje.");
                        $(this).val('');
                    }

                }, 3000);

            });

            criarModal();

            var continuaSubmit = true;
            var idVenda = {{ $vd->id_vd }};

            $('#motivoSolicitacao').on('click', function(event) {
                event.preventDefault(); // Evita o comportamento padrão (se necessário)

                ajaxVendaMtnaCreate();

            });

            $('#vd_vl_medico, #vd_vld_medico, #vd_vl_anestesia, #vd_vld_anestesia, #vd_vl_hospital, #vd_vl_opme, #vd_vl_uti, #vd_vl_coleta, #vd_vl_sangue, #vd_vl_outras_despesasm, #vd_vl_total_desconto, #vd_vl_total').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);
            });

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

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

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


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

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

                    if(tipo_mensagem == 'vd_convenio_info_autorizado' || tipo_mensagem == 'vd_convenio_info_cirurgia'){

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



                    }else{

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



                    }





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

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

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

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

                        //Fecha o modal
                        // $('#vendaEdit')[0].submit();

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

                        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 if(tipo_destinario == 'fornecedor'){
                            envios.push('fornecedor');
                        }else{
                            envios.push('paciente');
                            envios.push('prestador');
                            envios.push('fornecedor');
                        }

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

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

                    return;

                }
            });

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

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

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


            });

            function ajaxVendaMtnaCreate(){

                $.ajax({
                    url: "{{route('ajax.mtna.create')}}",
                    type: 'POST',
                    data: {
                        _token: '{{csrf_token()}}',
                        id_mtna: $('#id_mtna').val(),
                        id_venda: idVenda
                    },
                    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);

                            $('#modalMotivoSolicitacaoNaoAutorizada').modal('hide');
                            $('#confirmModal').modal('show');
                            loadingIn();
                            $('#vendaEdit')[0].submit();

                        }else{
                            loadingOut();
                        }


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




            //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 for diferente de recebimento de lead e em análise e o campo
                // if (($('#vd_status').val() != 9 && $('#vd_status').val() != 20) && $('#vd_dt_sol_cirurgia').val() == '') {
                if (($('#vd_status').val() != 9 && $('#vd_status').val() != 12 && $('#vd_status').val() != 15  && $('#vd_status').val() != 20 ) && ($('#vd_dt_sol_cirurgia').val() == '' || $('#vd_protocolo_convenio').val() == '')) {

                    var mensagem = '';

                    if($('#vd_dt_cirurgia').val() == ''){
                        mensagem += 'É obrigatório preeecher o campo <b>Solicitação da Cirurgia</b>. Por favor preencha !';
                    }

                    if($('#vd_protocolo_convenio').val() == ''){
                        mensagem += '<br>É obrigatório preencher o campo <b>Protocolo</b>. Por favor preencha ! ';
                    }

                    $('.modal-body').html('<p id="avisoMensagem">'+mensagem+'</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 diferente de recebimento de lead e em análise e o campo
                if (($('#vd_status').val() == 17  || $('#vd_status').val() == 18 || $('#vd_status').val() == 19) && $('#vd_dt_cirurgia').val() == '') {
                // if (($('#vd_status').val() == 12 || $('#vd_status').val() == 15  || $('#vd_status').val() == 20 ) && $('#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 venda deve está preenchido
                if (($('#vd_status').val() == 13 || $('#vd_status').val() == 14 || $('#vd_status').val() == 16  || $('#vd_status').val() == 17 || $('#vd_status').val() == 18 || $('#vd_status').val() == 19) && $('#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 particular e o campo de data transformado em particular preenchido !
                if (($('#vd_status').val() == 12) && $('#vd_dt_transf_particular').val() == '') {

                    $('.modal-body').html('<p id="avisoMensagem">É obrigatório ter o campo <b>Data Transformado em particular</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() == 15) && $('#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 Cirurgia, Pós Cirurgia e Finalizado e o campo data da CIRURGIA deve estar preenchido
                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 !. 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 Pós Cirurgia e Finalizado e o campo data do Recebido deve estar preenchido
                if (($('#vd_status').val() == 18 || $('#vd_status').val() == 19) && $('#vd_dt_recebido').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;

                }



                // Verifica se o campo PEDIDO MÉDICO foi preenchido
                if ($('#vd_pedido_medico').val() != 1 ) {

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

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

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

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

                    return;
                }

                //Se for diferente de recebimento de lead
                if($('#vd_status').val() != 9 && $('#vd_status').val() != 20){

                    if (
                        // $('#vd_pedido_medico').val() != 1 ||
                        // $('#vd_exame_medico').val() != 1 ||
                        $('#vd_exame_imagens').val() != 1
                    ) {


                        $('#modal-aviso').html('<p id="avisoMensagem">É obrigatório lançar o <b>pedido(s) médico</b>, <b>exame laboratoriais</b> e os <b>exame(s) de imagems</b>. Por favor preencha o campo ! </p> ');

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

                        $('#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 diferente de recebimento de lead e em análise e o campo
                    if ($('#vd_dt_sol_cirurgia').val() == '') {

                        $('.modal-body').html('<p id="avisoMensagem">É obrigatório ter o campo de data da <b>Solicitação 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 não autorizado
                if($('#vd_status').val() == 11){

                    //Se o contato for preenchido
                    if($('#ct_msg_user').val().length == 0 ){

                        $('#modal-aviso').html('<p id="avisoMensagem">Ao informar o <b>status como não autorizado</b> é obrigatório registrar o contato !</p> ');

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

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

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

                        return;
                    }else{

                        $('#modalMotivoSolicitacaoNaoAutorizada').modal('show');
                        return;
                    }



                }


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

            });

            function loadingIn(){

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

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


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


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

            }


            function loadingOut(){
                $('#confirmModal').modal('hide');
            }

            // Função para criar o modal e adicioná-lo ao body
            function criarModal() {
                var modalHtml = '' +
                    '<div class="modal" tabindex="-1" role="dialog" id="confirmModal">' +
                        '<div class="modal-dialog modal-lg" 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 modal-aviso" id="modal-aviso">' +
                                    '<p id="avisoMensagem"></p>' +
                                '</div>' +
                                '<div class="modal-footer">' +
                                    '<button type="button" class="btn btn-secondary btnAcaoNao" id="btnAcaoNao" data-dismiss="modal"  style="display: none;">Não</button>' +
                                    '<button type="button" class="btn btn-primary btnAcaoSim" id="btnAcaoSim" style="display: none;">Sim</button>' +
                                    '<button type="button" class="btn btn-primary btnAcaoOk" id="btnAcaoOk" data-dismiss="modal" style="display: none;">Ok</button>' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                    '</div>';

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


            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'){


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

            }


            // Evento change para múltiplos campos
            $('#vd_vl_medico, #vd_vld_medico, #vd_vl_anestesia, #vd_vld_anestesia, #vd_vl_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(/\./g, '').replace(',', '.'));

                var vd_vld_medico = $('#vd_vld_medico').val() === ''
                    ? 0
                    : parseFloat($('#vd_vld_medico').val().replace(/\./g, '').replace(',', '.'));

                // var vd_vl_anestesia = $('#vd_vl_anestesia').val() === ''
                //     ? 0
                //     : parseFloat($('#vd_vl_anestesia').val().replace(/\./g, '').replace(',', '.'));

                // var vd_vld_anestesia = $('#vd_vld_anestesia').val() === ''
                //     ? 0
                //     : parseFloat($('#vd_vld_anestesia').val().replace(/\./g, '').replace(',', '.'));

                // var vd_vl_hospital = $('#vd_vl_hospital').val() === ''
                //     ? 0
                //     : parseFloat($('#vd_vl_hospital').val().replace(/\./g, '').replace(',', '.'));

                var vd_vl_opme = $('#vd_vl_opme').val() === ''
                    ? 0
                    : parseFloat($('#vd_vl_opme').val().replace(/\./g, '').replace(',', '.'));

                var vd_vl_uti = $('#vd_vl_uti').val() === ''
                    ? 0
                    : parseFloat($('#vd_vl_uti').val().replace(/\./g, '').replace(',', '.'));

                var vd_vl_coleta = $('#vd_vl_coleta').val() === ''
                    ? 0
                    : parseFloat($('#vd_vl_coleta').val().replace(/\./g, '').replace(',', '.'));

                var vd_vl_sangue = $('#vd_vl_sangue').val() === ''
                    ? 0
                    : parseFloat($('#vd_vl_sangue').val().replace(/\./g, '').replace(',', '.'));

                var vd_vl_outras_despesas = $('#vd_vl_outras_despesas').val() === ''
                    ? 0
                    : parseFloat($('#vd_vl_outras_despesas').val().replace(/\./g, '').replace(',', '.'));

                var total_sem_desconto = vd_vl_medico + 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;

                total_sem_desconto_formatado = formatarMoedaBR(total_sem_desconto);
                total_com_desconto_formatado = formatarMoedaBR(total_com_desconto);


                $('#vd_vl_total').val(total_sem_desconto_formatado);
                $('#vd_vl_total_desconto').val(total_com_desconto_formatado);

                // setTimeout(() => {
                //     $('#vd_vl_total').click();
                //     $('#vd_vl_total_desconto').click();

                // }, 500);



            });

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

                if (vd_status) {
                    if (vd_status == 10) funil_tag = "CONVENIO-EM-ANALISE";
                    if (vd_status == 11) funil_tag = "CONVENIO-NAO-AUTORIZADO";
                    if (vd_status == 12) funil_tag = "CONVENIO-TRANSFORMADO-PARTICULAR";
                    if (vd_status == 13 || vd_status == 14) funil_tag = "CONVENIO-AUTORIZADO";
                    if (vd_status == 15) funil_tag = "CONVENIO-PERDIDO";
                    if (vd_status == 16) funil_tag = "CONVENIO-PRE-CIRURGIA";
                    if (vd_status == 17) funil_tag = "CONVENIO-CIRURGIA";
                    if (vd_status == 18) funil_tag = "CONVENIO-POS-CIRURGIA";
                    if (vd_status == 19) funil_tag = "CONVENIO-FINALIZADO";

                    if (vd_status == 15) {
                        $('#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),
                        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();
                }
            });

            function startCountdown(duration, display) {

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

            function formatarMoedaBR(valor) {
                var partes = valor.toFixed(2).split('.');
                partes[0] = partes[0].replace(/\B(?=(\d{3})+(?!\d))/g, ".");
                return partes.join(',');
            }

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

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


                $('.js-open-orcamento').on('change', function () {
                    if ($(this).is(':checked')) {
                        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_convenio_info_orcamento').prop('disabled', false)
                    }
                });



        });


    </script>
@endsection