{"id":1291,"date":"2025-06-30T19:04:20","date_gmt":"2025-06-30T19:04:20","guid":{"rendered":"https:\/\/micas-e-pittas.digitalfreelancer.org\/?page_id=1291"},"modified":"2025-06-30T19:04:55","modified_gmt":"2025-06-30T19:04:55","slug":"produto-novo","status":"publish","type":"page","link":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/produto-novo\/","title":{"rendered":"Produto Novo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1291\" class=\"elementor elementor-1291\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e2d904 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0e2d904\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baf19eb elementor-widget elementor-widget-heading\" data-id=\"baf19eb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Produto Novo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d13cfa7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d13cfa7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0246210 elementor-widget elementor-widget-spacer\" data-id=\"0246210\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9f009a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"e9f009a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e18bc6 wpr-main-menu-align-left wpr-main-menu-align--laptopleft wpr-main-menu-align--tabletleft wpr-main-menu-align--mobileleft wpr-pointer-underline wpr-pointer-line-fx wpr-pointer-fx-fade wpr-sub-icon-caret-down wpr-sub-menu-fx-fade wpr-nav-menu-bp-mobile wpr-mobile-menu-full-width wpr-mobile-menu-item-align-center wpr-mobile-toggle-v1 wpr-sub-divider-yes wpr-mobile-divider-yes elementor-widget elementor-widget-wpr-nav-menu\" data-id=\"2e18bc6\" data-element_type=\"widget\" data-settings=\"{&quot;menu_layout&quot;:&quot;horizontal&quot;}\" data-widget_type=\"wpr-nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"wpr-nav-menu-container wpr-nav-menu-horizontal\" data-trigger=\"hover\"><ul id=\"menu-1-2e18bc6\" class=\"wpr-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1947\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/users\/\" class=\"wpr-menu-item wpr-pointer-item\">Restricted content<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1953\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/produtos\/\" class=\"wpr-menu-item wpr-pointer-item\">Restricted content<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1124\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/admin-encomendas\/\" class=\"wpr-menu-item wpr-pointer-item\">Restricted content<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1123\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/admin-eventos\/\" class=\"wpr-menu-item wpr-pointer-item\">Restricted content<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1122\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/admin-estatisticas\/\" class=\"wpr-menu-item wpr-pointer-item\">Restricted content<\/a><\/li>\n<\/ul><\/nav><nav class=\"wpr-mobile-nav-menu-container\"><div class=\"wpr-mobile-toggle-wrap\"><div class=\"wpr-mobile-toggle\"><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><\/div><\/div><ul id=\"mobile-menu-2-2e18bc6\" class=\"wpr-mobile-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1947\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/users\/\" class=\"wpr-mobile-menu-item\">Restricted content<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1953\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/produtos\/\" class=\"wpr-mobile-menu-item\">Restricted content<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1124\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/admin-encomendas\/\" class=\"wpr-mobile-menu-item\">Restricted content<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1123\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/admin-eventos\/\" class=\"wpr-mobile-menu-item\">Restricted content<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1122\"><a href=\"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/admin-estatisticas\/\" class=\"wpr-mobile-menu-item\">Restricted content<\/a><\/li>\n<\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-768e2f6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"768e2f6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-25d67d1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"25d67d1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ec88c6 elementor-widget elementor-widget-shortcode\" data-id=\"2ec88c6\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    ---\n    ### Formul\u00e1rio de Cadastro de Novo Produto\n\n    Este formul\u00e1rio permite que voc\u00ea adicione novos produtos \u00e0 sua base de dados. Preencha os campos abaixo e clique em \"Gravar\" para salvar as informa\u00e7\u00f5es.\n\n    <div class=\"tabs-container\">\n        <ul class=\"tabs-menu\">\n            <li class=\"active\" data-tab=\"tab-info\">Info Produto<\/li>\n            <li data-tab=\"tab-caracteristicas\">Caracter\u00edsticas<\/li>\n            <li data-tab=\"tab-extra\">Info Extra<\/li>\n        <\/ul>\n\n        <form id=\"form-produto\" method=\"post\" enctype=\"multipart\/form-data\">\n            <div class=\"tab-content active\" id=\"tab-info\">\n                <label for=\"nome_produto\">Nome do Produto:<\/label>\n                <input type=\"text\" id=\"nome_produto\" name=\"nome_produto\" required>\n\n                <label for=\"codigo_produto\">C\u00f3digo do Produto:<\/label>\n                <input type=\"text\" id=\"codigo_produto\" name=\"codigo_produto\" required>\n\n                <label for=\"categoria_produto\">Categoria:<\/label>\n                <input type=\"text\" id=\"categoria_produto\" name=\"categoria_produto\" readonly required>\n\n                <label for=\"subcategoria_produto\">Subcategoria:<\/label>\n                <input type=\"text\" id=\"subcategoria_produto\" name=\"subcategoria_produto\" readonly required>\n                <button type=\"button\" id=\"btn-abrir-popup-produto\">\ud83d\udd0d<\/button>\n\n                <label for=\"codigo_linha\">C\u00f3digo de Linha:<\/label>\n                <input type=\"text\" id=\"codigo_linha\" name=\"codigo_linha\" readonly required>\n\n                <label for=\"marca_produto\">Marca do Produto:<\/label>\n                <input type=\"text\" id=\"marca_produto\" name=\"marca_produto\" readonly required>\n                <button type=\"button\" id=\"btn-abrir-popup-linha\">\ud83d\udd0d<\/button>\n            <\/div>\n\n            <div class=\"tab-content\" id=\"tab-caracteristicas\">\n                <label for=\"tex\">Tex:<\/label>\n                <input type=\"text\" id=\"tex\" name=\"tex\">\n\n                <label for=\"composicao\">Composi\u00e7\u00e3o:<\/label>\n                <input type=\"text\" id=\"composicao\" name=\"composicao\">\n\n                <label for=\"comprimento\">Comprimento:<\/label>\n                <input type=\"text\" id=\"comprimento\" name=\"comprimento\">\n\n                <label for=\"peso\">Peso:<\/label>\n                <input type=\"text\" id=\"peso\" name=\"peso\">\n\n                <label for=\"agulha_croche\">Agulha Croch\u00ea:<\/label>\n                <input type=\"text\" id=\"agulha_croche\" name=\"agulha_croche\">\n\n                <label for=\"agulha_trico\">Agulha Tric\u00f4:<\/label>\n                <input type=\"text\" id=\"agulha_trico\" name=\"agulha_trico\">\n\n                <label for=\"descricao\">Descri\u00e7\u00e3o:<\/label>\n                <textarea id=\"descricao\" name=\"descricao\" rows=\"4\"><\/textarea>\n            <\/div>\n\n            <div class=\"tab-content\" id=\"tab-extra\">\n                <label for=\"valor\">Valor:<\/label>\n                <input type=\"text\" id=\"valor\" name=\"valor\">\n\n                <label for=\"quantidade\">Quantidade:<\/label>\n                <input type=\"text\" id=\"quantidade\" name=\"quantidade\">\n\n                <label for=\"estado\">Estado:<\/label>\n                <input type=\"text\" id=\"estado\" name=\"estado\" value=\"Dispon\u00edvel\" readonly>\n\n                <label for=\"situacao\">Situa\u00e7\u00e3o:<\/label>\n                <select id=\"situacao\" name=\"situacao\">\n                    <option value=\"Novo\">Novo<\/option>\n                    <option value=\"Outlet\">Outlet<\/option>\n                    <option value=\"Destaque\">Destaque<\/option>\n                    <option value=\"Normal\">Normal<\/option>\n                <\/select>\n\n                <label for=\"foto\">Foto:<\/label>\n                <input type=\"file\" id=\"foto\" name=\"foto\">\n            <\/div>\n\n            <input type=\"submit\" value=\"Gravar\">\n        <\/form>\n    <\/div>\n\n    ---\n    ### Pop-ups de Sele\u00e7\u00e3o\n\n    <div id=\"popup-subcategorias\" style=\"display:none;\">\n        <div id=\"popup-subcategorias-conteudo\">\n            <h3>Selecione uma Categoria e Subcategoria<\/h3>\n            <table id=\"tabela-subcategorias\">\n                <thead>\n                    <tr><th>Categoria<\/th><th>Subcategoria<\/th><\/tr>\n                <\/thead>\n                <tbody>\n                    <tr class=\"linha-subcategoria\" data-categoria=\"Verano\" data-subcategoria=\"Circulo\"><td>Verano<\/td><td>Circulo<\/td><\/tr>                <\/tbody>\n            <\/table>\n            <button id=\"fechar-popup-produto\">Fechar<\/button>\n        <\/div>\n    <\/div>\n\n    <div id=\"popup-linha\" style=\"display:none;\">\n        <div id=\"popup-linha-conteudo\">\n            <h3>Selecione C\u00f3digo de Linha e Marca<\/h3>\n            <table id=\"tabela-linhas\">\n                <thead><tr><th>Marca<\/th><\/tr><\/thead>\n                <tbody>\n                    <tr class=\"linha-linha\" data-codigolinha=\"\" data-marca=\"teste\"><td>teste<\/td><\/tr><tr class=\"linha-linha\" data-codigolinha=\"\" data-marca=\"teste 4\"><td>teste 4<\/td><\/tr>                <\/tbody>\n            <\/table>\n            <button id=\"fechar-popup-linha\">Fechar<\/button>\n        <\/div>\n    <\/div>\n\n    ---\n    ### Scripts JavaScript e Estilos CSS\n\n    <script>\n        jQuery(document).ready(function ($) {\n            \/\/ L\u00f3gica para as abas (tabs)\n            $('.tabs-menu li').on('click', function () {\n                var tabId = $(this).data('tab');\n                $('.tabs-menu li').removeClass('active');\n                $('.tab-content').removeClass('active');\n                $(this).addClass('active');\n                $('#' + tabId).addClass('active');\n            });\n\n            \/\/ L\u00f3gica para o popup de Categoria\/Subcategoria\n            $('#btn-abrir-popup-produto').on('click', function () {\n                $('#popup-subcategorias').fadeIn();\n            });\n\n            $('#fechar-popup-produto').on('click', function () {\n                $('#popup-subcategorias').fadeOut();\n            });\n\n            \/\/ Preenche os campos de Categoria\/Subcategoria ao selecionar uma linha na tabela\n            $('#tabela-subcategorias').on('click', '.linha-subcategoria', function () {\n                var categoria   = $(this).data('categoria');\n                var subcategoria = $(this).data('subcategoria');\n                $('#categoria_produto').val(categoria);\n                $('#subcategoria_produto').val(subcategoria);\n                $('#popup-subcategorias').fadeOut();\n            });\n\n            \/\/ L\u00f3gica para o popup de C\u00f3digo de Linha\/Marca\n            $('#btn-abrir-popup-linha').on('click', function () {\n                $('#popup-linha').fadeIn();\n            });\n\n            $('#fechar-popup-linha').on('click', function () {\n                $('#popup-linha').fadeOut();\n            });\n\n            \/\/ Preenche os campos de C\u00f3digo de Linha\/Marca ao selecionar uma linha na tabela\n            $('#tabela-linhas').on('click', '.linha-linha', function () {\n                var codigoLinha = $(this).data('codigolinha');\n                var marca       = $(this).data('marca');\n                $('#codigo_linha').val(codigoLinha);\n                $('#marca_produto').val(marca);\n                $('#popup-linha').fadeOut();\n            });\n        });\n    <\/script>\n\n    <style>\n        \/* Estilos CSS para o formul\u00e1rio e pop-ups *\/\n        .tabs-container { max-width: 900px; margin: auto; padding: 20px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }\n        .tabs-menu { list-style: none; display: flex; gap: 10px; margin-bottom: 20px; padding: 0; border-bottom: 1px solid #eee; }\n        .tabs-menu li { padding: 12px 25px; background: #f0f0f0; cursor: pointer; border-radius: 5px 5px 0 0; font-weight: bold; color: #555; transition: all 0.3s ease; }\n        .tabs-menu li.active { background: #FD5056; color: white; border-bottom: 2px solid #FD5056; }\n        .tabs-menu li:hover:not(.active) { background: #e0e0e0; }\n\n        .tab-content { display: none; padding: 20px 0; }\n        .tab-content.active { display: block; }\n\n        label { display: block; margin-top: 15px; margin-bottom: 5px; font-weight: bold; color: #333; }\n        input[type=\"text\"], select, textarea, input[type=\"file\"] {\n            width: calc(100% - 22px); \/* Ajusta a largura considerando o padding *\/\n            padding: 10px;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            box-sizing: border-box;\n            margin-top: 5px;\n            font-size: 16px;\n        }\n\n        textarea { resize: vertical; min-height: 80px; }\n\n        input[type=\"submit\"], button {\n            background-color: #FD5056;\n            color: white;\n            border: none;\n            padding: 12px 25px;\n            font-size: 16px;\n            border-radius: 5px;\n            margin-top: 25px;\n            cursor: pointer;\n            transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n            display: inline-block; \/* Permite que o bot\u00e3o de lupa fique ao lado *\/\n        }\n\n        input[type=\"submit\"]:hover, button:hover {\n            background: white;\n            color: #FD5056;\n            border: 1px solid #FD5056;\n        }\n\n        button#btn-abrir-popup-produto, button#btn-abrir-popup-linha {\n            width: auto;\n            padding: 8px 12px;\n            margin-left: 10px;\n            vertical-align: middle; \/* Alinha o bot\u00e3o com o input *\/\n            font-size: 18px; \/* Aumenta um pouco o tamanho do \u00edcone *\/\n            line-height: 1; \/* Ajusta a altura da linha *\/\n        }\n\n        \/* Estilos para os pop-ups *\/\n        #popup-subcategorias, #popup-linha {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.6); \/* Fundo semi-transparente escuro *\/\n            display: flex; \/* Usa flexbox para centralizar *\/\n            justify-content: center;\n            align-items: center;\n            z-index: 9999; \/* Garante que o pop-up esteja acima de outros elementos *\/\n        }\n\n        #popup-subcategorias-conteudo, #popup-linha-conteudo {\n            background: white;\n            padding: 30px;\n            border-radius: 8px;\n            width: 90%;\n            max-width: 700px; \/* Largura m\u00e1xima para melhor visualiza\u00e7\u00e3o *\/\n            text-align: center;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n            position: relative; \/* Para posicionar o bot\u00e3o de fechar se necess\u00e1rio *\/\n        }\n\n        #popup-subcategorias-conteudo h3, #popup-linha-conteudo h3 {\n            margin-top: 0;\n            color: #333;\n            font-size: 22px;\n            margin-bottom: 20px;\n        }\n\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 20px;\n            font-size: 15px;\n            background-color: #f9f9f9;\n        }\n        th, td {\n            border: 1px solid #e0e0e0;\n            padding: 12px;\n            text-align: left;\n        }\n        th {\n            background-color: #f2f2f2;\n            font-weight: bold;\n            color: #444;\n        }\n        tbody tr:hover {\n            background: #f1f1f1;\n            cursor: pointer;\n            transition: background-color 0.2s ease;\n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f093b51 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f093b51\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3bb4be elementor-widget elementor-widget-spacer\" data-id=\"b3bb4be\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Produto Novo Admin Users Admin Produtos Admin Encomendas Admin Eventos Admin Contabilidade Admin Estatisticas Admin Users Admin Produtos Admin Encomendas Admin Eventos Admin Contabilidade Admin Estatisticas<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1291","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/1291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/comments?post=1291"}],"version-history":[{"count":4,"href":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/1291\/revisions"}],"predecessor-version":[{"id":1295,"href":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/1291\/revisions\/1295"}],"wp:attachment":[{"href":"https:\/\/micas-e-pittas.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/media?parent=1291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}