@extends('layouts.admin')
@section('contenido')
<section>
  {!!Form::open(array('url'=>'#','method'=>'POST','autocomplete'=>'off','id'=>'form-newserv'))!!}
  {{Form::token()}}
  <form role="form">
    <div class="box-body">
      <div class="col-sm-12 col-md-6 col-lg-6 border">
        <h3>Información Interna</h3>
        <div class="row">
          <div class="col-sm-12 col-md-6">
            <label>Clave: <span id="advclv"></span></label>
            <input type="text" class="form-control" name="claveInt" id="claveInt" placeholder="Clave de indentificación" onkeyup="srhClvS(this.value)" onkeypress="return numerosyletras(event)" required value="" maxlength="20">
          </div>
        </div>
        <label>Nombre del servicio</label><span style="color: red; font-size: 1.2em;"> *</span>
        <input type="text" class="form-control" name="nombreServicio" placeholder="Ingrese nombre del servicio"  required="required">
        <label>Características</label><span style="color: red; font-size: 1.2em;"> *</span>
        <textarea type="text" class="form-control" name="desc" placeholder="Detalles del servicio" required="required" onkeypress="return validartexto(event)" rows="6"></textarea>
        <div class="row">
          <div class="col-md-6">
            <label>Precio costo</label><span style="color: red; font-size: 1.2em;"> *</span>
            <div class="input-group">
              <span class="input-group-addon">$</span>
              <input type="text" style="width:70%" class="form-control" name="precioCosto" placeholder="0000.00" value="0.00" onkeypress="return solonumeros(event)" required="required">
              <select class="form-control" style="width:30%" name="monc" required>
                @foreach ($monedas as $m)
                  <option value="{{$m->mon_name}}">{{$m->mon_name}}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-md-6">
            <label>Precio venta</label><span style="color: red; font-size: 1.2em;"> *</span>
            <div class="input-group">
              <span class="input-group-addon">$</span>
              <input type="text" style="width:70%" class="form-control" name="precioVenta" placeholder="0000.00" onkeypress="return solonumeros(event)" required="required">
              <select class="form-control" style="width:30%" name="monp" required>
                @foreach ($monedas as $m)
                <option value="{{$m->mon_name}}">{{$m->mon_name}}</option>
                @endforeach
              </select>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <label>Categorías</label>
            <select class="form-control" name="idCatego">
              <option value="" disabled selected>Seleccione una categoría</option>
              <option value="0">Sin asignar</option>
                          </select>
          </div>
          <div class="col-sm-6">
            <label>Vigencia</label>
            <div class="input-group" style="width:100%">
              <input type="number" onkeypress="return solonumeros(event)" name="vigencia" id="vigencia" class="form-control" placeholder="000" style="width:30%" min="0">
              <select class="form-control" style="width:70%" name="tiempo">
                <option value="">Seleccione...</option>
                <option value="h">Horas</option>
                <option value="d">Días</option>
                <option value="m">Meses</option>
                <option value="a">Años</option>
              </select>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6">
            <h4>Imagen</h4>
            <h5><span class="label label-warning">Dimensiones (500 x 500)</span></h5>
            <input type="file" name="imagen" id="input-1" class="file">
          </div>
        </div>
      </div>
      <div class="col-sm-12 col-md-6 col-lg-6 border">
        <h3>Información SAT</h3>
        <div class="row">
          <div class="col-md-12"><h5><strong>Buscar clave de producto</strong></h5></div>
          <div class="col-sm-12">
            <div class="input-group">
              <input type="text" class="form-control" id="SPCo" onkeypress="return numerosyletras(event);" placeholder="Concepto" onfocus="$('#SPCl').val('');" style="width:50%">
              <input type="text" class="form-control" id="SPCl" onkeypress="return numerosyletras(event);" placeholder="Clave" onfocus="$('#SPCo').val('');" style="width:50%">
              <span class="input-group-btn"><button type="button" onclick="searchProd();" class="btn btn-info"><i class="fa fa-search" style="color:white"></i></button></span>
            </div>
          </div>
          <div class="col-sm-12 m-t-10">
            <select class="form-control" onchange="$('#clave_prod').val(this.value)" id="clvProd">
              <option selected disabled></option>
            </select>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12"><h5><strong>Buscar clave de unidad de medida</strong></h5></div>
          <div class="col-sm-12">
            <div class="input-group">
              <input type="text" class="form-control" id="SUCn" onkeypress="return numerosyletras(event);" placeholder="Unidad" onfocus="$('#SUCl').val('');" style="width:50%">
              <input type="text" class="form-control" id="SUCl" onkeypress="return numerosyletras(event);" placeholder="Clave" onfocus="$('#SUCn').val('');" style="width:50%">
              <span class="input-group-btn"><button type="button" onclick="searchUnit();" class="btn btn-info"><i class="fa fa-search" style="color:white"></i></button></span>
            </div>
          </div>
          <div class="col-sm-12 m-t-10">
            <select class="form-control" onchange="$('#clave_unidad').val(this.value)" id="clvMed">
              <option selected disabled></option>
            </select><br>
          </div>
        </div>
        <div class="row"><hr>
          <div class="col-sm-12 col-md-6 col-lg-6">
            <label>Clave de producto (SAT)</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" name="clave_prod" id="clave_prod" placeholder="Buscar clave" required>
          </div>
          <div class="col-sm-12 col-md-6 col-lg-6">
            <label>Clave de unidad (SAT)</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" name="clave_unidad" id="clave_unidad" placeholder="Buscar clave" required>
          </div>
        </div>
      </div>
    </div>
    <div class="modal-footer">
      <button type="reset" id="btncncl1" class="btn btn-danger" onclick="window.history.back();"><i class="fa fa-close"></i> Cancelar</button>
      <button type="submit" id="btnsbmt1" class="btn btn-info" name="button"><i class="fa fa-save"></i> Guardar</button>
    </div>
  </form>
  {!!Form::close()!!}
</section>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/sortable.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/purify.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/fileinput.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/locales/es.js"></script>
<script src="{{asset('assets/plugins/bootstrap-datepicker.min.js')}}"></script>
<script src="{{asset('assets/plugins/bootstrap-datepicker.es.min.js')}}"></script>
<script src="{{asset('js/Creaservicio.js')}}"></script>
@endsection