@extends('layouts.admin')
@section('contenido')
<div class="row m-t-10"><a href="{{URL::to('getDash')}}" class="btn btn-primary"><i class="fa fa-arrow-left"></i>&nbsp;Regresar</a></div>

<section class="col-sm-6 border m-t-10">
  <button style="width:200px;" class="btn btn-info float-right" data-toggle="modal" data-target="#formnew"><i class="fa fa-plus"></i>Nuevo</button><hr>
  <div id="tbCan"></div>
</section>

<section class="col-sm-6 border m-t-10">
  <button style="width:200px;" class="btn btn-info float-right" data-toggle="modal" data-target="#formnewt"><i class="fa fa-plus"></i>Nuevo</button><hr>
  <div id="tbTag"></div>
</section>
<section class="col-sm-6 border">
  <h3>Probabilidad de cierre</h3>
  <p>Personalize la tabulación de probabilidad de cierre en sus oportunidades, los campos que se queden en blanco no aparecerán para elegir en los formularios</p>
  {!!Form::open(array('method'=>'PATH','autocomplete'=>'off','id'=>'frm-tabs','method'=>'PATCH'))!!}
  <input type="hidden" id="idtab" value="{{$tabs->tab_id}}">
  <table class="table table-striped">
    <thead>
      <th>Procentaje</th>
      <th>Título</th>
    </thead>
    <tbody>
      <tr>
        <td><b> 10 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab10" minlength="0" maxlength="25" value="{{$tabs->tab_10}}"></td>
      </tr>
      <tr>
        <td><b> 20 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab20" minlength="0" maxlength="25" value="{{$tabs->tab_20}}"></td>
      </tr>
      <tr>
        <td><b> 30 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab30" minlength="0" maxlength="25" value="{{$tabs->tab_30}}"></td>
      </tr>
      <tr>
        <td><b> 40 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab40" minlength="0" maxlength="25" value="{{$tabs->tab_40}}"></td>
      </tr>
      <tr>
        <td><b> 50 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab50" minlength="0" maxlength="25" value="{{$tabs->tab_50}}"></td>
      </tr>
      <tr>
        <td><b> 60 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab60" minlength="0" maxlength="25" value="{{$tabs->tab_60}}"></td>
      </tr>
      <tr>
        <td><b> 70 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab70" minlength="0" maxlength="25" value="{{$tabs->tab_70}}"></td>
      </tr>
      <tr>
        <td><b> 80 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab80" minlength="0" maxlength="25" value="{{$tabs->tab_80}}"></td>
      </tr>
      <tr>
        <td><b> 90 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab90" minlength="0" maxlength="25" value="{{$tabs->tab_90}}"></td>
      </tr>
      <tr>
        <td><b> 100 %</b></td>
        <td style="padding:0"><input type="text" class="form-control" onkeypress="return numerosyletras(event)" name="tab100" minlength="0" maxlength="25" value="{{$tabs->tab_100}}"></td>
      </tr>
    </tbody>
  </table>
  <button type="submit" class="btn btn-info pull-right" id="btnsbmt1"><i class="fa fa-save"></i> Aceptar</button>
  {!!Form::close()!!}
</section>

<div class="modal fade modal-slide-in-right" aria-hidden="true" role="dialog" tabindex="-1" id="formnew">
  <div class="modal-dialog">
    <div class="modal-content">
			<div class="modal-header">
        <h4 class="modal-title">Nuevo canal</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
			</div>
      <form id="formchanel">
    		<div class="modal-body">
          <div class="col-xs-12">
            <input type="hidden" name="_token" value="{{Session::token()}}">
            <input type="hidden" name="_method" value="POST">
            <label for="canal">Nombre del canal</label><br><br>
            <input type="text" class="form-control" name="canal" id="canal" required><hr>
          </div>
          <div class="modal-footer">
            <button type="reset" id="btncncl1" data-dismiss="modal" class="btn btn-danger"><i class="fa fa-close"></i> Cancelar</button>
            <button type="submit" id="btnsbmt1" class="btn btn-info"><i class="fa fa-save"></i> Guardar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade modal-slide-in-right" aria-hidden="true" role="dialog" tabindex="-1" id="formedit">
  <div class="modal-dialog">
    <div class="modal-content">
			<div class="modal-header">
        <h4 class="modal-title">Editar canal</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
			</div>
      <form id="formchanelEdit">
    		<div class="modal-body">
          <div class="col-xs-12">
            <input type="hidden" name="_token" value="{{Session::token()}}">
            <input type="hidden" name="_method" value="PATCH">
            <label for="canal">Nombre del canal</label><br><br>
            <input type="hidden" name="id_chanel" id="id_chanel" value="">
            <input type="text" class="form-control" name="canale" id="canale" value=""><hr>
          </div>
          <div class="modal-footer">
            <button type="reset" id="btncncl2" data-dismiss="modal" class="btn btn-danger"><i class="fa fa-close"></i>Cancelar</button>
            <button type="submit" id="btnsbmt2" class="btn btn-info"><i class="fa fa-save"></i>Guardar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade modal-slide-in-right" aria-hidden="true" role="dialog" tabindex="-1" id="formnewt">
  <div class="modal-dialog">
    <div class="modal-content">
			<div class="modal-header">
        <h4 class="modal-title">Nueva etiqueta</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
			</div>
      <form id="formtag">
    		<div class="modal-body">
          <div class="col-xs-12">
            <label for="canal">Nombre de etiqueta</label><br><br>
            <input type="text" class="form-control" id="nomcat" name="nomcat" required><hr>
            <input type="hidden" name="tipo" id="tipo" value="5">
          </div>
          <div class="modal-footer">
            <button type="reset" id="btncncl3" data-dismiss="modal" class="btn btn-danger"><i class="fa fa-close"></i> Cancelar</button>
            <button type="submit" id="btnsbmt3" class="btn btn-info"><i class="fa fa-save"></i> Aceptar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade modal-slide-in-right" aria-hidden="true" role="dialog" tabindex="-1" id="formeditt">
  <div class="modal-dialog">
    <div class="modal-content">
			<div class="modal-header">
        <h4 class="modal-title">Editar etiqueta</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
			</div>
      <form id="formtagEdit">
    		<div class="modal-body">
          <div class="col-xs-12">
            <label for="canal">Nombre de etiqueta</label><br><br>
            <input type="hidden" name="id_tag" id="id_tag" value="">
            <input type="text" class="form-control" name="nomcat" id="nomcate" value=""><hr>
          </div>
          <div class="modal-footer">
            <button type="reset" id="btncncl4" data-dismiss="modal" class="btn btn-danger"><i class="fa fa-close"></i>Cancelar</button>
            <button type="submit" id="btnsbmt4" class="btn btn-info"><i class="fa fa-save"></i>Guardar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

@endsection

@section('script')
<link rel="stylesheet" href="{{asset('assets/css/dataTables.bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/dist/css/skins/_all-skins.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/dist/css/colores.css')}}">
<script src="{{asset('js/functions.js')}}"></script>
<script src="{{asset('js/canales.js')}}"></script>
<script type="text/javascript">
  $(document).ready(function(){
    var ca = ;
    var tags = ;
    llenartabla(ca, "#tbCan");
    llenartabla(tags, "#tbTag");
  });
</script>
@endsection