@extends('SGI.welcome')
@section('contenido')
<div class="col-md-12 col-xs-12">
  <div class="x_panel">
    <div class="x_title">
      <h2>Nuevo Aviso</h2>
      <div class="clearfix"></div>
    </div>
    <div class="x_content">
      <br/>
      <form class="form-horizontal form-label-left" action ="/aavisos"  method="POST" enctype='multipart/form-data'>{{csrf_field()}}
     
      <div class="form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12">Aviso:</label>
            <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
              <input type="text" class="form-control has-feedback-left"  required="required"   placeholder=""  maxlength="150" name='mensaje'><small>Disponible para 150 caracteres</small>
            <span class="fa fa-envelope-o form-control-feedback left" aria-hidden="true" ></span>
          </div>
        </div>
        <div class="form-group" >
        <label class="control-label col-md-3 col-sm-3 col-xs-12">Selecciona una imagen:</label>
        <div class="col-md-6 col-sm-6 col-xs-12"><center>
          <div id="gender" class="btn-group" data-toggle="buttons">
            <label class="btn btn-default" data-toggle-class="btn-primary" checkbox data-toggle-passive-class="btn-default">
              <input  type="radio" name="img" id="img1" checkbox value="img1.png" checked="" required > 
                <img src="production/images/img1.png" width="140" height="65"> 
            </label> 
            <label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
              <input type="radio" name="img" id="img2" value="img2.png">
                <img src="production/images/img2.png" width="140" height="65"> 
            </label>
            <label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
              <input type="radio" name="img" id="img3" value="img3.png">
                <img src="production/images/img3.png" width="140" height="65"> 
            </label>
            <label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
              <input type="radio" name="img" id="img4" value="img4.png">
                <img src="production/images/img4.png" width="140" height="65"> 
            </label>
            <label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
              <input type="radio" name="img" id="img5" value="img5.png">
                <img src="production/images/img5.png" width="140" height="65"> 
            </label>
            <label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
              <input type="radio" name="img" id="img6" value="img6.png">
                <img src="production/images/img6.png" width="140" height="65"> 
            </label>
            <label class="btn btn-default" data-toggle-class="btm-primary" data-toggle-passive-class="btn-default">
              <input type="radio" name="img" id="img7" value="img7.png">
              <img src="production/images/img7.png" width="140" height="65"></label>
        </center>
          </div>
        </div><br>
      <div class="form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12">Activo:</label>
          <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
            <select class="form-control" id="selectactivo" class="w3-select" name="activo">
              <option  value="si">Si</option>
              <option value="no">No</option>
            </select>
          </div>
        </div>
      <div class="form-group">
        <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
             <!-- <button type="reset" class="btn btn-danger"><i class="fa fa-trash"></i> Borrar</button>-->
          <center>
            <button type="submit" class="btn btn-success" onclick="return pregunta()"><i class="fa fa-save"></i> Publicar</button></center>
          </div>
        </div>
       </div>
      </div>
      <div class="ln_solid"></div>
      </form>
    </div>
  </div>
</div>
@stop