@extends('layouts.simple.master')

@section('title', 'Default Dashboard')

@section('css')





<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/jquery.dataTables.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/select.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/autoFill.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/keyTable.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/buttons.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/fixedHeader.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/responsive.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/rowReorder.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/flatpickr/flatpickr.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/select/bootstrap-select.min.css') }}">

<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/prism.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/intltelinput.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/tagify.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/dataTables.bootstrap5.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/swiper/swiper-bundle.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/quill.snow.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/sweetalert2.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/owlcarousel.css') }}">

<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/photoswipe.css') }}">

@endsection

@section('main_content')
<div class="container-fluid">
    <div class="page-title">
        <div class="row">
            <div class="col-sm-6">
                <h3>Default </h3>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href=""> <svg class="stroke-icon">
                                <use href="{{ asset('assets/svg/icon-sprite.svg#stroke-home') }}"></use>
                            </svg></a></li>
                    <li class="breadcrumb-item">Dashboard</li>
                    <li class="breadcrumb-item active">Default </li>
                </ol>
            </div>
        </div>
    </div>
</div><!-- Container-fluid starts-->
<div class="container-fluid">
    <div class="email-wrap email-main-wrapper">
        <div class="row">
            <div class="col-xxl-2 col-xl-3 box-col-12">
                <div class="md-sidebar">
                    <a class="btn btn-primary md-sidebar-toggle" href="#!">email filter</a>
                    <div class="md-sidebar-aside job-left-aside custom-scrollbar">
                        <div class="email-left-aside">
                            <div class="card">
                                <div class="card-body">
                                    <div class="email-app-sidebar">
                                        <h5 class="mb-3">Supply chain</h5>
                                        <ul class="nav nav-pills main-menu email-category" id="email-pills-tab" role="tablist">
                                            <li class="nav-item">
                                                <a href="#submenu2" data-bs-toggle="collapse" class="nav-link px-0 align-middle ">
                                                    <i class="fa fa-plus"></i>
                                                    <span class="ms-1 d-none d-sm-inline">Dashboard</span></a>
                                                <ul class="collapse" id="submenu2" data-bs-parent="#menu">
                                                    <li class="w-100">
                                                        <a href="#" class="nav-link px-0">Painel Produção</a>
                                                    </li>
                                                    <li class="w-100">
                                                        <a href="#" class="nav-link px-0">Painel Produção</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="nav-item">
                                                <a href="#submenu3" data-bs-toggle="collapse" class="nav-link px-0 align-middle ">
                                                    <i class="fa fa-plus"></i> <span class="ms-1 d-none d-sm-inline">Cadastro</span></a>
                                                <ul class="collapse" id="submenu3" data-bs-parent="#menu">
                                                    <li>
                                                        <a class="nav-link px-0 active" id="inbox-pill-tab" data-bs-toggle="pill" href="#inbox-pill" role="tab" aria-controls="inbox-pill" aria-selected="false">
                                                            Bens Imobilizados
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link px-0" id="sent-pill-tab" data-bs-toggle="pill" href="#sent-pill" role="tab" aria-controls="sent-pill" aria-selected="false">
                                                            Grupo de Bens
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link px-0" id="starred-pill-tab" data-bs-toggle="pill" href="#starred-pill" role="tab" aria-controls="starred-pill" aria-selected="false">
                                                            Centro de Custos
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link px-0" id="ponto-pill-tab" data-bs-toggle="pill" href="#ponto-pill" role="tab" aria-controls="ponto-pill" aria-selected="false">
                                                            Ponto de Vendas
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link px-0" id="fornecedores-pill-tab" data-bs-toggle="pill" href="#fornecedores-pill" role="tab" aria-controls="fornecedores-pill" aria-selected="false">
                                                            Fornecedores
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link px-0" id="transp-pill-tab" data-bs-toggle="pill" href="#transp-pill" role="tab" aria-controls="transp-pill" aria-selected="false">
                                                            Transportadora
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link px-0" id="produtos-pill-tab" data-bs-toggle="pill" href="#produtos-pill" role="tab" aria-controls="produtos-pill" aria-selected="false">
                                                            Materiais e Produtos
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="nav-link px-0">Locais de armazenamento</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="nav-item">
                                                <a href="#submenu4" data-bs-toggle="collapse" class="nav-link px-0 align-middle "><i class="fa fa-plus"></i><span class="ms-1 d-none d-sm-inline">Movimentação</span></a>
                                                <ul class="collapse" id="submenu4" data-bs-parent="#menu">

                                                </ul>
                                            </li>
                                            <li class="nav-item">
                                                <a href="#submenu5" data-bs-toggle="collapse" class="nav-link px-0 align-middle "><i class="fa fa-plus"></i> <span class="ms-1 d-none d-sm-inline">Relatórios e Análises</span></a>
                                                <ul class="collapse" id="submenu5" data-bs-parent="#menu">

                                                </ul>
                                            </li>
                                            <li class="nav-item">
                                                <a href="#submenu6" data-bs-toggle="collapse" class="nav-link px-0 align-middle "><i class="fa fa-plus"></i><span class="ms-1 d-none d-sm-inline">Resíduos e sucatas</span></a>
                                                <ul class="collapse" id="submenu6" data-bs-parent="#menu">

                                                </ul>
                                            </li>
                                            <li class="">
                                                <a href="#submenu7" data-bs-toggle="collapse" class="nav-link px-0 align-middle "><i class="fa fa-plus"></i> <span class="ms-1 d-none d-sm-inline">Ferramental</span></a>
                                                <ul class="collapse" id="submenu7" data-bs-parent="#menu">

                                                </ul>
                                            </li>
                                            <li class="nav-item">
                                                <a href="#submenu8" data-bs-toggle="collapse" class="nav-link px-0 align-middle "><i class="fa fa-plus"></i><span class="ms-1 d-none d-sm-inline">Integração Contábil e Fiscal</span></a>
                                                <ul class="collapse" id="submenu8" data-bs-parent="#menu">

                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-10 col-xl-9 box-col-12">
                <div class="email-right-aside">
                    <div class="card email-body email-list">
                        <div class="tab-content block-wrapper position-relative" id="email-pills-tabContent">
                            <div class="tab-pane fade show active" id="inbox-pill" role="tabpanel" aria-labelledby="inbox-pill-tab">
                                <div id="retorno_cad_bens"></div>
                            </div>
                            <div class="tab-pane fade" id="sent-pill" role="tabpanel" aria-labelledby="sent-pill-tab">
                                <div id="retorno_grupo_bens"></div>
                            </div>
                            <div class="tab-pane fade" id="starred-pill" role="tabpanel" aria-labelledby="starred-pill-tab">
                                <div id="retorno_centro_custo"></div>
                            </div>
                            <div class="tab-pane fade" id="ponto-pill" role="tabpanel" aria-labelledby="ponto-pill-tab">
                                <div id="retorno_ponto_venda"></div>
                            </div>
                            <div class="tab-pane fade" id="fornecedores-pill" role="tabpanel" aria-labelledby="fornecedores-pill-tab">
                                <div id="retorno_fornecedores"></div>
                            </div>
                            <div class="tab-pane fade" id="transp-pill" role="tabpanel" aria-labelledby="transp-pill-tab">
                                <div id="retorno_transp"></div>
                            </div>
                            <div class="tab-pane fade" id="produtos-pill" role="tabpanel" aria-labelledby="produtos-pill-tab">
                                <div id="retorno_prods"></div>
                            </div>
                        </div>
                    </div>
                    <div class="card email-body email-read">
                        <div class="mail-header-wrapper header-wrapper1">
                            <div class="mail-header1">
                                <div class="light-square"> <svg class="btn-email">
                                        <use href="{{ asset('assets/svg/icon-sprite.svg#back-arrow') }}"></use>
                                    </svg></div><span>Interview Mail</span>
                            </div>
                            <div class="mail-body1">
                                <div class="light-square" data-bs-toggle="tooltip" data-bs-placement="top"
                                    data-bs-title="Achieve"><svg>
                                        <use href="{{ asset('assets/svg/icon-sprite.svg#sms') }}"></use>
                                    </svg></div>
                                <div class="light-square" data-bs-toggle="tooltip" data-bs-placement="top"
                                    data-bs-title="Bookmark"><svg class="bookmark-box">
                                        <use href="{{ asset('assets/svg/icon-sprite.svg#bookmark') }}"></use>
                                    </svg></div>
                                <div class="light-square" data-bs-toggle="tooltip" data-bs-placement="top"
                                    data-bs-title="Spam"><svg>
                                        <use href="{{ asset('assets/svg/icon-sprite.svg#spam') }}"></use>
                                    </svg></div>
                                <div class="light-square bg-light-danger" data-bs-toggle="tooltip"
                                    data-bs-placement="top" data-bs-title="Trash"><svg class="stroke-danger">
                                        <use href="{{ asset('assets/svg/icon-sprite.svg#mail') }}-trash"></use>
                                    </svg></div>
                                <div class="light-square" data-bs-toggle="tooltip" data-bs-placement="top"
                                    data-bs-title="Settings"><svg>
                                        <use href="{{ asset('assets/svg/icon-sprite.svg#setting') }}"></use>
                                    </svg></div>
                            </div>
                        </div>
                        <div class="mail-body-wrapper">
                            <div class="user-mail-wrapper">
                                <div class="user-title">
                                    <div>
                                        <div class="rounded-border"> <img class="img-fluid"
                                                src="{{ asset('assets/images/user/12.png') }}" alt="user">
                                        </div>
                                        <div class="dropdown-subtitle">
                                            <p>Jacob Jones</p>
                                            <div class="onhover-dropdown"><button class="btn p-0 dropdown-button">To
                                                    me <i data-feather="chevron-down"> </i></button>
                                                <div class="inbox-security onhover-show-div">
                                                    <p>From: <span>jones
                                                            &lt;jacobjones3@gmail.com&gt;</span></p>
                                                    <p>to: <span>donut.horry@gmail.com</span></p>
                                                    <p>reply-to:<span>&lt;jacobjones3@gmail.com&gt;</span>
                                                    </p>
                                                    <p>date: <span>Jul 12, 2024, 7:10 AM</span></p>
                                                    <p>subject: <span>Important Account Security
                                                            Update</span></p>
                                                    <p>security: <span>standard encryption (TLS)</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="inbox-options"> <span>Friday 07 Apr (4 hours ago)</span>
                                        <div class="light-square"> <svg class="important-mail">
                                                <use href="{{ asset('assets/svg/icon-sprite.svg#mail') }}-star">
                                                </use>
                                            </svg></div>
                                        <div class="light-square" onclick="myFunction()"><svg>
                                                <use href="{{ asset('assets/svg/icon-sprite.svg#print') }}"></use>
                                            </svg></div>
                                        <div class="light-square btn-group">
                                            <div class="dropdown-toggle" role="main" data-bs-toggle="dropdown"
                                                aria-expanded="false"><svg>
                                                    <use href="{{ asset('assets/svg/icon-sprite.svg#menubar') }}">
                                                    </use>
                                                </svg></div>
                                            <div class="dropdown-menu dropdown-block"><a class="dropdown-item"
                                                    href="#!"><i class="fa fa-mail-reply"></i>Reply</a><a
                                                    class="dropdown-item" href="#!"> <i
                                                        class="fa fa-mail-forward"></i>Forward</a></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="user-body">
                                    <p>Dear Customer,</p>
                                    <p>We regret to notify you that an unauthorized attempt was made to
                                        access your account. Our system discovered suspicious activity,
                                        and we acted right away to safeguard your personal data.</p>
                                    <p>Please change your login information by clicking the following
                                        link in order to safeguard your account:</p>
                                    <p>Please be aware that your account may be temporarily suspended if
                                        no action is taken within 24 hours. We urge you to take
                                        immediate action to prevent any inconvenience.</p>
                                    <p>We sincerely apologize for any inconvenience this may cause and
                                        thank you for your immediate attention to this matter.</p>
                                    <div class="mail-subcontent">
                                        <p>Yours faithfully,</p>
                                        <p>Account Security Team</p>
                                    </div>
                                </div>
                                <div class="user-footer">
                                    <div> <svg>
                                            <use href="{{ asset('assets/svg/icon-sprite.svg#attchment') }}"></use>
                                        </svg><span class="f-light">Attachments</span></div>
                                    <div class="d-inline-block">
                                        <div class="attachment-file common-flex">
                                            <div class="common-flex align-items-center"><img
                                                    src="{{ asset('assets/images/email-template/pdfs.png') }}"
                                                    alt="pdf">
                                                <div class="d-block">
                                                    <p>Offer_Letter.pdf</p>
                                                    <p>200KB</p>
                                                </div>
                                            </div><a href="{{ asset('assets/pug/pages/template/text_file.pdf') }}"
                                                download> <i class="fa fa-download f-light"></i></a>
                                        </div>
                                    </div>
                                    <div class="toolbar-box">
                                        <div id="toolbar"><button class="ql-bold">Bold </button><button
                                                class="ql-italic">Italic </button><button
                                                class="ql-underline">underline</button><button
                                                class="ql-strike">Strike </button><button class="ql-list"
                                                value="ordered">List </button><button class="ql-list"
                                                value="bullet"> </button><button class="ql-indent" value="-1">
                                            </button><button class="ql-indent" value="+1"></button><button
                                                class="ql-link"></button><button class="ql-image"></button></div>
                                        <div id="editor"></div>
                                    </div>
                                </div>
                                <div class="send-btn"><button class="btn btn-primary">Send<i
                                            class="fa-solid fa-paper-plane"></i></button></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal fade" id="compose_mail" tabindex="-1" aria-hidden="true">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title fs-5">Compose Message</h4><button class="btn-close"
                                        type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body compose-modal">
                                    <form>
                                        <div class="row mb-lg-3 g-1 mb-2"><label class="col-lg-2 col-form-label"
                                                for="composeTo">To
                                                :</label>
                                            <div class="col-lg-10"><input class="form-control" id="composeTo"
                                                    type="email">
                                                <div class="add-bcc">
                                                    <div class="d-flex gap-2"><a class="btn"
                                                            data-bs-toggle="collapse" href="#collapseCc"
                                                            role="button" aria-expanded="false"
                                                            aria-controls="collapseCc">Cc </a><a class="btn"
                                                            data-bs-toggle="collapse" href="#collapseBcc"
                                                            role="button" aria-expanded="false"
                                                            aria-controls="collapseBcc">Bcc</a></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="collapse row mb-lg-3 mb-2" id="collapseCc"><label
                                                class="col-lg-2 col-form-label" for="composeCc">Cc:</label>
                                            <div class="col-lg-10"><input class="form-control" id="composeCc"
                                                    type="email" placeholder="elanarob@gmail.com"></div>
                                        </div>
                                        <div class="collapse row mb-lg-3 mb-2" id="collapseBcc"><label
                                                class="col-lg-2 col-form-label" for="composeBcc">Bcc:</label>
                                            <div class="col-lg-10"><input class="form-control" id="composeBcc"
                                                    type="email" placeholder="stiphen@yahoo.com"></div>
                                        </div>
                                        <div class="row mb-lg-3 g-1 mb-2"><label class="col-lg-2 col-form-label"
                                                for="composeSubject">Subject :</label>
                                            <div class="col-lg-10"><input class="form-control" id="composeSubject"
                                                    type="email"></div>
                                        </div>
                                        <div class="toolbar-box mb-lg-3 mb-2">
                                            <div id="toolbar1"><button class="ql-bold">Bold
                                                </button><button class="ql-italic">Italic
                                                </button><button class="ql-underline">underline</button><button
                                                    class="ql-strike">Strike </button><button class="ql-list"
                                                    value="ordered">List
                                                </button><button class="ql-list" value="bullet">
                                                </button><button class="ql-indent" value="-1">
                                                </button><button class="ql-indent" value="+1"></button><button
                                                    class="ql-link"></button><button class="ql-image"></button>
                                            </div>
                                            <div id="editor1"></div>
                                        </div>
                                        <div class="row mb-3 align-items-center g-1"><label
                                                class="col-lg-2 col-form-label" for="composeSubject">Attachments
                                                :</label>
                                            <div class="col-lg-10"><input class="form-control"
                                                    id="formFileMultiple" type="file" multiple=""></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer"><button class="btn button-light-primary"
                                        type="button">Save As Draft</button><button class="btn btn-primary"
                                        type="button" data-bs-dismiss="modal">Send</button></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal fade" id="label-pill" tabindex="-1" aria-hidden="true">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title fs-5">Add Label</h4><button class="btn-close"
                                        type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body add-label-modal">
                                    <form class="custom-input row">
                                        <div class="col">
                                            <div class="row"><label class="col-lg-2 col-form-label"
                                                    for="Label_Modal">Label Name :</label>
                                                <div class="col-lg-10"><input class="form-control"
                                                        id="Label_Modal" type="email"
                                                        placeholder="Enter label name"></div>
                                            </div>
                                            <div class="row"><label class="col-lg-2 col-form-label"
                                                    for="Email_Modal">Email :</label>
                                                <div class="col-lg-10"><input class="form-control"
                                                        id="Email_Modal" type="email"
                                                        placeholder="Enter your email"></div>
                                            </div>
                                            <div class="row"><label class="form-label col-lg-2 col-sm-3"
                                                    for="exampleColorInput">Label Color :</label>
                                                <div class="col-2"><input class="form-control form-control-color"
                                                        id="exampleColorInput" type="color" value="#7366FF"
                                                        title="Choose your color"></div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer"><button class="btn button-light-primary" type="button"
                                        data-bs-dismiss="modal">Cancel</button><button class="btn btn-primary"
                                        type="button">Add</button></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><!-- Container-fluid Ends-->
