Sistema de Registro de Proveedores - Hotel ProGESTION<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n .step-active {\r\n background-color: #4f46e5;\r\n color: white;\r\n }\r\n .step-completed {\r\n background-color: #10b981;\r\n color: white;\r\n }\r\n .file-input-label {\r\n position: relative;\r\n overflow: hidden;\r\n display: inline-block;\r\n }\r\n .file-input-label input[type=file] {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n min-width: 100%;\r\n min-height: 100%;\r\n font-size: 100px;\r\n text-align: right;\r\n filter: alpha(opacity=0);\r\n opacity: 0;\r\n outline: none;\r\n cursor: pointer;\r\n display: block;\r\n }\r\n .notification-badge {\r\n position: absolute;\r\n top: -8px;\r\n right: -8px;\r\n background-color: #ef4444;\r\n color: white;\r\n border-radius: 50%;\r\n width: 20px;\r\n height: 20px;\r\n font-size: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n <div class=\"min-h-screen flex flex-col\">\r\n \r\n <header class=\"bg-indigo-800 text-white shadow-lg\">\r\n <div class=\"container mx-auto px-4 py-4 flex justify-between items-center\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 mr-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" \/>\r\n <\/svg>\r\n <div>\r\n <h1 class=\"text-xl font-bold\">Hotel ProGESTION<\/h1>\r\n <p class=\"text-sm text-indigo-200\">Plataforma de Gesti\u00f3n de Compras<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hidden md:flex items-center space-x-6\">\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">Inicio<\/a>\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">Proveedores<\/a>\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">Compras<\/a>\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">Reportes<\/a>\r\n <div class=\"relative\">\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\" \/>\r\n <\/svg>\r\n <span class=\"notification-badge\">3<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Ccircle cx='12' cy='12' r='12'\/%3E%3C\/svg%3E\" alt=\"Usuario\" class=\"h-8 w-8 rounded-full border-2 border-white\">\r\n <span class=\"ml-2\">Admin<\/span>\r\n <button onclick=\"logout()\" class=\"ml-4 text-indigo-200 hover:text-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <button class=\"md:hidden text-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <main class=\"flex-grow container mx-auto px-4 py-8\">\r\n <div class=\"flex flex-col md:flex-row gap-6\">\r\n \r\n <div class=\"w-full md:w-64 bg-white rounded-lg shadow-md p-4 h-fit\">\r\n <h3 class=\"font-medium text-gray-700 mb-3 pb-2 border-b\">Men\u00fa de Gesti\u00f3n<\/h3>\r\n <nav class=\"space-y-1\">\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" \/>\r\n <\/svg>\r\n Dashboard\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md bg-indigo-50 text-indigo-700 font-medium\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\" \/>\r\n <\/svg>\r\n Proveedores\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\" \/>\r\n <\/svg>\r\n \u00d3rdenes de Compra\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" \/>\r\n <\/svg>\r\n Inventario\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\r\n <\/svg>\r\n Reportes\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <\/svg>\r\n Configuraci\u00f3n\r\n <\/a>\r\n <\/nav>\r\n\r\n <div class=\"mt-6 pt-4 border-t\">\r\n <h3 class=\"font-medium text-gray-700 mb-3\">Estado de Solicitudes<\/h3>\r\n <div class=\"space-y-2\">\r\n <div class=\"flex justify-between items-center px-3 py-1 text-sm\">\r\n <span class=\"text-gray-600\">Pendientes<\/span>\r\n <span class=\"bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded-full font-medium\">8<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center px-3 py-1 text-sm\">\r\n <span class=\"text-gray-600\">Aprobadas<\/span>\r\n <span class=\"bg-green-100 text-green-800 px-2 py-0.5 rounded-full font-medium\">12<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center px-3 py-1 text-sm\">\r\n <span class=\"text-gray-600\">Rechazadas<\/span>\r\n <span class=\"bg-red-100 text-red-800 px-2 py-0.5 rounded-full font-medium\">3<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex-1\">\r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden\">\r\n <div class=\"p-6 bg-indigo-700 text-white\">\r\n <h2 class=\"text-2xl font-bold\">Registro de Proveedores<\/h2>\r\n <p class=\"mt-1\">Complete el formulario para registrar un nuevo proveedor en la plataforma<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex border-b border-gray-200\">\r\n <div id=\"step1-tab\" class=\"step-active flex-1 text-center py-4 cursor-pointer transition-colors\">\r\n <span class=\"inline-block w-8 h-8 rounded-full border-2 border-white text-center leading-6 mr-2\">1<\/span>\r\n <span class=\"font-medium\">Datos Generales<\/span>\r\n <\/div>\r\n <div id=\"step2-tab\" class=\"bg-gray-100 flex-1 text-center py-4 cursor-pointer transition-colors\">\r\n <span class=\"inline-block w-8 h-8 rounded-full border-2 border-gray-400 text-center leading-6 mr-2 text-gray-500\">2<\/span>\r\n <span class=\"font-medium text-gray-500\">Informaci\u00f3n Financiera<\/span>\r\n <\/div>\r\n <div id=\"step3-tab\" class=\"bg-gray-100 flex-1 text-center py-4 cursor-pointer transition-colors\">\r\n <span class=\"inline-block w-8 h-8 rounded-full border-2 border-gray-400 text-center leading-6 mr-2 text-gray-500\">3<\/span>\r\n <span class=\"font-medium text-gray-500\">Documentaci\u00f3n<\/span>\r\n <\/div>\r\n <div id=\"step4-tab\" class=\"bg-gray-100 flex-1 text-center py-4 cursor-pointer transition-colors\">\r\n <span class=\"inline-block w-8 h-8 rounded-full border-2 border-gray-400 text-center leading-6 mr-2 text-gray-500\">4<\/span>\r\n <span class=\"font-medium text-gray-500\">Confirmaci\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <form id=\"providerForm\" class=\"p-6\">\r\n \r\n <div id=\"step1\" class=\"step-content\">\r\n <h3 class=\"text-xl font-semibold mb-4 text-gray-800\">Informaci\u00f3n General del Proveedor<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"razonSocial\" class=\"block text-sm font-medium text-gray-700 mb-1\">Raz\u00f3n Social *<\/label>\r\n <input type=\"text\" id=\"razonSocial\" name=\"razonSocial\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"nit\" class=\"block text-sm font-medium text-gray-700 mb-1\">NIT\/RUT *<\/label>\r\n <input type=\"text\" id=\"nit\" name=\"nit\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"representanteLegal\" class=\"block text-sm font-medium text-gray-700 mb-1\">Representante Legal *<\/label>\r\n <input type=\"text\" id=\"representanteLegal\" name=\"representanteLegal\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"tipoIdentificacion\" class=\"block text-sm font-medium text-gray-700 mb-1\">Tipo de Identificaci\u00f3n *<\/label>\r\n <select id=\"tipoIdentificacion\" name=\"tipoIdentificacion\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"CC\">C\u00e9dula de Ciudadan\u00eda<\/option>\r\n <option value=\"CE\">C\u00e9dula de Extranjer\u00eda<\/option>\r\n <option value=\"PP\">Pasaporte<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"numeroIdentificacion\" class=\"block text-sm font-medium text-gray-700 mb-1\">N\u00famero de Identificaci\u00f3n *<\/label>\r\n <input type=\"text\" id=\"numeroIdentificacion\" name=\"numeroIdentificacion\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"telefono\" class=\"block text-sm font-medium text-gray-700 mb-1\">Tel\u00e9fono de Contacto *<\/label>\r\n <input type=\"tel\" id=\"telefono\" name=\"telefono\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"correo\" class=\"block text-sm font-medium text-gray-700 mb-1\">Correo Electr\u00f3nico *<\/label>\r\n <input type=\"email\" id=\"correo\" name=\"correo\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"sitioWeb\" class=\"block text-sm font-medium text-gray-700 mb-1\">Sitio Web<\/label>\r\n <input type=\"url\" id=\"sitioWeb\" name=\"sitioWeb\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-6\">\r\n <label for=\"direccion\" class=\"block text-sm font-medium text-gray-700 mb-1\">Direcci\u00f3n *<\/label>\r\n <input type=\"text\" id=\"direccion\" name=\"direccion\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6\">\r\n <div>\r\n <label for=\"ciudad\" class=\"block text-sm font-medium text-gray-700 mb-1\">Ciudad *<\/label>\r\n <input type=\"text\" id=\"ciudad\" name=\"ciudad\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"departamento\" class=\"block text-sm font-medium text-gray-700 mb-1\">Departamento *<\/label>\r\n <input type=\"text\" id=\"departamento\" name=\"departamento\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"pais\" class=\"block text-sm font-medium text-gray-700 mb-1\">Pa\u00eds *<\/label>\r\n <input type=\"text\" id=\"pais\" name=\"pais\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-6\">\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Sector Comercial *<\/label>\r\n <div class=\"flex space-x-4\">\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"checkbox\" name=\"sectorComercial\" value=\"productos\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded\">\r\n <span class=\"ml-2 text-gray-700\">Productos<\/span>\r\n <\/label>\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"checkbox\" name=\"sectorComercial\" value=\"servicios\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded\">\r\n <span class=\"ml-2 text-gray-700\">Servicios<\/span>\r\n <\/label>\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"checkbox\" name=\"sectorComercial\" value=\"ambos\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded\">\r\n <span class=\"ml-2 text-gray-700\">Ambos<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-6\">\r\n <label for=\"descripcion\" class=\"block text-sm font-medium text-gray-700 mb-1\">Descripci\u00f3n de Productos\/Servicios *<\/label>\r\n <textarea id=\"descripcion\" name=\"descripcion\" rows=\"3\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"step2\" class=\"step-content hidden\">\r\n <h3 class=\"text-xl font-semibold mb-4 text-gray-800\">Informaci\u00f3n Financiera y Bancaria<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"regimen\" class=\"block text-sm font-medium text-gray-700 mb-1\">R\u00e9gimen Tributario *<\/label>\r\n <select id=\"regimen\" name=\"regimen\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"comun\">R\u00e9gimen Com\u00fan<\/option>\r\n <option value=\"simplificado\">R\u00e9gimen Simplificado<\/option>\r\n <option value=\"especial\">R\u00e9gimen Especial<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"responsableIVA\" class=\"block text-sm font-medium text-gray-700 mb-1\">Responsable de IVA *<\/label>\r\n <select id=\"responsableIVA\" name=\"responsableIVA\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"si\">S\u00ed<\/option>\r\n <option value=\"no\">No<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"autorretenedor\" class=\"block text-sm font-medium text-gray-700 mb-1\">Autorretenedor *<\/label>\r\n <select id=\"autorretenedor\" name=\"autorretenedor\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"si\">S\u00ed<\/option>\r\n <option value=\"no\">No<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"granContribuyente\" class=\"block text-sm font-medium text-gray-700 mb-1\">Gran Contribuyente *<\/label>\r\n <select id=\"granContribuyente\" name=\"granContribuyente\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"si\">S\u00ed<\/option>\r\n <option value=\"no\">No<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <h4 class=\"text-lg font-medium mb-3 text-gray-800 border-b pb-2\">Informaci\u00f3n Bancaria<\/h4>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"banco\" class=\"block text-sm font-medium text-gray-700 mb-1\">Entidad Bancaria *<\/label>\r\n <input type=\"text\" id=\"banco\" name=\"banco\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"tipoCuenta\" class=\"block text-sm font-medium text-gray-700 mb-1\">Tipo de Cuenta *<\/label>\r\n <select id=\"tipoCuenta\" name=\"tipoCuenta\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"ahorros\">Ahorros<\/option>\r\n <option value=\"corriente\">Corriente<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"numeroCuenta\" class=\"block text-sm font-medium text-gray-700 mb-1\">N\u00famero de Cuenta *<\/label>\r\n <input type=\"text\" id=\"numeroCuenta\" name=\"numeroCuenta\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"titularCuenta\" class=\"block text-sm font-medium text-gray-700 mb-1\">Titular de la Cuenta *<\/label>\r\n <input type=\"text\" id=\"titularCuenta\" name=\"titularCuenta\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <h4 class=\"text-lg font-medium mb-3 text-gray-800 border-b pb-2\">Informaci\u00f3n de Facturaci\u00f3n<\/h4>\r\n\r\n <div class=\"mb-6\">\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tipo de Facturaci\u00f3n *<\/label>\r\n <div class=\"flex space-x-4\">\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"radio\" name=\"tipoFacturacion\" value=\"electronica\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300\" required>\r\n <span class=\"ml-2 text-gray-700\">Facturaci\u00f3n Electr\u00f3nica<\/span>\r\n <\/label>\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"radio\" name=\"tipoFacturacion\" value=\"fisica\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300\">\r\n <span class=\"ml-2 text-gray-700\">Facturaci\u00f3n F\u00edsica<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-6\">\r\n <label for=\"condicionesPago\" class=\"block text-sm font-medium text-gray-700 mb-1\">Condiciones de Pago Preferidas *<\/label>\r\n <select id=\"condicionesPago\" name=\"condicionesPago\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"contado\">Contado<\/option>\r\n <option value=\"15dias\">15 d\u00edas<\/option>\r\n <option value=\"30dias\">30 d\u00edas<\/option>\r\n <option value=\"45dias\">45 d\u00edas<\/option>\r\n <option value=\"60dias\">60 d\u00edas<\/option>\r\n <option value=\"otro\">Otro<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"step3\" class=\"step-content hidden\">\r\n <h3 class=\"text-xl font-semibold mb-4 text-gray-800\">Documentaci\u00f3n Requerida<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Por favor adjunte los siguientes documentos en formato PDF. Los documentos marcados con (*) son obligatorios.<\/p>\r\n\r\n <div class=\"space-y-6\">\r\n <div class=\"p-4 border border-gray-300 rounded-md bg-gray-50\">\r\n <h4 class=\"font-medium text-gray-800 mb-2\">C\u00e1mara de Comercio *<\/h4>\r\n <p class=\"text-sm text-gray-600 mb-3\">Vigencia menor a 30 d\u00edas. Tama\u00f1o m\u00e1ximo: 5MB<\/p>\r\n <div class=\"file-input-label\">\r\n <div class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors cursor-pointer\">\r\n <span id=\"camaraComercioLabel\">Seleccionar archivo<\/span>\r\n <\/div>\r\n <input type=\"file\" id=\"camaraComercio\" name=\"camaraComercio\" accept=\".pdf\" required onchange=\"updateFileLabel(this, 'camaraComercioLabel')\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-4 border border-gray-300 rounded-md bg-gray-50\">\r\n <h4 class=\"font-medium text-gray-800 mb-2\">Registro \u00danico Tributario (RUT) *<\/h4>\r\n <p class=\"text-sm text-gray-600 mb-3\">Documento actualizado. Tama\u00f1o m\u00e1ximo: 5MB<\/p>\r\n <div class=\"file-input-label\">\r\n <div class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors cursor-pointer\">\r\n <span id=\"rutLabel\">Seleccionar archivo<\/span>\r\n <\/div>\r\n <input type=\"file\" id=\"rut\" name=\"rut\" accept=\".pdf\" required onchange=\"updateFileLabel(this, 'rutLabel')\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-4 border border-gray-300 rounded-md bg-gray-50\">\r\n <h4 class=\"font-medium text-gray-800 mb-2\">Certificado de Calidad<\/h4>\r\n <p class=\"text-sm text-gray-600 mb-3\">Opcional. Tama\u00f1o m\u00e1ximo: 5MB<\/p>\r\n <div class=\"file-input-label\">\r\n <div class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors cursor-pointer\">\r\n <span id=\"certificadoCalidadLabel\">Seleccionar archivo<\/span>\r\n <\/div>\r\n <input type=\"file\" id=\"certificadoCalidad\" name=\"certificadoCalidad\" accept=\".pdf\" onchange=\"updateFileLabel(this, 'certificadoCalidadLabel')\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-4 border border-gray-300 rounded-md bg-gray-50\">\r\n <h4 class=\"font-medium text-gray-800 mb-2\">Cat\u00e1logo de Productos o Servicios *<\/h4>\r\n <p class=\"text-sm text-gray-600 mb-3\">Formato PDF. Tama\u00f1o m\u00e1ximo: 10MB<\/p>\r\n <div class=\"file-input-label\">\r\n <div class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors cursor-pointer\">\r\n <span id=\"catalogoLabel\">Seleccionar archivo<\/span>\r\n <\/div>\r\n <input type=\"file\" id=\"catalogo\" name=\"catalogo\" accept=\".pdf\" required onchange=\"updateFileLabel(this, 'catalogoLabel')\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-6 p-4 bg-blue-50 rounded-md border border-blue-200\">\r\n <div class=\"flex\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-blue-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <div>\r\n <h4 class=\"font-medium text-blue-800\">Informaci\u00f3n Importante<\/h4>\r\n <p class=\"text-sm text-blue-700 mt-1\">Todos los documentos ser\u00e1n revisados por nuestro equipo de compras. La documentaci\u00f3n incompleta o desactualizada puede retrasar el proceso de aprobaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"step4\" class=\"step-content hidden\">\r\n <div class=\"text-center mb-6\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-16 w-16 mx-auto text-green-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <h3 class=\"text-xl font-semibold mt-4 text-gray-800\">Registro Completado<\/h3>\r\n <p class=\"text-gray-600 mt-2\">La solicitud de registro como proveedor ha sido enviada correctamente.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 p-6 rounded-md mb-6\">\r\n <h4 class=\"font-medium text-gray-800 mb-3\">Resumen de la Solicitud<\/h4>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Raz\u00f3n Social:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-razonSocial\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">NIT\/RUT:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-nit\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Representante Legal:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-representante\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Correo Electr\u00f3nico:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-correo\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Sector Comercial:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-sector\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Documentos Cargados:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-documentos\">-<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-blue-50 p-4 rounded-md border border-blue-200 mb-6\">\r\n <div class=\"flex\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-blue-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <div>\r\n <h4 class=\"font-medium text-blue-800\">Pr\u00f3ximos Pasos<\/h4>\r\n <p class=\"text-sm text-blue-700 mt-1\">El equipo de compras revisar\u00e1 la solicitud y documentaci\u00f3n. Se enviar\u00e1 una notificaci\u00f3n por correo electr\u00f3nico sobre el estado del registro en un plazo de 3 a 5 d\u00edas h\u00e1biles.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-green-50 p-4 rounded-md border border-green-200 mb-6\">\r\n <div class=\"flex\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-green-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\" \/>\r\n <\/svg>\r\n <div>\r\n <h4 class=\"font-medium text-green-800\">Notificaciones<\/h4>\r\n <p class=\"text-sm text-green-700 mt-1\">Se ha enviado un correo de confirmaci\u00f3n a la direcci\u00f3n proporcionada con el n\u00famero de solicitud y los detalles del registro.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center space-y-4\">\r\n <button type=\"button\" id=\"finishBtn\" class=\"px-6 py-3 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors\">\r\n Finalizar Proceso\r\n <\/button>\r\n \r\n <div class=\"pt-4 border-t border-gray-200\">\r\n <p class=\"text-sm text-gray-600 mb-3\">Tu opini\u00f3n es importante para nosotros<\/p>\r\n <button type=\"button\" id=\"feedbackBtn\" class=\"px-6 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors flex items-center mx-auto\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\" \/>\r\n <\/svg>\r\n \u00bfC\u00f3mo te pareci\u00f3 la experiencia de registro?\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 flex justify-between\">\r\n <button type=\"button\" id=\"prevBtn\" class=\"px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors hidden\">\r\n Anterior\r\n <\/button>\r\n <div><\/div>\r\n <button type=\"button\" id=\"nextBtn\" class=\"px-6 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors\">\r\n Siguiente\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <footer class=\"bg-gray-800 text-white py-6 mt-8\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-center\">\r\n <div class=\"mb-4 md:mb-0\">\r\n <p class=\"text-sm\">© 2023 Hotel ProGESTION - Plataforma de Gesti\u00f3n de Compras<\/p>\r\n <\/div>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"#\" class=\"text-gray-400 hover:text-white text-sm\">T\u00e9rminos y Condiciones<\/a>\r\n <a href=\"#\" class=\"text-gray-400 hover:text-white text-sm\">Pol\u00edtica de Privacidad<\/a>\r\n <a href=\"#\" class=\"text-gray-400 hover:text-white text-sm\">Contacto<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n \r\n <div id=\"validationModal\" class=\"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden\">\r\n <div class=\"bg-white rounded-lg p-6 max-w-md w-full\">\r\n <div class=\"flex items-center justify-center mb-4\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-12 w-12 text-red-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-center text-gray-800 mb-2\">Campos Requeridos<\/h3>\r\n <p id=\"validationMessage\" class=\"text-gray-600 text-center mb-6\">Por favor complete todos los campos obligatorios antes de continuar.<\/p>\r\n <div class=\"flex justify-center\">\r\n <button id=\"closeValidationModal\" class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors\">\r\n Entendido\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Variables globales\r\n let currentStep = 1;\r\n const totalSteps = 4;\r\n\r\n \/\/ Elementos DOM\r\n const form = document.getElementById('providerForm');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const finishBtn = document.getElementById('finishBtn');\r\n const validationModal = document.getElementById('validationModal');\r\n const closeValidationModal = document.getElementById('closeValidationModal');\r\n\r\n \/\/ Funci\u00f3n para cerrar sesi\u00f3n\r\n function logout() {\r\n alert('Cerrando sesi\u00f3n...');\r\n \/\/ Aqu\u00ed se implementar\u00eda la l\u00f3gica de logout\r\n }\r\n\r\n \/\/ Funci\u00f3n para actualizar la etiqueta del archivo seleccionado\r\n function updateFileLabel(input, labelId) {\r\n const label = document.getElementById(labelId);\r\n if (input.files && input.files[0]) {\r\n label.textContent = input.files[0].name;\r\n } else {\r\n label.textContent = 'Seleccionar archivo';\r\n }\r\n }\r\n\r\n \/\/ Funci\u00f3n para mostrar el paso actual\r\n function showStep(step) {\r\n \/\/ Ocultar todos los pasos\r\n document.querySelectorAll('.step-content').forEach(el => {\r\n el.classList.add('hidden');\r\n });\r\n \r\n \/\/ Mostrar el paso actual\r\n document.getElementById(`step${step}`).classList.remove('hidden');\r\n \r\n \/\/ Actualizar los tabs\r\n for (let i = 1; i <= totalSteps; i++) {\r\n const tab = document.getElementById(`step${i}-tab`);\r\n if (i < step) {\r\n tab.classList.remove('step-active', 'bg-gray-100');\r\n tab.classList.add('step-completed');\r\n } else if (i === step) {\r\n tab.classList.remove('bg-gray-100', 'step-completed');\r\n tab.classList.add('step-active');\r\n } else {\r\n tab.classList.remove('step-active', 'step-completed');\r\n tab.classList.add('bg-gray-100');\r\n }\r\n }\r\n \r\n \/\/ Actualizar botones de navegaci\u00f3n\r\n if (step === 1) {\r\n prevBtn.classList.add('hidden');\r\n } else {\r\n prevBtn.classList.remove('hidden');\r\n }\r\n \r\n if (step === totalSteps) {\r\n nextBtn.classList.add('hidden');\r\n updateSummary();\r\n } else {\r\n nextBtn.classList.remove('hidden');\r\n }\r\n }\r\n\r\n \/\/ Funci\u00f3n para validar el paso actual\r\n function validateStep(step) {\r\n let isValid = true;\r\n let message = '';\r\n \r\n if (step === 1) {\r\n \/\/ Validar campos del paso 1\r\n const requiredFields = ['razonSocial', 'nit', 'representanteLegal', 'tipoIdentificacion', \r\n 'numeroIdentificacion', 'telefono', 'correo', 'direccion', \r\n 'ciudad', 'departamento', 'pais'];\r\n \r\n for (const field of requiredFields) {\r\n const input = document.getElementById(field);\r\n if (!input.value.trim()) {\r\n isValid = false;\r\n message = 'Por favor complete todos los campos obligatorios.';\r\n break;\r\n }\r\n }\r\n \r\n \/\/ Validar sector comercial\r\n const sectorChecked = document.querySelectorAll('input[name=\"sectorComercial\"]:checked');\r\n if (sectorChecked.length === 0) {\r\n isValid = false;\r\n message = 'Por favor seleccione al menos un sector comercial.';\r\n }\r\n \r\n \/\/ Validar descripci\u00f3n\r\n if (document.getElementById('descripcion').value.trim() === '') {\r\n isValid = false;\r\n message = 'Por favor ingrese una descripci\u00f3n de sus productos o servicios.';\r\n }\r\n } else if (step === 2) {\r\n \/\/ Validar campos del paso 2\r\n const requiredFields = ['regimen', 'responsableIVA', 'autorretenedor', 'granContribuyente',\r\n 'banco', 'tipoCuenta', 'numeroCuenta', 'titularCuenta'];\r\n \r\n for (const field of requiredFields) {\r\n const input = document.getElementById(field);\r\n if (!input.value.trim()) {\r\n isValid = false;\r\n message = 'Por favor complete todos los campos obligatorios.';\r\n break;\r\n }\r\n }\r\n \r\n \/\/ Validar tipo de facturaci\u00f3n\r\n const facturacionChecked = document.querySelector('input[name=\"tipoFacturacion\"]:checked');\r\n if (!facturacionChecked) {\r\n isValid = false;\r\n message = 'Por favor seleccione un tipo de facturaci\u00f3n.';\r\n }\r\n \r\n \/\/ Validar condiciones de pago\r\n if (document.getElementById('condicionesPago').value === '') {\r\n isValid = false;\r\n message = 'Por favor seleccione las condiciones de pago preferidas.';\r\n }\r\n } else if (step === 3) {\r\n \/\/ Validar documentos obligatorios\r\n const requiredDocs = ['camaraComercio', 'rut', 'catalogo'];\r\n \r\n for (const doc of requiredDocs) {\r\n const input = document.getElementById(doc);\r\n if (!input.files || input.files.length === 0) {\r\n isValid = false;\r\n message = 'Por favor cargue todos los documentos obligatorios.';\r\n break;\r\n }\r\n }\r\n }\r\n \r\n if (!isValid) {\r\n showValidationModal(message);\r\n }\r\n \r\n return isValid;\r\n }\r\n\r\n \/\/ Funci\u00f3n para mostrar el modal de validaci\u00f3n\r\n function showValidationModal(message) {\r\n document.getElementById('validationMessage').textContent = message;\r\n validationModal.classList.remove('hidden');\r\n }\r\n\r\n \/\/ Funci\u00f3n para actualizar el resumen\r\n function updateSummary() {\r\n document.getElementById('resumen-razonSocial').textContent = document.getElementById('razonSocial').value || '-';\r\n document.getElementById('resumen-nit').textContent = document.getElementById('nit').value || '-';\r\n document.getElementById('resumen-representante').textContent = document.getElementById('representanteLegal').value || '-';\r\n document.getElementById('resumen-correo').textContent = document.getElementById('correo').value || '-';\r\n \r\n \/\/ Sector comercial\r\n const sectores = Array.from(document.querySelectorAll('input[name=\"sectorComercial\"]:checked'))\r\n .map(cb => cb.value);\r\n document.getElementById('resumen-sector').textContent = sectores.join(', ') || '-';\r\n \r\n \/\/ Documentos cargados\r\n const docs = [];\r\n if (document.getElementById('camaraComercio').files.length > 0) docs.push('C\u00e1mara de Comercio');\r\n if (document.getElementById('rut').files.length > 0) docs.push('RUT');\r\n if (document.getElementById('certificadoCalidad').files.length > 0) docs.push('Certificado de Calidad');\r\n if (document.getElementById('catalogo').files.length > 0) docs.push('Cat\u00e1logo');\r\n \r\n document.getElementById('resumen-documentos').textContent = docs.join(', ') || '-';\r\n }\r\n\r\n \/\/ Event Listeners\r\n nextBtn.addEventListener('click', () => {\r\n if (validateStep(currentStep)) {\r\n if (currentStep < totalSteps) {\r\n currentStep++;\r\n showStep(currentStep);\r\n }\r\n }\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n if (currentStep > 1) {\r\n currentStep--;\r\n showStep(currentStep);\r\n }\r\n });\r\n\r\n closeValidationModal.addEventListener('click', () => {\r\n validationModal.classList.add('hidden');\r\n });\r\n\r\n finishBtn.addEventListener('click', () => {\r\n alert('\u00a1Registro completado exitosamente! Se ha enviado una confirmaci\u00f3n por correo electr\u00f3nico.');\r\n \/\/ Aqu\u00ed se implementar\u00eda la l\u00f3gica para enviar los datos\r\n });\r\n\r\n \/\/ Event listener para el bot\u00f3n de feedback\r\n document.getElementById('feedbackBtn').addEventListener('click', () => {\r\n window.open('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSf17mplDOHeiIEVVEcxCdQ5W9k8_VUqLsJJclY2rhPxffwy3w\/viewform', '_blank');\r\n });\r\n\r\n \/\/ Inicializar\r\n showStep(1);\r\n <\/script>\r\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'95a1b1b7d42b3ee6',t:'MTc1MTY2NDMxNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Sistema de Registro de Proveedores – Hotel ProGESTION Hotel ProGESTION Plataforma de Gesti\u00f3n de Compras Inicio Proveedores Compras Reportes 3 Admin Men\u00fa de Gesti\u00f3n Dashboard Proveedores \u00d3rdenes de Compra Inventario Reportes Configuraci\u00f3n Estado de Solicitudes Pendientes 8 Aprobadas 12 Rechazadas 3 Registro de Proveedores Complete el formulario para registrar un nuevo proveedor en la plataforma […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-125","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":19,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"predecessor-version":[{"id":203,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions\/203"}],"wp:attachment":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Sistema de Registro de Proveedores - Hotel ProGESTION<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n .step-active {\r\n background-color: #4f46e5;\r\n color: white;\r\n }\r\n .step-completed {\r\n background-color: #10b981;\r\n color: white;\r\n }\r\n .file-input-label {\r\n position: relative;\r\n overflow: hidden;\r\n display: inline-block;\r\n }\r\n .file-input-label input[type=file] {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n min-width: 100%;\r\n min-height: 100%;\r\n font-size: 100px;\r\n text-align: right;\r\n filter: alpha(opacity=0);\r\n opacity: 0;\r\n outline: none;\r\n cursor: pointer;\r\n display: block;\r\n }\r\n .notification-badge {\r\n position: absolute;\r\n top: -8px;\r\n right: -8px;\r\n background-color: #ef4444;\r\n color: white;\r\n border-radius: 50%;\r\n width: 20px;\r\n height: 20px;\r\n font-size: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n <div class=\"min-h-screen flex flex-col\">\r\n \r\n <header class=\"bg-indigo-800 text-white shadow-lg\">\r\n <div class=\"container mx-auto px-4 py-4 flex justify-between items-center\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 mr-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" \/>\r\n <\/svg>\r\n <div>\r\n <h1 class=\"text-xl font-bold\">Hotel ProGESTION<\/h1>\r\n <p class=\"text-sm text-indigo-200\">Plataforma de Gesti\u00f3n de Compras<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hidden md:flex items-center space-x-6\">\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">Inicio<\/a>\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">Proveedores<\/a>\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">Compras<\/a>\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">Reportes<\/a>\r\n <div class=\"relative\">\r\n <a href=\"#\" class=\"text-indigo-200 hover:text-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\" \/>\r\n <\/svg>\r\n <span class=\"notification-badge\">3<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Ccircle cx='12' cy='12' r='12'\/%3E%3C\/svg%3E\" alt=\"Usuario\" class=\"h-8 w-8 rounded-full border-2 border-white\">\r\n <span class=\"ml-2\">Admin<\/span>\r\n <button onclick=\"logout()\" class=\"ml-4 text-indigo-200 hover:text-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <button class=\"md:hidden text-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <main class=\"flex-grow container mx-auto px-4 py-8\">\r\n <div class=\"flex flex-col md:flex-row gap-6\">\r\n \r\n <div class=\"w-full md:w-64 bg-white rounded-lg shadow-md p-4 h-fit\">\r\n <h3 class=\"font-medium text-gray-700 mb-3 pb-2 border-b\">Men\u00fa de Gesti\u00f3n<\/h3>\r\n <nav class=\"space-y-1\">\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" \/>\r\n <\/svg>\r\n Dashboard\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md bg-indigo-50 text-indigo-700 font-medium\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\" \/>\r\n <\/svg>\r\n Proveedores\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\" \/>\r\n <\/svg>\r\n \u00d3rdenes de Compra\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" \/>\r\n <\/svg>\r\n Inventario\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\r\n <\/svg>\r\n Reportes\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center px-3 py-2 text-sm rounded-md text-gray-700 hover:bg-indigo-50 hover:text-indigo-700\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <\/svg>\r\n Configuraci\u00f3n\r\n <\/a>\r\n <\/nav>\r\n\r\n <div class=\"mt-6 pt-4 border-t\">\r\n <h3 class=\"font-medium text-gray-700 mb-3\">Estado de Solicitudes<\/h3>\r\n <div class=\"space-y-2\">\r\n <div class=\"flex justify-between items-center px-3 py-1 text-sm\">\r\n <span class=\"text-gray-600\">Pendientes<\/span>\r\n <span class=\"bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded-full font-medium\">8<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center px-3 py-1 text-sm\">\r\n <span class=\"text-gray-600\">Aprobadas<\/span>\r\n <span class=\"bg-green-100 text-green-800 px-2 py-0.5 rounded-full font-medium\">12<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center px-3 py-1 text-sm\">\r\n <span class=\"text-gray-600\">Rechazadas<\/span>\r\n <span class=\"bg-red-100 text-red-800 px-2 py-0.5 rounded-full font-medium\">3<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex-1\">\r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden\">\r\n <div class=\"p-6 bg-indigo-700 text-white\">\r\n <h2 class=\"text-2xl font-bold\">Registro de Proveedores<\/h2>\r\n <p class=\"mt-1\">Complete el formulario para registrar un nuevo proveedor en la plataforma<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex border-b border-gray-200\">\r\n <div id=\"step1-tab\" class=\"step-active flex-1 text-center py-4 cursor-pointer transition-colors\">\r\n <span class=\"inline-block w-8 h-8 rounded-full border-2 border-white text-center leading-6 mr-2\">1<\/span>\r\n <span class=\"font-medium\">Datos Generales<\/span>\r\n <\/div>\r\n <div id=\"step2-tab\" class=\"bg-gray-100 flex-1 text-center py-4 cursor-pointer transition-colors\">\r\n <span class=\"inline-block w-8 h-8 rounded-full border-2 border-gray-400 text-center leading-6 mr-2 text-gray-500\">2<\/span>\r\n <span class=\"font-medium text-gray-500\">Informaci\u00f3n Financiera<\/span>\r\n <\/div>\r\n <div id=\"step3-tab\" class=\"bg-gray-100 flex-1 text-center py-4 cursor-pointer transition-colors\">\r\n <span class=\"inline-block w-8 h-8 rounded-full border-2 border-gray-400 text-center leading-6 mr-2 text-gray-500\">3<\/span>\r\n <span class=\"font-medium text-gray-500\">Documentaci\u00f3n<\/span>\r\n <\/div>\r\n <div id=\"step4-tab\" class=\"bg-gray-100 flex-1 text-center py-4 cursor-pointer transition-colors\">\r\n <span class=\"inline-block w-8 h-8 rounded-full border-2 border-gray-400 text-center leading-6 mr-2 text-gray-500\">4<\/span>\r\n <span class=\"font-medium text-gray-500\">Confirmaci\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <form id=\"providerForm\" class=\"p-6\">\r\n \r\n <div id=\"step1\" class=\"step-content\">\r\n <h3 class=\"text-xl font-semibold mb-4 text-gray-800\">Informaci\u00f3n General del Proveedor<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"razonSocial\" class=\"block text-sm font-medium text-gray-700 mb-1\">Raz\u00f3n Social *<\/label>\r\n <input type=\"text\" id=\"razonSocial\" name=\"razonSocial\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"nit\" class=\"block text-sm font-medium text-gray-700 mb-1\">NIT\/RUT *<\/label>\r\n <input type=\"text\" id=\"nit\" name=\"nit\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"representanteLegal\" class=\"block text-sm font-medium text-gray-700 mb-1\">Representante Legal *<\/label>\r\n <input type=\"text\" id=\"representanteLegal\" name=\"representanteLegal\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"tipoIdentificacion\" class=\"block text-sm font-medium text-gray-700 mb-1\">Tipo de Identificaci\u00f3n *<\/label>\r\n <select id=\"tipoIdentificacion\" name=\"tipoIdentificacion\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"CC\">C\u00e9dula de Ciudadan\u00eda<\/option>\r\n <option value=\"CE\">C\u00e9dula de Extranjer\u00eda<\/option>\r\n <option value=\"PP\">Pasaporte<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"numeroIdentificacion\" class=\"block text-sm font-medium text-gray-700 mb-1\">N\u00famero de Identificaci\u00f3n *<\/label>\r\n <input type=\"text\" id=\"numeroIdentificacion\" name=\"numeroIdentificacion\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"telefono\" class=\"block text-sm font-medium text-gray-700 mb-1\">Tel\u00e9fono de Contacto *<\/label>\r\n <input type=\"tel\" id=\"telefono\" name=\"telefono\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"correo\" class=\"block text-sm font-medium text-gray-700 mb-1\">Correo Electr\u00f3nico *<\/label>\r\n <input type=\"email\" id=\"correo\" name=\"correo\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"sitioWeb\" class=\"block text-sm font-medium text-gray-700 mb-1\">Sitio Web<\/label>\r\n <input type=\"url\" id=\"sitioWeb\" name=\"sitioWeb\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-6\">\r\n <label for=\"direccion\" class=\"block text-sm font-medium text-gray-700 mb-1\">Direcci\u00f3n *<\/label>\r\n <input type=\"text\" id=\"direccion\" name=\"direccion\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6\">\r\n <div>\r\n <label for=\"ciudad\" class=\"block text-sm font-medium text-gray-700 mb-1\">Ciudad *<\/label>\r\n <input type=\"text\" id=\"ciudad\" name=\"ciudad\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"departamento\" class=\"block text-sm font-medium text-gray-700 mb-1\">Departamento *<\/label>\r\n <input type=\"text\" id=\"departamento\" name=\"departamento\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"pais\" class=\"block text-sm font-medium text-gray-700 mb-1\">Pa\u00eds *<\/label>\r\n <input type=\"text\" id=\"pais\" name=\"pais\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-6\">\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Sector Comercial *<\/label>\r\n <div class=\"flex space-x-4\">\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"checkbox\" name=\"sectorComercial\" value=\"productos\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded\">\r\n <span class=\"ml-2 text-gray-700\">Productos<\/span>\r\n <\/label>\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"checkbox\" name=\"sectorComercial\" value=\"servicios\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded\">\r\n <span class=\"ml-2 text-gray-700\">Servicios<\/span>\r\n <\/label>\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"checkbox\" name=\"sectorComercial\" value=\"ambos\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded\">\r\n <span class=\"ml-2 text-gray-700\">Ambos<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-6\">\r\n <label for=\"descripcion\" class=\"block text-sm font-medium text-gray-700 mb-1\">Descripci\u00f3n de Productos\/Servicios *<\/label>\r\n <textarea id=\"descripcion\" name=\"descripcion\" rows=\"3\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"step2\" class=\"step-content hidden\">\r\n <h3 class=\"text-xl font-semibold mb-4 text-gray-800\">Informaci\u00f3n Financiera y Bancaria<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"regimen\" class=\"block text-sm font-medium text-gray-700 mb-1\">R\u00e9gimen Tributario *<\/label>\r\n <select id=\"regimen\" name=\"regimen\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"comun\">R\u00e9gimen Com\u00fan<\/option>\r\n <option value=\"simplificado\">R\u00e9gimen Simplificado<\/option>\r\n <option value=\"especial\">R\u00e9gimen Especial<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"responsableIVA\" class=\"block text-sm font-medium text-gray-700 mb-1\">Responsable de IVA *<\/label>\r\n <select id=\"responsableIVA\" name=\"responsableIVA\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"si\">S\u00ed<\/option>\r\n <option value=\"no\">No<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"autorretenedor\" class=\"block text-sm font-medium text-gray-700 mb-1\">Autorretenedor *<\/label>\r\n <select id=\"autorretenedor\" name=\"autorretenedor\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"si\">S\u00ed<\/option>\r\n <option value=\"no\">No<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"granContribuyente\" class=\"block text-sm font-medium text-gray-700 mb-1\">Gran Contribuyente *<\/label>\r\n <select id=\"granContribuyente\" name=\"granContribuyente\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"si\">S\u00ed<\/option>\r\n <option value=\"no\">No<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <h4 class=\"text-lg font-medium mb-3 text-gray-800 border-b pb-2\">Informaci\u00f3n Bancaria<\/h4>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"banco\" class=\"block text-sm font-medium text-gray-700 mb-1\">Entidad Bancaria *<\/label>\r\n <input type=\"text\" id=\"banco\" name=\"banco\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"tipoCuenta\" class=\"block text-sm font-medium text-gray-700 mb-1\">Tipo de Cuenta *<\/label>\r\n <select id=\"tipoCuenta\" name=\"tipoCuenta\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"ahorros\">Ahorros<\/option>\r\n <option value=\"corriente\">Corriente<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\r\n <div>\r\n <label for=\"numeroCuenta\" class=\"block text-sm font-medium text-gray-700 mb-1\">N\u00famero de Cuenta *<\/label>\r\n <input type=\"text\" id=\"numeroCuenta\" name=\"numeroCuenta\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"titularCuenta\" class=\"block text-sm font-medium text-gray-700 mb-1\">Titular de la Cuenta *<\/label>\r\n <input type=\"text\" id=\"titularCuenta\" name=\"titularCuenta\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <h4 class=\"text-lg font-medium mb-3 text-gray-800 border-b pb-2\">Informaci\u00f3n de Facturaci\u00f3n<\/h4>\r\n\r\n <div class=\"mb-6\">\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tipo de Facturaci\u00f3n *<\/label>\r\n <div class=\"flex space-x-4\">\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"radio\" name=\"tipoFacturacion\" value=\"electronica\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300\" required>\r\n <span class=\"ml-2 text-gray-700\">Facturaci\u00f3n Electr\u00f3nica<\/span>\r\n <\/label>\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"radio\" name=\"tipoFacturacion\" value=\"fisica\" class=\"h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300\">\r\n <span class=\"ml-2 text-gray-700\">Facturaci\u00f3n F\u00edsica<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-6\">\r\n <label for=\"condicionesPago\" class=\"block text-sm font-medium text-gray-700 mb-1\">Condiciones de Pago Preferidas *<\/label>\r\n <select id=\"condicionesPago\" name=\"condicionesPago\" class=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500\" required>\r\n <option value=\"\">Seleccione...<\/option>\r\n <option value=\"contado\">Contado<\/option>\r\n <option value=\"15dias\">15 d\u00edas<\/option>\r\n <option value=\"30dias\">30 d\u00edas<\/option>\r\n <option value=\"45dias\">45 d\u00edas<\/option>\r\n <option value=\"60dias\">60 d\u00edas<\/option>\r\n <option value=\"otro\">Otro<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"step3\" class=\"step-content hidden\">\r\n <h3 class=\"text-xl font-semibold mb-4 text-gray-800\">Documentaci\u00f3n Requerida<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Por favor adjunte los siguientes documentos en formato PDF. Los documentos marcados con (*) son obligatorios.<\/p>\r\n\r\n <div class=\"space-y-6\">\r\n <div class=\"p-4 border border-gray-300 rounded-md bg-gray-50\">\r\n <h4 class=\"font-medium text-gray-800 mb-2\">C\u00e1mara de Comercio *<\/h4>\r\n <p class=\"text-sm text-gray-600 mb-3\">Vigencia menor a 30 d\u00edas. Tama\u00f1o m\u00e1ximo: 5MB<\/p>\r\n <div class=\"file-input-label\">\r\n <div class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors cursor-pointer\">\r\n <span id=\"camaraComercioLabel\">Seleccionar archivo<\/span>\r\n <\/div>\r\n <input type=\"file\" id=\"camaraComercio\" name=\"camaraComercio\" accept=\".pdf\" required onchange=\"updateFileLabel(this, 'camaraComercioLabel')\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-4 border border-gray-300 rounded-md bg-gray-50\">\r\n <h4 class=\"font-medium text-gray-800 mb-2\">Registro \u00danico Tributario (RUT) *<\/h4>\r\n <p class=\"text-sm text-gray-600 mb-3\">Documento actualizado. Tama\u00f1o m\u00e1ximo: 5MB<\/p>\r\n <div class=\"file-input-label\">\r\n <div class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors cursor-pointer\">\r\n <span id=\"rutLabel\">Seleccionar archivo<\/span>\r\n <\/div>\r\n <input type=\"file\" id=\"rut\" name=\"rut\" accept=\".pdf\" required onchange=\"updateFileLabel(this, 'rutLabel')\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-4 border border-gray-300 rounded-md bg-gray-50\">\r\n <h4 class=\"font-medium text-gray-800 mb-2\">Certificado de Calidad<\/h4>\r\n <p class=\"text-sm text-gray-600 mb-3\">Opcional. Tama\u00f1o m\u00e1ximo: 5MB<\/p>\r\n <div class=\"file-input-label\">\r\n <div class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors cursor-pointer\">\r\n <span id=\"certificadoCalidadLabel\">Seleccionar archivo<\/span>\r\n <\/div>\r\n <input type=\"file\" id=\"certificadoCalidad\" name=\"certificadoCalidad\" accept=\".pdf\" onchange=\"updateFileLabel(this, 'certificadoCalidadLabel')\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-4 border border-gray-300 rounded-md bg-gray-50\">\r\n <h4 class=\"font-medium text-gray-800 mb-2\">Cat\u00e1logo de Productos o Servicios *<\/h4>\r\n <p class=\"text-sm text-gray-600 mb-3\">Formato PDF. Tama\u00f1o m\u00e1ximo: 10MB<\/p>\r\n <div class=\"file-input-label\">\r\n <div class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors cursor-pointer\">\r\n <span id=\"catalogoLabel\">Seleccionar archivo<\/span>\r\n <\/div>\r\n <input type=\"file\" id=\"catalogo\" name=\"catalogo\" accept=\".pdf\" required onchange=\"updateFileLabel(this, 'catalogoLabel')\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-6 p-4 bg-blue-50 rounded-md border border-blue-200\">\r\n <div class=\"flex\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-blue-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <div>\r\n <h4 class=\"font-medium text-blue-800\">Informaci\u00f3n Importante<\/h4>\r\n <p class=\"text-sm text-blue-700 mt-1\">Todos los documentos ser\u00e1n revisados por nuestro equipo de compras. La documentaci\u00f3n incompleta o desactualizada puede retrasar el proceso de aprobaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"step4\" class=\"step-content hidden\">\r\n <div class=\"text-center mb-6\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-16 w-16 mx-auto text-green-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <h3 class=\"text-xl font-semibold mt-4 text-gray-800\">Registro Completado<\/h3>\r\n <p class=\"text-gray-600 mt-2\">La solicitud de registro como proveedor ha sido enviada correctamente.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 p-6 rounded-md mb-6\">\r\n <h4 class=\"font-medium text-gray-800 mb-3\">Resumen de la Solicitud<\/h4>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Raz\u00f3n Social:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-razonSocial\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">NIT\/RUT:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-nit\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Representante Legal:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-representante\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Correo Electr\u00f3nico:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-correo\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Sector Comercial:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-sector\">-<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-600\">Documentos Cargados:<\/p>\r\n <p class=\"font-medium\" id=\"resumen-documentos\">-<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-blue-50 p-4 rounded-md border border-blue-200 mb-6\">\r\n <div class=\"flex\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-blue-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <div>\r\n <h4 class=\"font-medium text-blue-800\">Pr\u00f3ximos Pasos<\/h4>\r\n <p class=\"text-sm text-blue-700 mt-1\">El equipo de compras revisar\u00e1 la solicitud y documentaci\u00f3n. Se enviar\u00e1 una notificaci\u00f3n por correo electr\u00f3nico sobre el estado del registro en un plazo de 3 a 5 d\u00edas h\u00e1biles.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-green-50 p-4 rounded-md border border-green-200 mb-6\">\r\n <div class=\"flex\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-green-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\" \/>\r\n <\/svg>\r\n <div>\r\n <h4 class=\"font-medium text-green-800\">Notificaciones<\/h4>\r\n <p class=\"text-sm text-green-700 mt-1\">Se ha enviado un correo de confirmaci\u00f3n a la direcci\u00f3n proporcionada con el n\u00famero de solicitud y los detalles del registro.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center space-y-4\">\r\n <button type=\"button\" id=\"finishBtn\" class=\"px-6 py-3 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors\">\r\n Finalizar Proceso\r\n <\/button>\r\n \r\n <div class=\"pt-4 border-t border-gray-200\">\r\n <p class=\"text-sm text-gray-600 mb-3\">Tu opini\u00f3n es importante para nosotros<\/p>\r\n <button type=\"button\" id=\"feedbackBtn\" class=\"px-6 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors flex items-center mx-auto\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\" \/>\r\n <\/svg>\r\n \u00bfC\u00f3mo te pareci\u00f3 la experiencia de registro?\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 flex justify-between\">\r\n <button type=\"button\" id=\"prevBtn\" class=\"px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors hidden\">\r\n Anterior\r\n <\/button>\r\n <div><\/div>\r\n <button type=\"button\" id=\"nextBtn\" class=\"px-6 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors\">\r\n Siguiente\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <footer class=\"bg-gray-800 text-white py-6 mt-8\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-center\">\r\n <div class=\"mb-4 md:mb-0\">\r\n <p class=\"text-sm\">© 2023 Hotel ProGESTION - Plataforma de Gesti\u00f3n de Compras<\/p>\r\n <\/div>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"#\" class=\"text-gray-400 hover:text-white text-sm\">T\u00e9rminos y Condiciones<\/a>\r\n <a href=\"#\" class=\"text-gray-400 hover:text-white text-sm\">Pol\u00edtica de Privacidad<\/a>\r\n <a href=\"#\" class=\"text-gray-400 hover:text-white text-sm\">Contacto<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n \r\n <div id=\"validationModal\" class=\"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden\">\r\n <div class=\"bg-white rounded-lg p-6 max-w-md w-full\">\r\n <div class=\"flex items-center justify-center mb-4\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-12 w-12 text-red-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-center text-gray-800 mb-2\">Campos Requeridos<\/h3>\r\n <p id=\"validationMessage\" class=\"text-gray-600 text-center mb-6\">Por favor complete todos los campos obligatorios antes de continuar.<\/p>\r\n <div class=\"flex justify-center\">\r\n <button id=\"closeValidationModal\" class=\"px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors\">\r\n Entendido\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Variables globales\r\n let currentStep = 1;\r\n const totalSteps = 4;\r\n\r\n \/\/ Elementos DOM\r\n const form = document.getElementById('providerForm');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const finishBtn = document.getElementById('finishBtn');\r\n const validationModal = document.getElementById('validationModal');\r\n const closeValidationModal = document.getElementById('closeValidationModal');\r\n\r\n \/\/ Funci\u00f3n para cerrar sesi\u00f3n\r\n function logout() {\r\n alert('Cerrando sesi\u00f3n...');\r\n \/\/ Aqu\u00ed se implementar\u00eda la l\u00f3gica de logout\r\n }\r\n\r\n \/\/ Funci\u00f3n para actualizar la etiqueta del archivo seleccionado\r\n function updateFileLabel(input, labelId) {\r\n const label = document.getElementById(labelId);\r\n if (input.files && input.files[0]) {\r\n label.textContent = input.files[0].name;\r\n } else {\r\n label.textContent = 'Seleccionar archivo';\r\n }\r\n }\r\n\r\n \/\/ Funci\u00f3n para mostrar el paso actual\r\n function showStep(step) {\r\n \/\/ Ocultar todos los pasos\r\n document.querySelectorAll('.step-content').forEach(el => {\r\n el.classList.add('hidden');\r\n });\r\n \r\n \/\/ Mostrar el paso actual\r\n document.getElementById(`step${step}`).classList.remove('hidden');\r\n \r\n \/\/ Actualizar los tabs\r\n for (let i = 1; i <= totalSteps; i++) {\r\n const tab = document.getElementById(`step${i}-tab`);\r\n if (i < step) {\r\n tab.classList.remove('step-active', 'bg-gray-100');\r\n tab.classList.add('step-completed');\r\n } else if (i === step) {\r\n tab.classList.remove('bg-gray-100', 'step-completed');\r\n tab.classList.add('step-active');\r\n } else {\r\n tab.classList.remove('step-active', 'step-completed');\r\n tab.classList.add('bg-gray-100');\r\n }\r\n }\r\n \r\n \/\/ Actualizar botones de navegaci\u00f3n\r\n if (step === 1) {\r\n prevBtn.classList.add('hidden');\r\n } else {\r\n prevBtn.classList.remove('hidden');\r\n }\r\n \r\n if (step === totalSteps) {\r\n nextBtn.classList.add('hidden');\r\n updateSummary();\r\n } else {\r\n nextBtn.classList.remove('hidden');\r\n }\r\n }\r\n\r\n \/\/ Funci\u00f3n para validar el paso actual\r\n function validateStep(step) {\r\n let isValid = true;\r\n let message = '';\r\n \r\n if (step === 1) {\r\n \/\/ Validar campos del paso 1\r\n const requiredFields = ['razonSocial', 'nit', 'representanteLegal', 'tipoIdentificacion', \r\n 'numeroIdentificacion', 'telefono', 'correo', 'direccion', \r\n 'ciudad', 'departamento', 'pais'];\r\n \r\n for (const field of requiredFields) {\r\n const input = document.getElementById(field);\r\n if (!input.value.trim()) {\r\n isValid = false;\r\n message = 'Por favor complete todos los campos obligatorios.';\r\n break;\r\n }\r\n }\r\n \r\n \/\/ Validar sector comercial\r\n const sectorChecked = document.querySelectorAll('input[name=\"sectorComercial\"]:checked');\r\n if (sectorChecked.length === 0) {\r\n isValid = false;\r\n message = 'Por favor seleccione al menos un sector comercial.';\r\n }\r\n \r\n \/\/ Validar descripci\u00f3n\r\n if (document.getElementById('descripcion').value.trim() === '') {\r\n isValid = false;\r\n message = 'Por favor ingrese una descripci\u00f3n de sus productos o servicios.';\r\n }\r\n } else if (step === 2) {\r\n \/\/ Validar campos del paso 2\r\n const requiredFields = ['regimen', 'responsableIVA', 'autorretenedor', 'granContribuyente',\r\n 'banco', 'tipoCuenta', 'numeroCuenta', 'titularCuenta'];\r\n \r\n for (const field of requiredFields) {\r\n const input = document.getElementById(field);\r\n if (!input.value.trim()) {\r\n isValid = false;\r\n message = 'Por favor complete todos los campos obligatorios.';\r\n break;\r\n }\r\n }\r\n \r\n \/\/ Validar tipo de facturaci\u00f3n\r\n const facturacionChecked = document.querySelector('input[name=\"tipoFacturacion\"]:checked');\r\n if (!facturacionChecked) {\r\n isValid = false;\r\n message = 'Por favor seleccione un tipo de facturaci\u00f3n.';\r\n }\r\n \r\n \/\/ Validar condiciones de pago\r\n if (document.getElementById('condicionesPago').value === '') {\r\n isValid = false;\r\n message = 'Por favor seleccione las condiciones de pago preferidas.';\r\n }\r\n } else if (step === 3) {\r\n \/\/ Validar documentos obligatorios\r\n const requiredDocs = ['camaraComercio', 'rut', 'catalogo'];\r\n \r\n for (const doc of requiredDocs) {\r\n const input = document.getElementById(doc);\r\n if (!input.files || input.files.length === 0) {\r\n isValid = false;\r\n message = 'Por favor cargue todos los documentos obligatorios.';\r\n break;\r\n }\r\n }\r\n }\r\n \r\n if (!isValid) {\r\n showValidationModal(message);\r\n }\r\n \r\n return isValid;\r\n }\r\n\r\n \/\/ Funci\u00f3n para mostrar el modal de validaci\u00f3n\r\n function showValidationModal(message) {\r\n document.getElementById('validationMessage').textContent = message;\r\n validationModal.classList.remove('hidden');\r\n }\r\n\r\n \/\/ Funci\u00f3n para actualizar el resumen\r\n function updateSummary() {\r\n document.getElementById('resumen-razonSocial').textContent = document.getElementById('razonSocial').value || '-';\r\n document.getElementById('resumen-nit').textContent = document.getElementById('nit').value || '-';\r\n document.getElementById('resumen-representante').textContent = document.getElementById('representanteLegal').value || '-';\r\n document.getElementById('resumen-correo').textContent = document.getElementById('correo').value || '-';\r\n \r\n \/\/ Sector comercial\r\n const sectores = Array.from(document.querySelectorAll('input[name=\"sectorComercial\"]:checked'))\r\n .map(cb => cb.value);\r\n document.getElementById('resumen-sector').textContent = sectores.join(', ') || '-';\r\n \r\n \/\/ Documentos cargados\r\n const docs = [];\r\n if (document.getElementById('camaraComercio').files.length > 0) docs.push('C\u00e1mara de Comercio');\r\n if (document.getElementById('rut').files.length > 0) docs.push('RUT');\r\n if (document.getElementById('certificadoCalidad').files.length > 0) docs.push('Certificado de Calidad');\r\n if (document.getElementById('catalogo').files.length > 0) docs.push('Cat\u00e1logo');\r\n \r\n document.getElementById('resumen-documentos').textContent = docs.join(', ') || '-';\r\n }\r\n\r\n \/\/ Event Listeners\r\n nextBtn.addEventListener('click', () => {\r\n if (validateStep(currentStep)) {\r\n if (currentStep < totalSteps) {\r\n currentStep++;\r\n showStep(currentStep);\r\n }\r\n }\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n if (currentStep > 1) {\r\n currentStep--;\r\n showStep(currentStep);\r\n }\r\n });\r\n\r\n closeValidationModal.addEventListener('click', () => {\r\n validationModal.classList.add('hidden');\r\n });\r\n\r\n finishBtn.addEventListener('click', () => {\r\n alert('\u00a1Registro completado exitosamente! Se ha enviado una confirmaci\u00f3n por correo electr\u00f3nico.');\r\n \/\/ Aqu\u00ed se implementar\u00eda la l\u00f3gica para enviar los datos\r\n });\r\n\r\n \/\/ Event listener para el bot\u00f3n de feedback\r\n document.getElementById('feedbackBtn').addEventListener('click', () => {\r\n window.open('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSf17mplDOHeiIEVVEcxCdQ5W9k8_VUqLsJJclY2rhPxffwy3w\/viewform', '_blank');\r\n });\r\n\r\n \/\/ Inicializar\r\n showStep(1);\r\n <\/script>\r\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'95a1b1b7d42b3ee6',t:'MTc1MTY2NDMxNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Sistema de Registro de Proveedores – Hotel ProGESTION Hotel ProGESTION Plataforma de Gesti\u00f3n de Compras Inicio Proveedores Compras Reportes 3 Admin Men\u00fa de Gesti\u00f3n Dashboard Proveedores \u00d3rdenes de Compra Inventario Reportes Configuraci\u00f3n Estado de Solicitudes Pendientes 8 Aprobadas 12 Rechazadas 3 Registro de Proveedores Complete el formulario para registrar un nuevo proveedor en la plataforma […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-125","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":19,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"predecessor-version":[{"id":203,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions\/203"}],"wp:attachment":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}