@extends('layouts.app')
@vite(['resources/css/app.css', 'resources/js/app.js'])
@section('content')
<fieldset>
            	<legend align="center"><h1>Buscar Socio</h1></legend>
                
                
				
				<table width="90%" align="center" cellspacing="0" cellpadding="5" style="margin-top:20px;" class="ui-widget">
					
					<tbody><tr>
                    	<td colspan="2" bgcolor="#006633" style="margin-botton:10px;"><table width="90%" align="center" cellspacing="0" cellpadding="5" style="color:#FFF;margin:5px 0px">
					
                            <tbody><tr>
                                <td width="20%"><label for="busq_razon">Búsqueda Razón Social:</label></td>
                                <td width="40%"><input id="busq_razon" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></td>
                                <td width="20%"><label for="busq_user">Búsqueda Usuario:</label></td>
                                <td width="80%"><input id="busq_user" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></td>
                            </tr>
                        </tbody></table></td>
                    </tr>
                    <tr><td colspan="2">&nbsp;</td></tr>
                    <tr>
						<td>
							Vendedora:
						</td>
						<td>
							<input type="text" name="vendedora" value="" id="vendedora" style="width:70%" disabled="disabled">
						</td>
					</tr>
                    <tr>
						<td>
							Estado:
						</td>
						<td>
							<input type="text" name="estado_socio" value="" id="estado_socio" style="width:70%" disabled="disabled">
						</td>
					</tr>
					<tr>
						<td>
							Razón Social:
						</td>
						<td>
							<input type="text" name="razon_social" value="" id="razon_social" style="width:70%" disabled="disabled">
						</td>
					</tr>
                    
                    <tr>
						<td>
							Nombre de Fantasía:
						</td>
						<td>
							<input type="text" name="name_fantasia" value="" id="name_fantasia" style="width:70%" disabled="disabled">
						</td>
					</tr>
                    
                    <tr>
						<td>
							Rut:
						</td>
						<td>
							<input type="text" name="rut_socio" value="" id="rut_socio" style="width:70%" disabled="disabled">
						</td>
					</tr>
                    
                    <tr>
                        <td width="20%">Membresía:</td>
                        <td width="30%">
                           <input type="text" name="tipo_socio" value="" id="tipo_socio" style="width:70%" disabled="disabled">
                        </td>
                    </tr>
                    
                    <tr>
                        <td width="20%">Rubro:</td>
                        <td width="30%">
                           <input type="text" name="rubro_socio" value="" id="rubro_socio" style="width:70%" disabled="disabled">
                        </td>
                    </tr>
					
					<tr>
						<td width="20%">País :</td>
						<td width="80%"><input type="text" name="pais" value="" id="pais" style="width:70%" disabled="disabled">
</td>
					</tr>
                    <tr>
						<td width="20%">Región :</td>
						<td width="80%"><input type="text" name="region" value="" id="region" style="width:70%" disabled="disabled">
</td>
					</tr>
									
					<tr>
						<td width="20%">Comuna :</td>
						<td width="80%"><input type="text" name="comuna" value="" id="comuna" style="width:70%" disabled="disabled">
</td>
					</tr>
                    <tr>
						<td>
							Dirección:
						</td>
						<td>
							<input type="text" name="direccion" value="" id="direccion" style="width:70%" disabled="disabled">
						</td>
					</tr>
				</tbody></table>
            </fieldset>
@endsection