@endsection

@section('scripts')

<script src="{{ asset('assets/js/select2/tagify.js') }}"></script>
<script src="{{ asset('assets/js/select2/tagify.polyfills.min.js') }}"></script>
<script src="{{ asset('assets/js/select2/intltelinput.min.js') }}"></script>
<script src="{{ asset('assets/js/select2/telephone-input.js') }}"></script>
<script src="{{ asset('assets/js/select2/custom-inputsearch.js') }}"></script>
<script src="{{ asset('assets/js/select2/select3-custom.js') }}"></script>

<script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
<script src="{{ asset('assets/js/height-equal.js') }}"></script>
<script src="{{ asset('assets/js/custom-animated-form.js') }}"></script>
<script src="{{ asset('assets/js/custom-pwd-validation.js') }}"></script>
<script src="{{ asset('assets/js/bootstrap-maxlength.min.js') }}"></script>
<script src="{{ asset('assets/js/bootstrap-multiselectsplitter.min.js') }}"></script>
<script src="{{ asset('assets/js/base-input/custom-inputs.js') }}"></script>
<script src="{{ asset('assets/js/base-input/maxlength-input.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script src="{{ asset('assets/js/flat-pickr/flatpickr.js') }}"></script>
<script src="{{ asset('assets/js/flat-pickr/custom-flatpickr.js') }}"></script>
<script>
    //mascara para moeda
    function initMascaraMoeda(selector = '.mascaraMoeda') {
        const inputs = document.querySelectorAll(selector);

        inputs.forEach(function(input) {
            input.addEventListener('input', function() {
                let value = input.value;

                // Remove tudo que não for número
                value = value.replace(/\D/g, '');

                // Divide por 100 e aplica duas casas decimais
                value = (value / 100).toFixed(2);

                // Converte ponto para vírgula
                value = value.replace('.', ',');

                input.value = value;
            });

            input.addEventListener('focus', function() {
                input.value = input.value.replace('R$ ', '');
            });

            input.addEventListener('blur', function() {
                if (input.value !== '') {
                    input.value = input.value;
                }
            });
        });
    }

    function initMascaraNumerica(selector = '.mascaraNumerica') {
        const inputs = document.querySelectorAll(selector);

        inputs.forEach(function(input) {
            input.addEventListener('input', function() {
                let value = input.value;

                // Remove caracteres não numéricos, exceto o ponto
                value = value.replace(/[^0-9.]/g, '');

                // Garante que tenha apenas um ponto decimal
                const parts = value.split('.');
                if (parts.length > 2) {
                    value = parts[0] + '.' + parts[1];
                }

                // Limita a precisão para três casas decimais
                if (parts[1]?.length > 3) {
                    parts[1] = parts[1].substring(0, 3);
                    value = parts.join('.');
                }

                // Adiciona o zero inicial se começar com um ponto
                if (value.startsWith('.')) {
                    value = '0' + value;
                }

                input.value = value;
            });
        });
    }

    function initMascaraKg(selector = '.mascaraKg') {
        const inputs = document.querySelectorAll(selector);

        function formatarKg(input) {
            let value = input.value;

            // Remove qualquer caractere que não seja número
            value = value.replace(/\D/g, '');

            // Adiciona casas decimais (três dígitos)
            value = (value / 1000).toFixed(3);

            // Substitui o ponto pelo formato com vírgula
            value = value.replace('.', ',');

            // Atualiza o valor do input
            input.value = value;
        }

        inputs.forEach(function(input) {
            // Formata valor inicial se já existir
            if (input.value.trim() !== '') {
                formatarKg(input);
            }

            // Formata durante a digitação
            input.addEventListener('input', function() {
                let value = input.value.replace(' kg', '');
                input.value = value;
                formatarKg(input);
            });

            // Remove 'kg' ao focar
            input.addEventListener('focus', function() {
                input.value = input.value.replace(' kg', '');
            });

            // Pode adicionar lógica aqui para adicionar 'kg' ao desfocar, se necessário
            input.addEventListener('blur', function() {
                if (input.value !== '') {
                    input.value = input.value; // aqui poderia anexar " kg" se quiser
                }
            });
        });
    }

    function initCampoEspecificoTributo({
        selectId = 'especifico_tributoprod',
        campo1Id = 'campoEspecifico',
        campo2Id = 'campoEspecifico2'
    } = {}) {
        const campoEspecifico = document.getElementById(campo1Id);
        const campoEspecifico2 = document.getElementById(campo2Id);
        const selectEspecifico = document.getElementById(selectId);

        if (!campoEspecifico || !campoEspecifico2 || !selectEspecifico) return;

        function toggleCampos() {
            const valor = selectEspecifico.value;
            const mostrar = valor !== 'N';

            campoEspecifico.style.display = mostrar ? '' : 'none';
            campoEspecifico2.style.display = mostrar ? '' : 'none';
        }

        selectEspecifico.addEventListener('change', toggleCampos);

        // Executa a lógica inicial
        toggleCampos();
    }


    function initCampoFator({
        selectId = 'id_und_medida_tributoprod',
        campoFatorId = 'campofator'
    } = {}) {
        const campoFator = document.getElementById(campoFatorId);
        const selectUnidadeTributada = document.getElementById(selectId);

        if (!campoFator || !selectUnidadeTributada) return;

        function toggleCampoFator() {
            const mostrar = selectUnidadeTributada.value !== '';
            campoFator.style.display = mostrar ? '' : 'none';
        }

        selectUnidadeTributada.addEventListener('change', toggleCampoFator);

        // Executa a lógica inicial
        toggleCampoFator();
    }


    $(document).on('click', '#btn_filtrar_grupo_bens', function() {
        filtrogrupobens(this);
    });


    document.addEventListener('DOMContentLoaded', function() {
        const el = document.getElementById('cnpj_ponto_venda');
        if (el) {
            el.addEventListener('input', function() {
                mascararCNPJ(el);
            });
        }

    });

    $(document).on('click', '.link-editar', function() {

        //console.log('sjdjs');

        setTimeout(function() {

            var uso_do_bem = document.querySelector('input[name="rdo-ani"]:checked').value;

            //alert(uso_do_bem);

            selecionacusto(uso_do_bem);

        }, 3000);


    });

    $(document).on('click', '.link-editar-ponto', function() {

        setTimeout(function() {

            var checkedRadio = document.querySelector('input[name="ponto"]:checked');

            if (checkedRadio) {
                mostraCamposPontoVenda(checkedRadio);
            } else {
                console.warn('Nenhum radio está marcado como checked.');
            }
        }, 3000);

        // Atraso de 3000ms, mas ainda assim permite o DOM atualizar antes
    });

    $(document).on('click', '#btn_filtrar_cc', function() {
        filtroccusto(this);
    });
