@extends('layouts.admin')
@section('contenido')
<section>
  <script type="text/javascript">
    var img = '';
  </script>
  {!!Form::open(array('url'=>'#','method'=>'PATCH','autocomplete'=>'off','id'=>'form-edserv'))!!}
  {{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="{{$serv->serv_clave}}" maxlength="20">
          </div>
        </div>
        <input type="hidden" name="idProd" id="idProd" value="{{$serv->serv_id}}">
        <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" onkeypress="return numerosyletras(event)" required="required" value="{{$serv->serv_nombre}}">
        <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" onkeypress="return validartexto(event)" required="required" 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" onkeypress="return solonumeros(event)" required="required" value="{{$serv->serv_costo}}">
              <select class="form-control" style="width:30%" name="monc" required>
                @foreach ($monedas as $m)
                <option value="{{$m->mon_name}}" @if($m->mon_name == $serv->serv_mcost) selected @endif>{{$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="Precio Venta" onkeypress="return solonumeros(event)" required="required" value="{{$serv->serv_precio}}">
              <select class="form-control" style="width:30%" name="monp" required>
                @foreach ($monedas as $m)
                <option value="{{$m->mon_name}}" @if($m->mon_name == $serv->serv_mprec) selected @endif>{{$m->mon_name}}</option>
                @endforeach
              </select>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-6">
            <label>Categorías</label>
            <select class="form-control" name="idCatego">
              <option value="" disabled selected>Seleccione una categoría</option>
              @foreach ($categorias as $c)
              <option value="{{$c->cat_id}}" @if($c->cat_id == $serv->serv_cat) selected @endif >{{$c->cat_nombre}}</option>
              @endforeach
            </select>
          </div>
          <div class="col-sm-12 col-md-12 col-lg-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" value="{{$fff[0]}}">
              <select class="form-control" style="width:70%" name="tiempo">
                <option value="">Seleccione...</option>
                <option value="h" @if($fff[1] == 'h' ) selected @endif>Horas</option>
                <option value="d" @if($fff[1] == 'd' ) selected @endif>Días</option>
                <option value="m" @if($fff[1] == 'm' ) selected @endif>Meses</option>
                <option value="a" @if($fff[1] == 'a' ) selected @endif>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 value="{{$serv->serv_clvP}}">
          </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 value="{{$serv->serv_clvU}}">
            <br>
          </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/Editservicio.js')}}"></script>
@endsection