@extends('layouts.app')
@vite(['resources/css/app.css', 'resources/js/app.js'])
@section('content')
<fieldset>
            	<legend align="center"><h1>Ingreso Banner</h1></legend>
					<div id="mensaje" style="display: none;"></div>
                <form action="https://pm.portalminero.com/banner/ingresar.html" name="form" id="form" onkeypress="return event.keyCode!=13" method="post" accept-charset="utf-8">
                <input type="hidden" name="id_banner" id="id_banner" value="0">
                <input type="hidden" name="editar" id="editar" value="0">
                <div style="float:right;min-width:270px;width:40%;height:100%;display:inline-block" id="caja_imagen">
                		<fieldset>
                        <legend><h3>Archivo</h3></legend>
                        <div style="display:inline-block;width:100%;min-height:130px">
                            <div id="imagen_ver" style="position:relative;z-index:0;float:left;width:200px;min-height:100px;border:1px solid #000"></div>
                            <div id="sampleFile" style="float:left;width:150px;height:130px;padding:10px 10px">
                            <input type="hidden" name="imagen_nuevo" id="imagen_nuevo" value="">
                            <input type="file" name="imagen" id="imagen" style="width:70%">
                            </div>
                        </div>
                        </fieldset>
                </div>
                <div style="float:left;width:58%;height:100%;display:inline-block">
                	<div>Nombre :</div>
                    <div><input type="text" name="nombre" value="" id="nombre" style="width:100%" placeholder="Nombre">
</div>
                    <div>Url :</div>
                    <div><input type="text" name="url" value="" id="url" style="width:100%" placeholder="Url">
</div>
                    <div style="float:left;width:45%;min-width:200px;height:100%;padding:5px;">
                    	<div style="border:#000 1px solid; height:110px; overflow:auto">
						<input type="checkbox" name="cat[]" value="1" id="1"><label for="1">Home</label><br><input type="checkbox" name="cat[]" value="2" id="2"><label for="2">Noticias</label><br><input type="checkbox" name="cat[]" value="3" id="3"><label for="3">Eventos</label><br><input type="checkbox" name="cat[]" value="4" id="4"><label for="4">Columna de Opinión</label><br><input type="checkbox" name="cat[]" value="5" id="5"><label for="5">Nota de prensa</label><br><input type="checkbox" name="cat[]" value="6" id="6"><label for="6">Reclutamiento y Selección</label><br><input type="checkbox" name="cat[]" value="7" id="7"><label for="7">Capacitación</label><br>                        </div>
                    </div>
                    <div style="float:left;width:200px;height:100%;padding:5px;">
                        <div style="padding:2px"><div>Fecha Activación</div><div><input type="text" name="fecha_activo" value="2024-12-12" id="fecha_activo" style="min-width:80px" placeholder="Fecha Activación" readonly="readonly" class="hasDatepicker"><img class="ui-datepicker-trigger" src="http://pm.portalminero.com/js/ui-jquery/development-bundle/demos/datepicker/images/calendar.gif" alt="..." title="...">
</div></div>
                        <div style="padding:2px"><div>Fecha Caduca</div><div><input type="text" name="fecha_caduca" value="" id="fecha_caduca" style="min-width:80px" placeholder="Fecha Caduca" class="hasDatepicker"><img class="ui-datepicker-trigger" src="http://pm.portalminero.com/js/ui-jquery/development-bundle/demos/datepicker/images/calendar.gif" alt="..." title="...">
</div></div>
                    </div>
                    <div style="float:left;min-width:120px;padding:5px;"><input type="checkbox" name="tamano_doble" value="accept" id="tamano_doble" style="margin:5px">
<label for="tamano_doble">Tamaño Doble</label></div>
                    <div style="float:left;min-width:80px;padding:5px;"><input type="checkbox" name="borde" value="accept" id="borde" style="margin:5px">
<label for="borde">Borde</label></div>
                    <div style="float:left;min-width:80px;width:22%;margin:5px;border:1px solid #000">
                    	<div style="background-color:#464646;color:#fff;border-bottom:1px solid #000" align="center">Estado</div>
                        <div style="padding:2px">
							<div style="float:left;min-width:70px;width:50%"><input type="radio" name="estado" value="A" id="activo">
<label for="activo">Activo</label></div>
                            <div style="float:left;min-width:70px;width:50%"><input type="radio" name="estado" value="I" checked="checked" id="inactivo">
<label for="inactivo">Inactivo</label></div>
                        </div>
                    </div>
                    <div style="float:left;width:90%;padding:5px"><button name="guardar" type="submit" id="guardar" class="boton" style="width:100px">Guardar</button>
</div>
                </div>
				</form>
            </fieldset>
@endsection