</script>

<script src="{{ asset('assets/js/datatable/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatables/dataTables1.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatables/dataTables.bootstrap5.js') }}"></script>
<script>
    window.routeEditarBase = "{{ route('edit_bens_imobilizados', ['id' => '__ID__']) }}";
</script>
<script src="{{ asset('assets/js/bemImobilizados.js') }}"></script>
<script>
    window.routeEditarForncedores = "{{ route('edit_fornecedores', ['id' => '__ID__']) }}";
</script>
<script src="{{ asset('assets/js/fornecedores.js') }}"></script>

<script src="{{ asset('assets/js/datatable/datatables/dataTables.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatables/dataTables.select.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatables/select.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatables/datatable.custom.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.autoFill.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/autoFill.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.keyTable.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/keyTable.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.buttons.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/buttons.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/buttons.colVis.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.fixedHeader.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/fixedHeader.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/jszip.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/pdfmake.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/vfs_fonts.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/buttons.html5.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/buttons.print.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.responsive.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/responsive.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/dataTables.rowReorder.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/rowReorder.bootstrap5.js') }}"></script>
<script src="{{ asset('assets/js/datatable/datatable-extension/custom.js') }}"></script>
<script src="{{ asset('assets/js/flat-pickr/moment.js') }}"></script>
<script src="{{ asset('assets/js/flat-pickr/custom-range-btn.js') }}"></script>
<script src="{{ asset('assets/js/modalpage/validation-modal.js') }}"></script>
<script src="{{ asset('assets/js/select/bootstrap-select.min.js') }}"></script>

