@extends('layouts.admin')
@section('contenido')
{!!Form::model($empresa,['method'=>'PATCH','route'=>['empresas.update',$empresa->emp_id],'id'=>'form-form-edit'])!!}
{{Form::token()}}
<div id="from-view">
  <form role="form">
    <div class="box-body">
      <div class="form-group">
        <div class="col-xs-12 col-md-6 col-lg-6">
          <h2>Datos Empresa</h2>
          <label>Nombre comercial</label><span style="color: red; font-size: 1.2em;"> *</span>
          <input type="text" class="form-control" id="nombreEmpresaComercial" name="nombreEmpresaComercial" placeholder="Ingrese Nombre Comercial" value="{{$empresa->emp_nombre}}" required="required">
          <input type="hidden" name="idEmpresa" id="idEmpresa" value="{{$empresa->emp_id}}">
          <input type="hidden" name="rolTipo" id="rolTipo" value="{{Session::get('rol')}}">
          <label>Razón social</label>
          <input type="text" id="razon_social" name="razon_social" class="form-control" value="{{$empresa->suc_rSocial}}" placeholder="Ingrese Razon Social"  onkeypress="return soloLetras(event)">
          <label>RFC</label>
          <input type="text" class="form-control" id="rfcEmpresa" name="rfcEmpresa" placeholder="Ingrese RFC" value="{{$empresa->suc_RFC}}">
          <label>Teléfono</label><span style="color: red; font-size: 1.2em;"> *</span>
          <div class="input-group">
            <div class="input-group-addon">
              <i class="fa fa-phone"></i>
            </div>
            <input type="text" class="form-control" id="telefonoEmpresaMovil" name="telefonoEmpresaMovil" placeholder="Teléfono" value="{{$empresa->suc_telefono}}" required="">
          </div>
          <label>Primer E-mail</label>
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
            <input type="email" class="form-control" id="email1Empresa" name="email1Empresa" placeholder="usuario@ejemplo.com" value="{{$empresa->suc_email1}}">
          </div>
          <label>Segundo E-mail</label>
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
            <input type="email" class="form-control" id="email2Empresa" name="email2Empresa" placeholder="usuario@ejemplo.com" value="{{$empresa->suc_email2}}">
          </div>

          <h2>Datos Gerente</h2>
          <label>Nombre (s) </label><span style="color: red; font-size: 1.2em;"> *</span>
          <input type="hidden" name="gerente" value="{{$gerente->resp_account}}">
          <input type="text" class="form-control" id="nombreResp1" name="nombreResp1" placeholder="Ingrese Nombre (s)" value="{{$gerente->cnt_nombres}}" onkeypress="return soloLetras(event)" required>
          <label>Apellidos</label><span style="color: red; font-size: 1.2em;"> *</span>
          <input type="text" class="form-control" id="apePatResp1" name="apePatResp1" value="{{$gerente->cnt_apellidos}}" placeholder="Ingrese Apellido Paterno" onkeypress="return soloLetras(event)" required>
          <label>Teléfono</label>
          <div class="input-group">
            <div class="input-group-addon">
              <i class="fa fa-phone"></i>
            </div>
            <input type="text" class="form-control" id="telefonoResp1Casa" name="telefonoResp1Casa" placeholder="Telefono Casa" value="{{$gerente->cnt_telefono}}">
          </div>
          <label>Teléfono movil</label>
          <div class="input-group">
            <div class="input-group-addon">
              <i class="fa fa-phone"></i>
            </div>
            <input type="text" class="form-control" id="telefonoResp1Movil" name="telefonoResp1Movil" placeholder="Telefono Movil"  value="{{$gerente->cnt_telMovil}}" >
          </div>
          <label>Primer E-mail</label><span style="color: red; font-size: 1.2em;"> *</span>
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
            <input type="email" class="form-control" id="email1Resp1" name="email1Resp1" value="{{$gerente->cnt_email1}}" placeholder="usuario@ejemplo.com" onkeyup="existe('2','email1Resp1', '', '{{$gerente->cnt_email1}}')" required="">
          </div>
          <div style="text-align: center; color: red;" id="resp"></div>
          <label>Segundo E-mail</label>
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
            <input type="email" class="form-control" id="email2Resp1" name="email2Resp1" value="{{$gerente->cnt_email2}}" placeholder="usuario@ejemplo.com">
          </div>
          <div class="col-xs-12">
            <h2>Logo de la empresa</h2>
            <input type="file" name="logotipo" id="input-1" class="file">
          </div>
        </div>
        <div class="col-xs-12 col-md-6 col-lg-6 resp">
          <h2>Dirección de la empresa</h2>
          <div class="col-xs-6" style="padding-left: 0;">
            <label>Calle</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" name="calleEmpresa" class="form-control" id="calleEmpresa" placeholder="Ingrese Calle" value="{{$empresa->dir_calle}}"  onkeypress="return numerosyletras(event)" required="required">
          </div>
          <div class="col-xs-6" style="padding-right: 0;">
            <label>Colonia</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" name="coloniaEmpresa" id="coloniaEmpresa" class="form-control" placeholder="Ingrese Colonia" value="{{$empresa->dir_colonia}}"  onkeypress="return numerosyletras(event)" required="required">
          </div>
          <div class="col-xs-4" style="padding-left: 0;">
            <label>Número Exterior</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" id="numExteriorEmpresa" name="numExteriorEmpresa" placeholder="Numero Exterior" value="{{$empresa->dir_ext}}" onkeypress="return solonumeros(event)" required="required">
          </div>
          <div class="col-xs-4">
            <label>Número Interior</label>
            <input type="text" class="form-control" id="numInteriorEmpresa" name="numInteriorEmpresa" placeholder="Numero Interior" value="{{$empresa->dir_int}}" onkeypress="return solonumeros(event)">
          </div>
          <div class="col-xs-4" style="padding-right: 0;">
            <label>Código Postal</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" id="cpEmpresa" name="cpEmpresa" placeholder="Codigo Postal" value="{{$empresa->dir_cp}}" onkeypress="return solonumeros(event)" required="required">
          </div>
          <div class="col-xs-6" style="padding-left: 0;">
            <label>País</label><span style="color: red; font-size: 1.2em;"> *</span>
            <select class="form-control" id="pais" name="paisEmpresa" onchange="getEstados(this.value, 'estadoEmpresa')">
              <option value="0" disabled="" selected="">Seleccione...</option>
              @foreach ($paises as $ps)
                @if($ps->ps_is == $empresa->dir_pais)
                  <option value="{{$ps->ps_is}}" selected>{{$ps->ps_nombre}}</option>
                @else
                  <option value="{{$ps->ps_is}}">{{$ps->ps_nombre}}</option>
                @endif
              @endforeach
            </select>
            <!--<input type="text" class="form-control" id="pais" name="paisEmpresa" placeholder="Ingrese Pais" value="{{$empresa->dir_pais}}"  onkeypress="return soloLetras(event)">-->
            <label>Delegación / Municipio</label><span style="color: red; font-size: 1.2em;"> *</span>
            <select class="form-control" id="municipioEmpresa" name="municipioEmpresa">
              <option value="0" selected="" disabled=""> Seleccione...</option>
              @foreach($municipios as $mn)
                @if($mn->mnp_id == $empresa->dir_delegacion)
                  <option value="{{$mn->mnp_id}}" selected>{{$mn->mnp_nombre}}</option>
                @else
                  <option value="{{$mn->mnp_id}}">{{$mn->mnp_nombre}}</option>
                @endif
              @endforeach
            </select>
            <!--<input type="text" class="form-control" id="municipioEmpresa" name="municipioEmpresa" placeholder="Ingrese Delegacion" value="{{$empresa->dir_delegacion}}" onkeypress="return soloLetras(event)" required="required">-->

          </div>
          <div class="col-xs-6" style="padding-right: 0;">
            <label>Estado</label><span style="color: red; font-size: 1.2em;"> *</span>
            <select class="form-control" id="estadoEmpresa" name="estadoEmpresa" onchange="getMunicipios(this.value, 'municipioEmpresa')">
              <option disabled="" value="0" selected="">Seleccione...</option>
              @foreach ($estados as $et)
                @if($et->etd_id == $empresa->dir_estado)
                  <option value="{{$et->etd_id}}" selected>{{$et->etd_nombre}}</option>
                @else
                  <option value="{{$et->etd_id}}">{{$et->etd_nombre}}</option>
                @endif
              @endforeach
            </select>
            <!--<input type="text" class="form-control" id="estadoEmpresa" name="estadoEmpresa" placeholder="Ingrese Estado" value="{{$empresa->dir_estado}}"  onkeypress="return soloLetras(event)" required="required">-->
            <label>Ciudad</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" id="ciudadEmpresa" name="ciudadEmpresa" placeholder="Ingrese Ciudad" value="{{$empresa->dir_ciudad}}"  onkeypress="return soloLetras(event)" required="required">
          </div>
          <br>&nbsp;
          <!--div donde carga lista de representantes-->
          <div id="allRepresentantesEmpresa">
            <h2>Representantes</h2>
            <table class="table table-bordered table-striped">
              <thead>
                <th>Nombre</th>
                <th>Teléfono</th>
                <th></th>
              </thead>
              <tbody>
                @foreach($responsables as $key =>$rp)
                <tr>
                  <td>{{$rp->cnt_nombres}} {{$rp->cnt_apellidos}}</td>
                  <td>{{$rp->cnt_telefono}}</td>
                  <td>
                    @if(Session::get('rol') == 1 || Session::get('id') == $rp->resp_account)
                    <i style="cursor:pointer;" data-toggle="modal" data-target="#edit-modal" class="fas fa-pencil-alt" title="Editar responsable" onclick="EditRep({{$key}})"></i>
                    @endif
                    @if(Session::get('rol') == 2 && $empresa->emp_gerente != $rp->resp_id)
                    <i style="cursor:pointer" class="fas fa-trash" title="Quitar responsable" onclick="delRep({{$rp->resp_id}}, '{{$rp->cnt_nombres}} {{$rp->cnt_apellidos}}', '{{Session::token()}}')"></i>
                    @endif
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
          <!--div donde carga lista de representantes-->
          <div style="text-align:center">
            <button class="btn btn-success" data-toggle="modal" data-target="#agregar-modal" type="button" name="button"><i class="fas fa-plus"></i> Nuevo Representante</button>
          </div>
        </div>
      </div>
    </div>
    <div class="row box-body" id="cloFrom-view" >
      <div class="col-xs-4" align="center">
        <button type="reset" class="btn btn-danger" onclick="window.history.back();" title="Cancelar">
          <i class="fa fa-close"> </i> Cancelar
        </button>
      </div>
      <div class="col-xs-4" align="center">
        <a href=""></a>
      </div>
      <div class="col-xs-4" align="center">
        <button type="button" onclick="actualizarEmpresa({{$empresa->emp_id}});" class="btn btn-info" title="Cancelar">
          <i class="fa fa-save"> </i> Guardar
        </button>
      </div>
    </div>
  </form>
