@extends('layouts.app')
@vite(['resources/css/app.css', 'resources/js/app.js'])
@section('content')

<fieldset style="background-color:#FF6">
            	<legend align="center"><h1>Ingreso Noticia</h1></legend>
					<div id="mensaje" style="display: none;"></div>
                <form action="http://pm.portalminero.com/noticia/ingresar.html" name="form" id="form" onkeypress="return event.keyCode!=13" method="post" accept-charset="utf-8">
                <input type="hidden" name="error_val" id="error_val" value="0">
                <input type="hidden" name="id_noti" id="id_noti" value="0">
                <input type="hidden" name="editar" id="editar" value="0">
				<table width="90%" align="center" cellspacing="0" cellpadding="5" style="margin-top:20px;">
					
					<tbody><tr>
						<td>Titulo :</td>
                    </tr>
                    <tr>
						<td><input type="text" name="titulo" value="" id="titulo" style="width:100%" placeholder="Título">
</td>
					</tr>
                    <tr>
						<td>País :</td>
					</tr>
                    <tr>
                        <td><select name="pais" id="pais">
<option value="">- Selecciona un País -</option>
<option value="Argentina">Argentina</option>
<option value="Australia">Australia</option>
<option value="Bolivia">Bolivia</option>
<option value="Brasil">Brasil</option>
<option value="Chile" selected="selected">Chile</option>
<option value="China">China</option>
<option value="Colombia">Colombia</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Ecuador">Ecuador</option>
<option value="EEUU">EEUU</option>
<option value="El Salvador">El Salvador</option>
<option value="España">España</option>
<option value="Guatemala">Guatemala</option>
<option value="Haití">Haití</option>
<option value="Honduras">Honduras</option>
<option value="Internacional">Internacional</option>
<option value="Jamaica">Jamaica</option>
<option value="México">México</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Panamá">Panamá</option>
<option value="Paraguay">Paraguay</option>
<option value="Perú">Perú</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="República Dominicana">República Dominicana</option>
<option value="Uruguay">Uruguay</option>
<option value="Venezuela">Venezuela</option>
</select>
<span id="pais_bandera" style="float:left;padding:5px"><img src="http://pm.portalminero.com/sitio_portal/images/home/Chile.jpg" height="15" border="1"></span></td>
					</tr>
                   	<tr>
						<td><textarea name="bajada" cols="40" rows="3" id="bajada" style="width:100%;" placeholder="Bajada"></textarea>
</td>
					</tr>
					
					<tr>
						<td>
						<div style="width:100%;display:inline-block;height:100%">
						<div style="float:left;width:60%;height:100%" id="caja_opcion">
							<fieldset>
                        <legend><h3>Opciones</h3></legend>
                        <div style="width:100%;height:160px;display:block">
                        	<div style="min-width:150px;width:50%;float:left;">
										<div><input type="checkbox" name="noti_principal" value="accept" id="noti_principal" style="margin:10px">
<label for="noti_principal">Noticia Principal</label></div>
										<div><input type="checkbox" name="retardo" value="accept" id="retardo" style="margin:10px">
<label for="retardo">Subir con Retardo</label><br> <span style="color:red;" id="retardo_mensaje"></span></div>
                                        <div><input type="checkbox" name="cache" value="cache" id="cache" style="margin:10px">
<label for="cache">Borrar Cache</label></div>
                                        
                                        <div>
                                        <table>
                                            <tbody><tr>
                                                <td>Buscar Proyecto</td>
                                            </tr>
                                            <tr>
                                                <td><input type="text" id="a_proyectos" name="a_proyectos" size="60" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></td>
                                            </tr>
                                            
                                            <tr>
                                                <td>Url del proyecto</td>
                                            </tr>
                                            
                                            <tr>
                                                <td><input type="text" id="url_proyecto" size="60"></td>
                                            </tr>
                                        </tbody></table>    
                                        </div>
                                        
									</div>									
                        	<div style="position:relative;width:335px;float:left;">
									<fieldset>
										<legend><h4>Labels</h4></legend>									
										<div class="list_label" style="display:inline-block"></div>
										<div style="display:block"><input type="text" name="new_label" value="" id="new_label" style="width:50%" placeholder="Nueva label">