<script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
<script src="{{ asset('assets/js/height-equal.js') }}"></script>
<script src="{{ asset('assets/js/custom-animated-form.js') }}"></script>
<script src="{{ asset('assets/js/custom-pwd-validation.js') }}"></script>

<script src="{{ asset('assets/js/prism/prism.min.js') }}"></script>
<script src="{{ asset('assets/js/clipboard/clipboard.min.js') }}"></script>
<script src="{{ asset('assets/js/custom-card/custom-card.js') }}"></script>
<script src="{{ asset('assets/js/sweet-alert/app.js') }}"></script>
<script src="{{ asset('assets/js/tooltip-init.js') }}"></script>


<script src="{{ asset('assets/js/touchspin_2/custom_touchspin.js') }}"></script>
<script src="{{ asset('assets/js/owlcarousel/owl.carousel.js') }}"></script>
<script src="{{ asset('assets/js/ecommerce.js') }}"></script>
<script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
<script src="{{ asset('assets/js/custom_zoom_magnifier.js') }}"></script>

<script src="{{ asset('assets/js/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assets/js/photoswipe/photoswipe.min.js') }}"></script>
<script src="{{ asset('assets/js/photoswipe/photoswipe-ui-default.min.js') }}"></script>
<script src="{{ asset('assets/js/photoswipe/photoswipe.js') }}"></script>
<script src="{{ asset('assets/js/masonry-gallery.js') }}"></script>
<script src="{{ asset('assets/js/custom-skeleton.js') }}"></script>

