@extends("theme.sneat.admin")
@section('contenido')
<!-- Content -->
<meta name="csrf-token" content="{{ csrf_token() }}" />
<form id="form" enctype="multipart/form-data">
    <h4 class="fw-bold py-2"><span class="text-muted fw-light">General /</span> Empresa</h4>
    <!-- Basic Layout -->

    <div class="row">
        <div class="col-xl">
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Datos del Empresa</h5>
                    <small class="text-muted float-end">Datos del Empresa</small>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-start align-items-sm-center gap-4">
                        <img src="{{  url('storage/empresa/'.json_decode($empresa)->logo); }}" alt="user-avatar" class="d-block rounded uploaded" height="100" width="100" id="img_logo"/>
                        <div class="button-wrapper">
                          <label for="logo" class="btn btn-primary me-2 mb-4" tabindex="0">
                            <span class="d-none d-sm-block">Subir nueva foto</span>
                            <i class="bx bx-upload d-block d-sm-none"></i>
                            <input type="file" id="logo" name="logo" class="file-input" hidden accept="image/png"/>
                          </label>
                          <button type="button" class="btn btn-outline-secondary image-reset mb-4">
                            <i class="bx bx-reset d-block d-sm-none"></i>
                            <span class="d-none d-sm-block">Reiniciar</span>
                          </button>

                          <p class="text-muted mb-0">Permitido PNG. Tamaño máximo de 5M</p>
                        </div>
                    </div>
                    <hr class="my-3">
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="nombre">Nombre</label>
                            <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Nombre" />
                        </div>

                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="encargado">Encargado</label>
                            <input type="text" class="form-control" id="encargado" name="encargado"  placeholder="Encargado" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="mb-3 col-md-4">
                            <label class="form-label" for="telefono">Teléfono</label>
                            <input type="text" class="form-control" id="telefono" name="telefono"  placeholder="Teléfono" />
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label" for="correo">Correo</label>
                            <input type="text" class="form-control" id="correo" name="correo"  placeholder="Correo" />
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label" for="pagina_web">Página Web</label>
                            <input type="text" class="form-control" id="pagina_web" name="pagina_web"  placeholder="Página Web" />
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xl">
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Datos Facturación</h5>
                    <small class="text-muted float-end">Datos Facturación</small>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="mb-3 col-md-2">
                            <label class="form-label" for="rut">Rut</label>
                            <input type="text" class="form-control" id="rut" name="rut" placeholder="Rut" />
                        </div>

                        <div class="mb-3 col-md-5">
                            <label class="form-label" for="razon_social">Razón Social</label>
                            <input type="text" class="form-control" id="razon_social" name="razon_social" placeholder="Razón Social" />
                        </div>

                        <div class="mb-3 col-md-5">
                            <label class="form-label" for="actividad_economica">Actividad Economica</label>
                            <select class="form-select" id="actividad_economica" name="actividad_economica" placeholder="">
                                <option value="">[ Seleccione una Actividad Económica ]</option>
                                <option value="451001">VENTA AL POR MAYOR DE VEHÍCULOS AUTOMOTORES (451001 )</option>
                                <option value="451002">VENTA AL POR MENOR DE VEHÍCULOS AUTOMOTORES NUEVOS O USADOS (INCLUYE COMPRAVENTA) (451002 )</option>
                                <option value="452001">SERVICIO DE LAVADO DE VEHÍCULOS AUTOMOTORES (452001 )</option>
                                <option value="452002">MANTENIMIENTO Y REPARACIÓN DE VEHÍCULOS AUTOMOTORES (452002 )</option>
                                <option value="453000">VENTA DE PARTES, PIEZAS Y ACCESORIOS PARA VEHÍCULOS AUTOMOTORES (453000 )</option>
                                <option value="454001">VENTA DE MOTOCICLETAS (454001 )</option>
                                <option value="454002">VENTA DE PARTES, PIEZAS Y ACCESORIOS DE MOTOCICLETAS (454002 )</option>
                                <option value="454003">MANTENIMIENTO Y REPARACIÓN DE MOTOCICLETAS (454003 )</option>
                                <option value="461001">CORRETAJE AL POR MAYOR DE PRODUCTOS AGRÍCOLAS (461001 )</option>
                                <option value="461002">CORRETAJE AL POR MAYOR DE GANADO (461002 )</option>
                                <option value="461009">OTROS TIPOS DE CORRETAJES O REMATES AL POR MAYOR N.C.P. (461009 )</option>
                                <option value="462010">VENTA AL POR MAYOR DE MATERIAS PRIMAS AGRÍCOLAS (462010 )</option>
                                <option value="462020">VENTA AL POR MAYOR DE ANIMALES VIVOS (462020 )</option>
                                <option value="462090">VENTA AL POR MAYOR DE OTRAS MATERIAS PRIMAS AGROPECUARIAS N.C.P. (462090 )</option>
                                <option value="463011">VENTA AL POR MAYOR DE FRUTAS Y VERDURAS (463011 )</option>
                                <option value="463012">VENTA AL POR MAYOR DE CARNE Y PRODUCTOS CÁRNICOS (463012 )</option>
                                <option value="463013">VENTA AL POR MAYOR DE PRODUCTOS DEL MAR (PESCADOS, MARISCOS Y ALGAS) (463013 )</option>
                                <option value="463014">VENTA AL POR MAYOR DE PRODUCTOS DE CONFITERÍA (463014 )</option>
                                <option value="463019">VENTA AL POR MAYOR DE HUEVOS, LÁCTEOS, ABARROTES Y DE OTROS ALIMENTOS N.C.P. (463019 )</option>
                                <option value="463020">VENTA AL POR MAYOR DE BEBIDAS ALCOHÓLICAS Y NO ALCOHÓLICAS (463020 )</option>
                                <option value="463030">VENTA AL POR MAYOR DE TABACO (463030 )</option>
                                <option value="464100">VENTA AL POR MAYOR DE PRODUCTOS TEXTILES, PRENDAS DE VESTIR Y CALZADO (464100 )</option>
                                <option value="464901">VENTA AL POR MAYOR DE MUEBLES, EXCEPTO MUEBLES DE OFICINA (464901 )</option>
                                <option value="464902">VENTA AL POR MAYOR DE ARTÍCULOS ELÉCTRICOS Y ELECTRÓNICOS PARA EL HOGAR (464902 )</option>
                                <option value="464903">VENTA AL POR MAYOR DE ARTÍCULOS DE PERFUMERÍA, DE TOCADOR Y COSMÉTICOS (464903 )</option>
                                <option value="464904">VENTA AL POR MAYOR DE ARTÍCULOS DE PAPELERÍA Y ESCRITORIO (464904 )</option>
                                <option value="464905">VENTA AL POR MAYOR DE LIBROS (464905 )</option>
                                <option value="464906">VENTA AL POR MAYOR DE DIARIOS Y REVISTAS (464906 )</option>
                                <option value="464907">VENTA AL POR MAYOR DE PRODUCTOS FARMACÉUTICOS Y MEDICINALES&nbsp; (464907 )</option>
                                <option value="464908">VENTA AL POR MAYOR DE INSTRUMENTOS CIENTÍFICOS Y QUIRÚRGICOS (464908 )</option>
                                <option value="464909">VENTA AL POR MAYOR DE OTROS ENSERES DOMÉSTICOS N.C.P. (464909 )</option>
                                <option value="465100">VENTA AL POR MAYOR DE COMPUTADORES, EQUIPO PERIFÉRICO Y PROGRAMAS INFORMÁTICOS (465100 )</option>
                                <option value="465200">VENTA AL POR MAYOR DE EQUIPO, PARTES Y PIEZAS ELECTRÓNICOS Y DE TELECOMUNICACIONES (465200 )</option>
                                <option value="465300">VENTA AL POR MAYOR DE MAQUINARIA, EQUIPO Y MATERIALES AGROPECUARIOS (465300 )</option>
                                <option value="465901">VENTA AL POR MAYOR DE MAQUINARIA METALÚRGICA, PARA LA MINERÍA, EXTRACCIÓN DE PETRÓLEO Y CONSTRUCCIÓN (465901 )</option>
                                <option value="465902">VENTA AL POR MAYOR DE MAQUINARIA PARA LA ELABORACIÓN DE ALIMENTOS, BEBIDAS Y TABACO (465902 )</option>
                                <option value="465903">VENTA AL POR MAYOR DE MAQUINARIA PARA LA INDUSTRIA TEXTIL, DEL CUERO Y DEL CALZADO (465903 )</option>
                                <option value="465904">VENTA AL POR MAYOR DE MAQUINARIA Y EQUIPO DE OFICINA; VENTA AL POR MAYOR DE MUEBLES DE OFICINA (465904 )</option>
                                <option value="465905">VENTA AL POR MAYOR DE EQUIPO DE TRANSPORTE(EXCEPTO VEHÍCULOS AUTOMOTORES, MOTOCICLETAS Y BICICLETAS) (465905 )</option>
                                <option value="465909">VENTA AL POR MAYOR DE OTROS TIPOS DE MAQUINARIA Y EQUIPO N.C.P. (465909 )</option>
                                <option value="466100">VENTA AL POR MAYOR DE COMBUSTIBLES SÓLIDOS, LÍQUIDOS Y GASEOSOS Y PRODUCTOS CONEXOS (466100 )</option>
                                <option value="466200">VENTA AL POR MAYOR DE METALES Y MINERALES METALÍFEROS (466200 )</option>
                                <option value="466301">VENTA AL POR MAYOR DE MADERA EN BRUTO Y PRODUCTOS PRIMARIOS DE LA ELABORACIÓN DE MADERA (466301 )</option>
                                <option value="466302">VENTA AL POR MAYOR DE MATERIALES DE CONSTRUCCIÓN, ARTÍCULOS DE FERRETERÍA, GASFITERÍA Y CALEFACCIÓN (466302 )</option>
                                <option value="466901">VENTA AL POR MAYOR DE PRODUCTOS QUÍMICOS (466901 )</option>
                                <option value="466902">VENTA AL POR MAYOR DE DESECHOS METÁLICOS (CHATARRA) (466902 )</option>
                                <option value="466909">VENTA AL POR MAYOR DE DESPERDICIOS, DESECHOS Y OTROS PRODUCTOS N.C.P. (466909 )</option>
                                <option value="469000">VENTA AL POR MAYOR NO ESPECIALIZADA (469000 )</option>
                                <option value="471100">VENTA AL POR MENOR EN COMERCIOS DE ALIMENTOS, BEBIDAS O TABACO (SUPERMERCADOS E HIPERMERCADOS) (471100 )</option>
                                <option value="471910">VENTA AL POR MENOR EN COMERCIOS DE VESTUARIO Y PRODUCTOS PARA EL HOGAR (GRANDES TIENDAS) (471910 )</option>
                                <option value="471990">OTRAS ACTIVIDADES DE VENTA AL POR MENOR EN COMERCIOS NO ESPECIALIZADOS N.C.P. (471990 )</option>
                                <option value="472101">VENTA AL POR MENOR DE ALIMENTOS EN COMERCIOS ESPECIALIZADOS (ALMACENES PEQUEÑOS Y MINIMARKET) (472101 )</option>
                                <option value="472102">VENTA AL POR MENOR EN COMERCIOS ESPECIALIZADOS DE CARNE Y PRODUCTOS CÁRNICOS&nbsp; (472102 )</option>
                                <option value="472103">VENTA AL POR MENOR EN COMERCIOS ESPECIALIZADOS DE FRUTAS Y VERDURAS (VERDULERÍAS) (472103 )</option>
                                <option value="472104">VENTA AL POR MENOR EN COMERCIOS ESPECIALIZADOS DE PESCADO, MARISCOS Y PRODUCTOS CONEXOS (472104 )</option>
                                <option value="472105">VENTA AL POR MENOR EN COMERCIOS ESPECIALIZADOS DE PRODUCTOS DE PANADERÍA Y PASTELERÍA (472105 )</option>
                                <option value="472109">VENTA AL POR MENOR EN COMERCIOS ESPECIALIZADOS DE HUEVOS, CONFITES Y PRODUCTOS ALIMENTICIOS N.C.P. (472109 )</option>
                                <option value="472200">VENTA AL POR MENOR DE BEBIDAS ALCOHÓLICAS Y NO ALCOHÓLICAS EN COMERCIOS ESPECIALIZADOS (BOTILLERÍAS) (472200 )</option>
                                <option value="472300">VENTA AL POR MENOR DE TABACO Y PRODUCTOS DE TABACO EN COMERCIOS ESPECIALIZADOS (472300 )</option>
                                <option value="473000">VENTA AL POR MENOR DE COMBUSTIBLES PARA VEHÍCULOS AUTOMOTORES EN COMERCIOS ESPECIALIZADOS (473000 )</option>
                                <option value="474100">VENTA AL POR MENOR DE COMPUTADORES, EQUIPO PERIFÉRICO, PROGRAMAS INFORMÁTICOS Y EQUIPO DE TELECOM. (474100 )</option>
                                <option value="474200">VENTA AL POR MENOR DE EQUIPO DE SONIDO Y DE VIDEO EN COMERCIOS ESPECIALIZADOS (474200 )</option>
                                <option value="475100">VENTA AL POR MENOR DE TELAS, LANAS, HILOS Y SIMILARES EN COMERCIOS ESPECIALIZADOS (475100 )</option>
                                <option value="475201">VENTA AL POR MENOR DE ARTÍCULOS DE FERRETERÍA Y MATERIALES DE CONSTRUCCIÓN&nbsp; (475201 )</option>
                                <option value="475202">VENTA AL POR MENOR DE PINTURAS, BARNICES Y LACAS EN COMERCIOS ESPECIALIZADOS (475202 )</option>
                                <option value="475203">VENTA AL POR MENOR DE PRODUCTOS DE VIDRIO EN COMERCIOS ESPECIALIZADOS (475203 )</option>
                                <option value="475300">VENTA AL POR MENOR DE TAPICES, ALFOMBRAS Y CUBRIMIENTOS PARA PAREDES Y PISOS (475300 )</option>
                                <option value="475901">VENTA AL POR MENOR DE MUEBLES Y COLCHONES EN COMERCIOS ESPECIALIZADOS (475901 )</option>
                                <option value="475902">VENTA AL POR MENOR DE INSTRUMENTOS MUSICALES EN COMERCIOS ESPECIALIZADOS (475902 )</option>
                                <option value="475909">VENTA AL POR MENOR DE APARATOS ELÉCTRICOS, TEXTILES PARA EL HOGAR Y OTROS ENSERES DOMÉSTICOS N.C.P. (475909 )</option>
                            </select>
                        </div>
                    </div>

                    <div class="row">
                        <div class="mb-3 col-md-12">
                            <label class="form-label" for="giro">Giro</label>
                            <input type="text" class="form-control" id="giro" name="giro" placeholder="Giro" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="mb-3 col-md-4">
                            <label class="form-label" for="direccion">Dirección</label>
                            <input type="text" class="form-control" id="direccion" name="direccion" placeholder="Dirección" />
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label" for="comuna">Comuna</label>
                            <select class="form-select" id="comuna" name="comuna" placeholder="">
                                <option value="">[ Seleccione una comuna ]</option>
                                <option value="Algarrobo">Algarrobo</option>
                                <option value="Alhué">Alhué</option>
                                <option value="Alto Biobío">Alto Biobío</option>
                                <option value="Alto del Carmen">Alto del Carmen</option>
                                <option value="Alto Hospicio">Alto Hospicio</option>
                                <option value="Ancud">Ancud</option>
                                <option value="Andacollo">Andacollo</option>
                                <option value="Angol">Angol</option>
                                <option value="Antártica">Antártica</option>
                                <option value="Antofagasta">Antofagasta</option>
                                <option value="Antuco">Antuco</option>
                                <option value="Arauco">Arauco</option>
                                <option value="Arica">Arica</option>
                                <option value="Aysén">Aysén</option>
                                <option value="Buin">Buin</option>
                                <option value="Bulnes">Bulnes</option>
                                <option value="Cabildo">Cabildo</option>
                                <option value="Cabo de Hornos">Cabo de Hornos</option>
                                <option value="Cabrero">Cabrero</option>
                                <option value="Calama">Calama</option>
                                <option value="Calbuco">Calbuco</option>
                                <option value="Caldera">Caldera</option>
                                <option value="Calera">Calera</option>
                                <option value="Calera de Tango">Calera de Tango</option>
                                <option value="Calle Larga">Calle Larga</option>
                                <option value="Camarones">Camarones</option>
                                <option value="Camiña">Camiña</option>
                                <option value="Canela">Canela</option>
                                <option value="Cañete">Cañete</option>
                                <option value="Carahue">Carahue</option>
                                <option value="Cartagena">Cartagena</option>
                                <option value="Casablanca">Casablanca</option>
                                <option value="Castro">Castro</option>
                                <option value="Catemu">Catemu</option>
                                <option value="Cauquenes">Cauquenes</option>
                                <option value="Cerrillos">Cerrillos</option>
                                <option value="Cerro Navia">Cerro Navia</option>
                                <option value="Chaitén">Chaitén</option>
                                <option value="Chañaral">Chañaral</option>
                                <option value="Chanco">Chanco</option>
                                <option value="Chépica">Chépica</option>
                                <option value="Chiguayante">Chiguayante</option>
                                <option value="Chile Chico">Chile Chico</option>
                                <option value="Chillán">Chillán</option>
                                <option value="Chillán Viejo">Chillán Viejo</option>
                                <option value="Chimbarongo">Chimbarongo</option>
                                <option value="Cholchol">Cholchol</option>
                                <option value="Chonchi">Chonchi</option>
                                <option value="Cisnes">Cisnes</option>
                                <option value="Cobquecura">Cobquecura</option>
                                <option value="Cochamó">Cochamó</option>
                                <option value="Cochrane">Cochrane</option>
                                <option value="Codegua">Codegua</option>
                                <option value="Coelemu">Coelemu</option>
                                <option value="Coihaique">Coihaique</option>
                                <option value="Coihueco">Coihueco</option>
                                <option value="Coinco">Coinco</option>
                                <option value="Colbún">Colbún</option>
                                <option value="Colchane">Colchane</option>
                                <option value="Colina">Colina</option>
                                <option value="Collipulli">Collipulli</option>
                                <option value="Coltauco">Coltauco</option>
                                <option value="Combarbalá">Combarbalá</option>
                                <option value="Concepción">Concepción</option>
                                <option value="Conchalí">Conchalí</option>
                                <option value="Concón">Concón</option>
                                <option value="Constitución">Constitución</option>
                                <option value="Contulmo">Contulmo</option>
                                <option value="Copiapó">Copiapó</option>
                                <option value="Coquimbo">Coquimbo</option>
                                <option value="Coronel">Coronel</option>
                                <option value="Corral">Corral</option>
                                <option value="Cunco">Cunco</option>
                                <option value="Curacautín">Curacautín</option>
                                <option value="Curacaví">Curacaví</option>
                                <option value="Curaco de Vélez">Curaco de Vélez</option>
                                <option value="Curanilahue">Curanilahue</option>
                                <option value="Curarrehue">Curarrehue</option>
                                <option value="Curepto">Curepto</option>
                                <option value="Curicó">Curicó</option>
                                <option value="Dalcahue">Dalcahue</option>
                                <option value="Diego de Almagro">Diego de Almagro</option>
                                <option value="Doñihue">Doñihue</option>
                                <option value="El Bosque">El Bosque</option>
                                <option value="El Carmen">El Carmen</option>
                                <option value="El Monte">El Monte</option>
                                <option value="El Quisco">El Quisco</option>
                                <option value="El Tabo">El Tabo</option>
                                <option value="Empedrado">Empedrado</option>
                                <option value="Ercilla">Ercilla</option>
                                <option value="Estación Central">Estación Central</option>
                                <option value="Florida">Florida</option>
                                <option value="Freire">Freire</option>
                                <option value="Freirina">Freirina</option>
                                <option value="Fresia">Fresia</option>
                                <option value="Frutillar">Frutillar</option>
                                <option value="Futaleufú">Futaleufú</option>
                                <option value="Futrono">Futrono</option>
                                <option value="Galvarino">Galvarino</option>
                                <option value="General Lagos">General Lagos</option>
                                <option value="Gorbea">Gorbea</option>
                                <option value="Graneros">Graneros</option>
                                <option value="Guaitecas">Guaitecas</option>
                                <option value="Hijuelas">Hijuelas</option>
                                <option value="Hualaihué">Hualaihué</option>
                                <option value="Hualañé">Hualañé</option>
                                <option value="Hualpén">Hualpén</option>
                                <option value="Hualqui">Hualqui</option>
                                <option value="Huara">Huara</option>
                                <option value="Huasco">Huasco</option>
                                <option value="Huechuraba">Huechuraba</option>
                                <option value="Illapel">Illapel</option>
                                <option value="Independencia">Independencia</option>
                                <option value="Iquique">Iquique</option>
                                <option value="Isla de Maipo">Isla de Maipo</option>
                                <option value="Isla de Pascua">Isla de Pascua</option>
                                <option value="Juan Fernández">Juan Fernández</option>
                                <option value="La Cisterna">La Cisterna</option>
                                <option value="La Cruz">La Cruz</option>
                                <option value="La Estrella">La Estrella</option>
                                <option value="La Florida">La Florida</option>
                                <option value="La Granja">La Granja</option>
                                <option value="La Higuera">La Higuera</option>
                                <option value="La Ligua">La Ligua</option>
                                <option value="La Pintana">La Pintana</option>
                                <option value="La Reina">La Reina</option>
                                <option value="La Serena">La Serena</option>
                                <option value="La Unión">La Unión</option>
                                <option value="Lago Ranco">Lago Ranco</option>
                                <option value="Lago Verde">Lago Verde</option>
                                <option value="Laguna Blanca">Laguna Blanca</option>
                                <option value="Laja">Laja</option>
                                <option value="Lampa">Lampa</option>
                                <option value="Lanco">Lanco</option>
                                <option value="Las Cabras">Las Cabras</option>
                                <option value="Las Condes">Las Condes</option>
                                <option value="Lautaro">Lautaro</option>
                                <option value="Lebu">Lebu</option>
                                <option value="Licantén">Licantén</option>
                                <option value="Limache">Limache</option>
                                <option value="Linares">Linares</option>
                                <option value="Litueche">Litueche</option>
                                <option value="Llaillay">Llaillay</option>
                                <option value="Llanquihue">Llanquihue</option>
                                <option value="Lo Barnechea">Lo Barnechea</option>
                                <option value="Lo Espejo">Lo Espejo</option>
                                <option value="Lo Prado">Lo Prado</option>
                                <option value="Lolol">Lolol</option>
                                <option value="Loncoche">Loncoche</option>
                                <option value="Longaví">Longaví</option>
                                <option value="Lonquimay">Lonquimay</option>
                                <option value="Los Álamos">Los Álamos</option>
                                <option value="Los Andes">Los Andes</option>
                                <option value="Los Ángeles">Los Ángeles</option>
                                <option value="Los Lagos">Los Lagos</option>
                                <option value="Los Muermos">Los Muermos</option>
                                <option value="Los Sauces">Los Sauces</option>
                                <option value="Los Vilos">Los Vilos</option>
                                <option value="Lota">Lota</option>
                                <option value="Lumaco">Lumaco</option>
                                <option value="Machalí">Machalí</option>
                                <option value="Macul">Macul</option>
                                <option value="Máfil">Máfil</option>
                                <option value="Maipú">Maipú</option>
                                <option value="Malloa">Malloa</option>
                                <option value="Marchihue">Marchihue</option>
                                <option value="María Elena">María Elena</option>
                                <option value="María Pinto">María Pinto</option>
                                <option value="Mariquina">Mariquina</option>
                                <option value="Maule">Maule</option>
                                <option value="Maullín">Maullín</option>
                                <option value="Mejillones">Mejillones</option>
                                <option value="Melipeuco">Melipeuco</option>
                                <option value="Melipilla">Melipilla</option>
                                <option value="Molina">Molina</option>
                                <option value="Monte Patria">Monte Patria</option>
                                <option value="Mostazal">Mostazal</option>
                                <option value="Mulchén">Mulchén</option>
                                <option value="Nacimiento">Nacimiento</option>
                                <option value="Nancagua">Nancagua</option>
                                <option value="Natales">Natales</option>
                                <option value="Navidad">Navidad</option>
                                <option value="Negrete">Negrete</option>
                                <option value="Ninhue">Ninhue</option>
                                <option value="Ñiquén">Ñiquén</option>
                                <option value="Nogales">Nogales</option>
                                <option value="Nueva Imperial">Nueva Imperial</option>
                                <option value="Ñuñoa">Ñuñoa</option>
                                <option value="Olivar">Olivar</option>
                                <option value="Ollagüe">Ollagüe</option>
                                <option value="Olmué">Olmué</option>
                                <option value="Osorno">Osorno</option>
                                <option value="Ovalle">Ovalle</option>
                                <option value="O’Higgins">O’Higgins</option>
                                <option value="Padre Hurtado">Padre Hurtado</option>
                                <option value="Padre las Casas">Padre las Casas</option>
                                <option value="Paiguano">Paiguano</option>
                                <option value="Paillaco">Paillaco</option>
                                <option value="Paine">Paine</option>
                                <option value="Palena">Palena</option>
                                <option value="Palmilla">Palmilla</option>
                                <option value="Panguipulli">Panguipulli</option>
                                <option value="Panquehue">Panquehue</option>
                                <option value="Papudo">Papudo</option>
                                <option value="Paredones">Paredones</option>
                                <option value="Parral">Parral</option>
                                <option value="Pedro Aguirre Cerda">Pedro Aguirre Cerda</option>
                                <option value="Pelarco">Pelarco</option>
                                <option value="Pelluhue">Pelluhue</option>
                                <option value="Pemuco">Pemuco</option>
                                <option value="Peñaflor">Peñaflor</option>
                                <option value="Peñalolén">Peñalolén</option>
                                <option value="Pencahue">Pencahue</option>
                                <option value="Penco">Penco</option>
                                <option value="Peralillo">Peralillo</option>
                                <option value="Perquenco">Perquenco</option>
                                <option value="Petorca">Petorca</option>
                                <option value="Peumo">Peumo</option>
                                <option value="Pica">Pica</option>
                                <option value="Pichidegua">Pichidegua</option>
                                <option value="Pichilemu">Pichilemu</option>
                                <option value="Pinto">Pinto</option>
                                <option value="Pirque">Pirque</option>
                                <option value="Pitrufquén">Pitrufquén</option>
                                <option value="Placilla">Placilla</option>
                                <option value="Portezuelo">Portezuelo</option>
                                <option value="Porvenir">Porvenir</option>
                                <option value="Pozo Almonte">Pozo Almonte</option>
                                <option value="Primavera">Primavera</option>
                                <option value="Providencia">Providencia</option>
                                <option value="Puchuncaví">Puchuncaví</option>
                                <option value="Pucón">Pucón</option>
                                <option value="Pudahuel">Pudahuel</option>
                                <option value="Puente Alto">Puente Alto</option>
                                <option value="Puerto Montt">Puerto Montt</option>
                                <option value="Puerto Octay">Puerto Octay</option>
                                <option value="Puerto Varas">Puerto Varas</option>
                                <option value="Pumanque">Pumanque</option>
                                <option value="Punitaqui">Punitaqui</option>
                                <option value="Punta Arenas">Punta Arenas</option>
                                <option value="Puqueldón">Puqueldón</option>
                                <option value="Purén">Purén</option>
                                <option value="Purranque">Purranque</option>
                                <option value="Putaendo">Putaendo</option>
                                <option value="Putre">Putre</option>
                                <option value="Puyehue">Puyehue</option>
                                <option value="Queilén">Queilén</option>
                                <option value="Quellón">Quellón</option>
                                <option value="Quemchi">Quemchi</option>
                                <option value="Quilaco">Quilaco</option>
                                <option value="Quilicura">Quilicura</option>
                                <option value="Quilleco">Quilleco</option>
                                <option value="Quillón">Quillón</option>
                                <option value="Quillota">Quillota</option>
                                <option value="Quilpué">Quilpué</option>
                                <option value="Quinchao">Quinchao</option>
                                <option value="Quinta de Tilcoco">Quinta de Tilcoco</option>
                                <option value="Quinta Normal">Quinta Normal</option>
                                <option value="Quintero">Quintero</option>
                                <option value="Quirihue">Quirihue</option>
                                <option value="Rancagua">Rancagua</option>
                                <option value="Ránquil">Ránquil</option>
                                <option value="Rauco">Rauco</option>
                                <option value="Recoleta">Recoleta</option>
                                <option value="Renaico">Renaico</option>
                                <option value="Renca">Renca</option>
                                <option value="Rengo">Rengo</option>
                                <option value="Requínoa">Requínoa</option>
                                <option value="Retiro">Retiro</option>
                                <option value="Rinconada">Rinconada</option>
                                <option value="Río Bueno">Río Bueno</option>
                                <option value="Río Claro">Río Claro</option>
                                <option value="Río Hurtado">Río Hurtado</option>
                                <option value="Río Ibáñez">Río Ibáñez</option>
                                <option value="Río Negro">Río Negro</option>
                                <option value="Río Verde">Río Verde</option>
                                <option value="Romeral">Romeral</option>
                                <option value="Saavedra">Saavedra</option>
                                <option value="Sagrada Familia">Sagrada Familia</option>
                                <option value="Salamanca">Salamanca</option>
                                <option value="San Antonio">San Antonio</option>
                                <option value="San Bernardo">San Bernardo</option>
                                <option value="San Carlos">San Carlos</option>
                                <option value="San Clemente">San Clemente</option>
                                <option value="San Esteban">San Esteban</option>
                                <option value="San Fabián">San Fabián</option>
                                <option value="San Felipe">San Felipe</option>
                                <option value="San Fernando">San Fernando</option>
                                <option value="San Gregorio">San Gregorio</option>
                                <option value="San Ignacio">San Ignacio</option>
                                <option value="San Javier">San Javier</option>
                                <option value="San Joaquín">San Joaquín</option>
                                <option value="San José de Maipo">San José de Maipo</option>
                                <option value="San Juan de la Costa">San Juan de la Costa</option>
                                <option value="San Miguel">San Miguel</option>
                                <option value="San Nicolás">San Nicolás</option>
                                <option value="San Pablo">San Pablo</option>
                                <option value="San Pedro">San Pedro</option>
                                <option value="San Pedro de Atacama">San Pedro de Atacama</option>
                                <option value="San Pedro de la Paz">San Pedro de la Paz</option>
                                <option value="San Rafael">San Rafael</option>
                                <option value="San Ramón">San Ramón</option>
                                <option value="San Rosendo">San Rosendo</option>
                                <option value="San Vicente">San Vicente</option>
                                <option value="Santa Bárbara">Santa Bárbara</option>
                                <option value="Santa Cruz">Santa Cruz</option>
                                <option value="Santa Juana">Santa Juana</option>
                                <option value="Santa María">Santa María</option>
                                <option value="Santiago">Santiago</option>
                                <option value="Santo Domingo">Santo Domingo</option>
                                <option value="Sierra Gorda">Sierra Gorda</option>
                                <option value="Talagante">Talagante</option>
                                <option value="Talca">Talca</option>
                                <option value="Talcahuano">Talcahuano</option>
                                <option value="Taltal">Taltal</option>
                                <option value="Temuco">Temuco</option>
                                <option value="Teno">Teno</option>
                                <option value="Teodoro Schmidt">Teodoro Schmidt</option>
                                <option value="Tierra Amarilla">Tierra Amarilla</option>
                                <option value="Tiltil">Tiltil</option>
                                <option value="Timaukel">Timaukel</option>
                                <option value="Tirúa">Tirúa</option>
                                <option value="Tocopilla">Tocopilla</option>
                                <option value="Toltén">Toltén</option>
                                <option value="Tomé">Tomé</option>
                                <option value="Torres del Paine">Torres del Paine</option>
                                <option value="Tortel">Tortel</option>
                                <option value="Traiguén">Traiguén</option>
                                <option value="Treguaco">Treguaco</option>
                                <option value="Tucapel">Tucapel</option>
                                <option value="Valdivia">Valdivia</option>
                                <option value="Vallenar">Vallenar</option>
                                <option value="Valparaíso">Valparaíso</option>
                                <option value="Vichuquén">Vichuquén</option>
                                <option value="Victoria">Victoria</option>
                                <option value="Vicuña">Vicuña</option>
                                <option value="Vilcún">Vilcún</option>
                                <option value="Villa Alegre">Villa Alegre</option>
                                <option value="Villa Alemana">Villa Alemana</option>
                                <option value="Villarrica">Villarrica</option>
                                <option value="Viña del Mar">Viña del Mar</option>
                                <option value="Vitacura">Vitacura</option>
                                <option value="Yerbas Buenas">Yerbas Buenas</option>
                                <option value="Yumbel">Yumbel</option>
                                <option value="Yungay">Yungay</option>
                                <option value="Zapallar">Zapallar</option>
                            </select>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label" for="ciudad">Ciudad</label>
                            <input type="text" class="form-control" id="ciudad" name="ciudad" placeholder="Ciudad" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="d-flex justify-content-center mx-auto gap-3">
        <button type="button" class="btn btn-danger" onClick="deshabilitar();">Cancelar</button>
        <button type="button" id="modificar" class="btn btn-info" onClick="habilitar();">Modificar</button>
        <button type="submit" id="guardar" class="btn btn-success d-none">Guardar</button>
    </div>