<button name="add_label" type="button" id="add_label" class="boton" style="width:20%">Agregar</button>
</div>
									</fieldset>
									</div>									
								</div>							
							</fieldset>
						</div>

						<div style="float:left;width:40%;height:100%;display:inline-block" id="caja_imagen">
                        <fieldset>
                        <legend><h3>Imagen</h3></legend>
                        <div style="display:inline-block;width:100%;height:160px">
                            <div id="imagen_ver" style="position:relative;z-index:0;float:left;width:216px;height:138;border:1px solid #000"></div>
                            <div id="sampleFile" style="float:left;width:170px;height:138;padding:10px 20px">
                            <input type="hidden" name="imagen_nuevo" id="imagen_nuevo" value="">
                            <div id="uploadifive-imagen" class="uploadifive-button" style="height: 30px; line-height: 30px; overflow: hidden; position: relative; text-align: center; width: 100px;">Examinar<input type="file" name="imagen" id="imagen" style="width: 70%; display: none;" value="" placeholder="Imagen"><input type="file" style="opacity: 0; position: absolute; z-index: 999;"></div>
                            <div style="float:left;display:none;width:90%;margin:10px auto" id="item_img">
								<div style="width:100%;padding:10px" id="console_img"></div>
							</div>
					</div>
                            <!--<input name='subir' id="subir" type='button' value='Subir' class="boton"><input name='cancelar' id="cancel" type='button' value='Cancelar' class="boton">--></div>
                        </fieldset></div>
                        
                        </div>
                   
                        </td>
					</tr>
					<tr>
						<td>Contenido</td>
                    </tr>
						<tr><td><textarea name="contenido" cols="40" rows="20" id="contenido" style="width: 100%; visibility: hidden; display: none;" placeholder="Contenido"></textarea><span id="cke_contenido" class="cke_skin_kama cke_1 cke_editor_contenido" dir="ltr" title="" lang="es" tabindex="0" role="application" aria-labelledby="cke_contenido_arialbl"><span id="cke_contenido_arialbl" class="cke_voice_label">Editor de texto enriquecido</span><span class="cke_browser_webkit cke_browser_quirks" role="presentation"><span class="cke_wrapper cke_ltr" role="presentation"><table class="cke_editor" border="0" cellspacing="0" cellpadding="0" role="presentation"><tbody><tr role="presentation"><td id="cke_top_contenido" class="cke_top" role="presentation"><div class="cke_toolbox" role="group" aria-labelledby="cke_6" onmousedown="return false;"><span id="cke_6" class="cke_voice_label">Barras de herramientas del editor</span><span id="cke_7" class="cke_toolbar" role="toolbar"><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><span class="cke_button"><a id="cke_8" class="cke_off cke_button_source" "="" href="javascript:void('Fuente HTML')" title="Fuente HTML" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_8_label" onkeydown="return CKEDITOR.tools.callFunction(4, event);" onfocus="return CKEDITOR.tools.callFunction(5, event);" onclick="CKEDITOR.tools.callFunction(6, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_8_label" class="cke_label">Fuente HTML</span></a></span><span class="cke_separator" role="separator"></span><span class="cke_button"><a id="cke_9" class="cke_off cke_button_bold" "="" href="javascript:void('Negrita')" title="Negrita" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_9_label" onkeydown="return CKEDITOR.tools.callFunction(7, event);" onfocus="return CKEDITOR.tools.callFunction(8, event);" onclick="CKEDITOR.tools.callFunction(9, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_9_label" class="cke_label">Negrita</span></a></span><span class="cke_button"><a id="cke_10" class="cke_off cke_button_italic" "="" href="javascript:void('Cursiva')" title="Cursiva" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_10_label" onkeydown="return CKEDITOR.tools.callFunction(10, event);" onfocus="return CKEDITOR.tools.callFunction(11, event);" onclick="CKEDITOR.tools.callFunction(12, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_10_label" class="cke_label">Cursiva</span></a></span><span class="cke_button"><a id="cke_11" class="cke_off cke_button_underline" "="" href="javascript:void('Subrayado')" title="Subrayado" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_11_label" onkeydown="return CKEDITOR.tools.callFunction(13, event);" onfocus="return CKEDITOR.tools.callFunction(14, event);" onclick="CKEDITOR.tools.callFunction(15, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_11_label" class="cke_label">Subrayado</span></a></span><span class="cke_button"><a id="cke_12" class="cke_off cke_button_strike" "="" href="javascript:void('Tachado')" title="Tachado" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_12_label" onkeydown="return CKEDITOR.tools.callFunction(16, event);" onfocus="return CKEDITOR.tools.callFunction(17, event);" onclick="CKEDITOR.tools.callFunction(18, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_12_label" class="cke_label">Tachado</span></a></span><span class="cke_separator" role="separator"></span><span class="cke_button"><a id="cke_13" class="cke_off cke_button_link" "="" href="javascript:void('Insertar/Editar Vínculo')" title="Insertar/Editar Vínculo" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_13_label" onkeydown="return CKEDITOR.tools.callFunction(19, event);" onfocus="return CKEDITOR.tools.callFunction(20, event);" onclick="CKEDITOR.tools.callFunction(21, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_13_label" class="cke_label">Insertar/Editar Vínculo</span></a></span><span class="cke_separator" role="separator"></span></span><span class="cke_toolbar_end"></span></span><span id="cke_14" class="cke_toolbar" role="toolbar"><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><span class="cke_button"><a id="cke_15" class="cke_button_cut cke_disabled" "="" href="javascript:void('Cortar')" title="Cortar" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_15_label" onkeydown="return CKEDITOR.tools.callFunction(22, event);" onfocus="return CKEDITOR.tools.callFunction(23, event);" onclick="CKEDITOR.tools.callFunction(24, this); return false;" aria-disabled="true"><span class="cke_icon">&nbsp;</span><span id="cke_15_label" class="cke_label">Cortar</span></a></span><span class="cke_button"><a id="cke_16" class="cke_button_copy cke_disabled" "="" href="javascript:void('Copiar')" title="Copiar" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_16_label" onkeydown="return CKEDITOR.tools.callFunction(25, event);" onfocus="return CKEDITOR.tools.callFunction(26, event);" onclick="CKEDITOR.tools.callFunction(27, this); return false;" aria-disabled="true"><span class="cke_icon">&nbsp;</span><span id="cke_16_label" class="cke_label">Copiar</span></a></span><span class="cke_button"><a id="cke_17" class="cke_off cke_button_paste" "="" href="javascript:void('Pegar')" title="Pegar" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_17_label" onkeydown="return CKEDITOR.tools.callFunction(28, event);" onfocus="return CKEDITOR.tools.callFunction(29, event);" onclick="CKEDITOR.tools.callFunction(30, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_17_label" class="cke_label">Pegar</span></a></span><span class="cke_button"><a id="cke_18" class="cke_off cke_button_pastetext" "="" href="javascript:void('Pegar como Texto Plano')" title="Pegar como Texto Plano" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_18_label" onkeydown="return CKEDITOR.tools.callFunction(31, event);" onfocus="return CKEDITOR.tools.callFunction(32, event);" onclick="CKEDITOR.tools.callFunction(33, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_18_label" class="cke_label">Pegar como Texto Plano</span></a></span><span class="cke_button"><a id="cke_19" class="cke_off cke_button_pastefromword" "="" href="javascript:void('Pegar desde Word')" title="Pegar desde Word" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_19_label" onkeydown="return CKEDITOR.tools.callFunction(34, event);" onfocus="return CKEDITOR.tools.callFunction(35, event);" onclick="CKEDITOR.tools.callFunction(36, this); return false;"><span class="cke_icon">&nbsp;</span><span id="cke_19_label" class="cke_label">Pegar desde Word</span></a></span><span class="cke_separator" role="separator"></span><span class="cke_button"><a id="cke_20" class="cke_button_undo cke_disabled" "="" href="javascript:void('Deshacer')" title="Deshacer" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_20_label" onkeydown="return CKEDITOR.tools.callFunction(37, event);" onfocus="return CKEDITOR.tools.callFunction(38, event);" onclick="CKEDITOR.tools.callFunction(39, this); return false;" aria-disabled="true"><span class="cke_icon">&nbsp;</span><span id="cke_20_label" class="cke_label">Deshacer</span></a></span><span class="cke_button"><a id="cke_21" class="cke_button_redo cke_disabled" "="" href="javascript:void('Rehacer')" title="Rehacer" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_21_label" onkeydown="return CKEDITOR.tools.callFunction(40, event);" onfocus="return CKEDITOR.tools.callFunction(41, event);" onclick="CKEDITOR.tools.callFunction(42, this); return false;" aria-disabled="true"><span class="cke_icon">&nbsp;</span><span id="cke_21_label" class="cke_label">Rehacer</span></a></span></span><span class="cke_toolbar_end"></span></span></div><a title="Contraer barra de herramientas" id="cke_22" tabindex="-1" class="cke_toolbox_collapser" onclick="CKEDITOR.tools.callFunction(43)"><span>▲</span></a></td></tr><tr role="presentation"><td id="cke_contents_contenido" class="cke_contents" style="height: 200px;" role="presentation"><span id="cke_26" class="cke_voice_label">Pulse ALT 0 para ayuda</span><iframe style="width: 1328px; height: 100%;" frameborder="0" aria-describedby="cke_26" title="Editor de texto, contenido" src="" tabindex="-1" allowtransparency="true"></iframe></td></tr><tr role="presentation"><td id="cke_bottom_contenido" class="cke_bottom" role="presentation"><div class="cke_resizer cke_resizer_ltr" title="Arrastre para redimensionar" onmousedown="CKEDITOR.tools.callFunction(3, event)"></div><span id="cke_path_contenido_label" class="cke_voice_label">Ruta de los elementos</span><div id="cke_path_contenido" class="cke_path" role="group" aria-labelledby="cke_path_contenido_label"><span class="cke_empty">&nbsp;</span></div></td></tr></tbody></table><style>.cke_skin_kama{visibility:hidden;}</style></span></span></span>
</td>
					</tr>                    
                    
					<tr>
						<td>Fuente :</td>
                    </tr>
                    <tr>
						<td><input type="text" name="fuente" value="" id="fuente" style="width:30%" placeholder="Fuente">
</td>
					</tr>
					
					<tr>
						<td align="right">
                        			<button name="guardar" type="submit" id="guardar" class="boton" style="width:100px">Guardar</button>
                        </td>
					</tr>
				</tbody></table></form>
            </fieldset>
@endsection