<script>
    window.routeEditarTransp = "{{ route('edit_transportadora', ['id' => '__ID__']) }}";
</script>
<script src="{{ asset('assets/js/transportadora.js') }}"></script>

<script>
    window.routeEditarProd = "{{ route('edit_produtos', ['id' => '__ID__']) }}";
    window.routeViewProd = "{{ route('view_produtos', ['id' => '__ID__']) }}";
</script>
</script>
<script src="{{ asset('assets/js/produtos.js') }}"></script>

<script>
    window.routeEditarCCustoBase = "{{ route('edit_centro_custo', ['id' => '__ID__']) }}";
</script>
<script src="{{ asset('assets/js/CentroCusto.js') }}"></script>

<script>
    window.routeEditarGrupoBens = "{{ route('edit_grupo_bens', ['id' => '__ID__']) }}";
</script>
<script src="{{ asset('assets/js/GrupoBens.js') }}"></script>

<script>
    window.routeEditarPontoVenda = "{{ route('edit_ponto_venda', ['id' => '__ID__']) }}";
    window.routeViewPontoVenda = "{{ route('view_ponto_venda', ['id' => '__ID__']) }}";
</script>
<script src="{{ asset('assets/js/pontoVenda.js') }}"></script>
<script>
    $("#terminal_disp").DataTable({
        columnDefs: [{
            orderable: false,
            render: $.fn.dataTable.render.select(),
        }, ],

        order: [
            [1, "asc"]
        ],
        scrollCollapse: true,
        searchable: true,
        pageLength: 10,
        responsive: false,
        lengthMenu: [10, 15, 20, 25],
        details: false,
        autoWidth: false,
        layout: {
            topStart: {
                buttons: [{
                        extend: "copy",
                        className: "btn btn-outline-primary", // Ensure only btn-secondary is applied
                    },
                    {
                        extend: "csv",
                        className: "btn btn-outline-primary",
                        title: 'Relatorio Grupo de Bens',
                    },
                    {
                        extend: "excel",
                        className: "btn btn-outline-primary",
                        title: 'Relatorio Grupo de Bens',
                    },
                    {
                        extend: "pdf",
                        className: "btn btn-outline-primary",
                        title: 'Relatorio Grupo de Bens',
                    },
                    {
                        extend: "print",
                        className: "btn btn-outline-primary",
                        title: 'Relatorio Grupo de Bens',
                    },
                ],
            },
            topEnd: {
                search: {
                    placeholder: "Search here...",
                },
            },
        },
    });
</script>

@endsection