</div>
{!!Form::close()!!}
@include('admin.empresas.modalAddRep')
@include('admin.empresas.modalEditRep')
@endsection
@section('script')
<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://code.jquery.com/jquery-3.2.1.min.js"></script>
<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('js/empresas.js')}}"></script>
<script src="{{asset('js/estados.js')}}"></script>
<script type="text/javascript">
$(".file").fileinput({
  autoReplace: true,
  overwriteInitial: true,
  language: "es",
  allowedFileExtensions: ["jpg", "png", "gif", "jpeg"],
  showCaption: false,
  showUpload: false,
  browseLabel: "Imagen...",
  browseIcon: " <i class=\"fa fa-picture-o\" style=\"color:#fff;\"></i>",
  removeClass: "btn btn-danger",
  removeLabel: "Eliminar",
  removeIcon: "<i class=\"fa fa-trash\"></i>",
  initialPreview:["<img class='kv-preview-data file-preview-image img-responsive img-rounded img-thumbnail' id='imgEditar' width='100%' src=''>"]
});
</script>
<script type="text/javascript">
function EditRep(id){
  var Resp = ;
  $('#respIdE').val(Resp[id].resp_id);
  $('#nombre').val(Resp[id].cnt_nombres);
  $('#PatResp').val(Resp[id].cnt_apellidos);
  $('#telRespCasa').val(Resp[id].cnt_telefono);
  $('#telRespMovil').val(Resp[id].telRespMovil);
  $('#mail1Resp').val(Resp[id].cnt_email1);
  $('#mail2Resp').val(Resp[id].cnt_email2);
  $('#passResp2').val(Resp[id].user_pass);
}
</script>
@endsection