@extends('layouts.app')
@vite(['resources/css/app.css', 'resources/js/app.js'])
@section('content')
<fieldset>
            	<legend align="center"><h1>Reporte de Accesos de Socios al Portal</h1></legend>
				
         		<div style="width:90%;margin:10px;display:inline-block;height:100%">
                	<div style="float:left">Desde: <input type="text" name="fecha_desde" value="" id="fecha_desde" 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 style="float:left; padding-left:10px;">Hasta: <input type="text" name="fecha_hasta" value="" id="fecha_hasta" 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 style="padding-left:10px; float:left;"><input type="submit" class="boton" id="buscar" name="buscar" value="Buscar"></div></div>
                
                <div id="caja_reporte">
                					<div style="width:90%;margin:0px auto;padding:10px;border:1px solid #000" align="center" id="mostrar_reporte"><div style="-moz-border-radius: 15px;border-radius: 15px;-webkit-border-radius: 15px; border:#666 solid thin; background-color:#fff;color:#039;font-size:36px;font-family:Verdana, Geneva, sans-serif;font-weight:bold; margin:0 auto; width:400px; padding:15px">Seleccione las fechas que desea revisar.</div></div>
				                </div>    
                
</fieldset>
@endsection