@extends('layouts.admin')
@section('contenido')
{!!Form::model($sucursal,['method'=>'PATCH','route'=>['empresas.update',$sucursal->suc_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 Sucursal</h2>
          <label>Nombre comercial</label><span style="color: red; font-size: 1.2em;"> *</span>
          <input type="text" class="form-control" id="nombreSucursalComercial" name="nombreSucursalComercial" placeholder="Ingrese Nombre Comercial" value="{{$sucursal->suc_nombre}}" required="required">
          <input type="hidden" name="idSucursal" id="idSucursal" value="{{$sucursal->suc_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="{{$sucursal->suc_rSocial}}" placeholder="Ingrese Razon Social"  onkeypress="return soloLetras(event)">
          <label>RFC</label>
          <input type="text" class="form-control" id="rfcSucursal" name="rfcSucursal" placeholder="Ingrese RFC" value="{{$sucursal->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="telefonoSucursalMovil" name="telefonoSucursalMovil" placeholder="Teléfono" value="{{$sucursal->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="email1Sucursal" name="email1Sucursal" placeholder="usuario@ejemplo.com" value="{{$sucursal->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="email2Sucursal" name="email2Sucursal" placeholder="usuario@ejemplo.com" value="{{$sucursal->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" id="gerente" value="{{$gerente->rs_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>
        <div class="col-xs-12 col-md-6 col-lg-6 resp">
          <h2>Dirección de la Sucursal</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="calleSucursal" class="form-control" id="calleSucursal" placeholder="Ingrese Calle" value="{{$sucursal->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="coloniaSucursal" id="coloniaSucursal" class="form-control" placeholder="Ingrese Colonia" value="{{$sucursal->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="numExteriorSucursal" name="numExteriorSucursal" placeholder="Numero Exterior" value="{{$sucursal->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="numInteriorSucursal" name="numInteriorSucursal" placeholder="Numero Interior" value="{{$sucursal->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="cpSucursal" name="cpSucursal" placeholder="Codigo Postal" value="{{$sucursal->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="paisSucursal" name="paisSucursal" onchange="getEstados(this.value, 'estadoEmpresa')">
              <option value="0" disabled="" selected="">Seleccione...</option>
              @foreach ($paises as $ps)
                @if($ps->ps_is == $sucursal->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="{{$sucursal->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="municipioSucursal" name="municipioSucursal">
              <option value="0" selected="" disabled=""> Seleccione...</option>
              @foreach($municipios as $mn)
                @if($mn->mnp_id == $sucursal->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="{{$sucursal->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="estadoSucursal" name="estadoSucursal" onchange="getMunicipios(this.value, 'municipioEmpresa')">
              <option disabled="" value="0" selected="">Seleccione...</option>
              @foreach ($estados as $et)
                @if($et->etd_id == $sucursal->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="{{$sucursal->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="ciudadSucursal" name="ciudadSucursal" placeholder="Ingrese Ciudad" value="{{$sucursal->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') == 2 || Session::get('id') == $rp->rs_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 && $sucursal->suc_gerente != $rp->rs_id)
                    <i style="cursor:pointer" class="fas fa-trash" title="Quitar responsable" onclick="delRep({{$rp->rs_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="actualizarSucursal({{$sucursal->suc_id}});" class="btn btn-info" title="Cancelar">
          <i class="fa fa-save"> </i> Guardar
        </button>
      </div>
    </div>
  </form>
</div>
{!!Form::close()!!}
@include('admin.sucursales.modalAddRep')
@include('admin.sucursales.modalEditRep')
@endsection
@section('script')
<script src="{{asset('js/sucursales.js')}}"></script>
<script src="{{asset('js/estados.js')}}"></script>
<script type="text/javascript">
function EditRep(id){
  var Resp = ;
  $('#respIdE').val(Resp[id].rs_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