</form>
<!-- / Content -->
@endsection
@section('scripts')
<script src="{{ asset("assets/sneat/js/pages-account-settings-account.js") }}"></script>
<script>
    var empresa = {!! $empresa !!};
    $('#actividad_economica').selectize();
    $('#comuna').selectize();
    cargar_validaciones_custom();

    $.validator.setDefaults({
        ignore: ':hidden:not([class~=selectized]),:hidden > .selectized, .selectize-control .selectize-input input'
    });

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $("#form").validate({
		rules: {
			nombre : {
				required: true,
			},
            encargado : {
				required: true,
			},
			telefono : {
				required: false,
			},
            correo : {
				required: true,
				email: true
			},
            logo: {
                required: false,
                accept: 'image/png',
                filesize: 5048576 // 5 MB
            },
			pagina_web : {
				required: false,
			},
            rut : {
				required: true,
				rut: true,
			},
			razon_social : {
				required: true,
			},
			actividad_economica : {
				required: true,
			},
			giro : {
				required: true,
			},
			direccion : {
				required: true,
			},
            comuna: {
                required: true
            },
			ciudad : {
                required: true
            },
		},
		messages:{
            nombre : {
				required: 'Campo requerido',
			},
            encargado : {
				required: 'Campo requerido',
			},
			telefono : {
				required: 'Campo requerido',
			},
            correo : {
				required: 'Campo requerido',
				email: 'Ingrese E-mail Valido',
			},
			pagina_web : {
				required: 'Campo requerido',
			},
            logo: {
                required: 'Debe seleccionar una imagen en formato PNG',
                accept: 'Debe seleccionar una imagen en formato PNG',
                filesize: 'El tamaño de la imagen no puede ser mayor a 5 MB'
            },
            rut : {
				required: 'Campo requerido',
				rut: 'Ingrese Rut Valido',
			},
			razon_social : {
				required: 'Campo requerido',
			},
			actividad_economica : {
				required: 'Campo requerido',
			},
			giro : {
				required: 'Campo requerido',
			},
            comuna : {
				required: 'Campo requerido',
			},
			direccion : {
				required: 'Campo requerido',
			},
            ciudad : {
				required: 'Campo requerido',
			},
		},
		submitHandler: function(form){
            var formData = new FormData(form);

            $.ajax({
                url: '{{ URL::to('/') }}/general/empresa/guardar',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(response){
                    if(response.response){
                        Swal.fire({
                            position: 'top-end',
                            icon: 'success',
                            title: '¡Excelente! La información ha sido guardada correctamente.',
                            showConfirmButton: false,
                            timer: 1500
                        });
                        empresa = response.data;
                        cargar_informacion_form();
                        deshabilitar();
                    }else{
                        Swal.fire({
                            position: 'top-end',
                            icon: 'error',
                            title: response.message,
                            showConfirmButton: false,
                            timer: 1500
                        });
                        deshabilitar();
                        cargar_informacion_form();
                    }
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                }
            });
		}
	});

    const actividad_economica_selectize = $('#actividad_economica')[0].selectize;
    const comuna_selectize = $('#comuna')[0].selectize;

    deshabilitar = function(){
        actividad_economica_selectize.disable();
        comuna_selectize.disable();
        $('#form').find(':input').not(':button').prop('disabled', true);
        $('#modificar').removeClass('d-none');
        $('#guardar').addClass('d-none');
    }

    habilitar = function(){
        actividad_economica_selectize.enable();
        comuna_selectize.enable();
        $('#form').find(':input').not(':button').prop('disabled', false);
        $('#modificar').addClass('d-none');
        $('#guardar').removeClass('d-none');
    }

    cargar_informacion_form = function(){
        $.each(empresa, function(key, value){
            if(key == 'logo') return true;

            var $el = $('[name="' + key + '"]');
            if ($el.is('input[type="radio"]')){
                $el.prop('checked', true);
            }else if($el.is('select')){
                $('#'+key)[0].selectize.setValue(value);
                $el.filter('[value="' + value + '"]');
            }else{
                $el.val(value);
            }
        });
    }

    $(document).ready(function(){
        deshabilitar();
        cargar_informacion_form();
    });

</script>
@endsection