@extends('layouts.admin')
@section('contenido')
@include('admin.provedores.modals')
{!!Form::open(array('url'=>'#','method'=>'PATCH', 'id'=>'frm-eprov', 'autocomplete'=>'off','files'=>'true'))!!}
{{Form::token()}}
<div id="from-view">
  <form role="form">
    <div class="box-body">
      <div class="form-group">
        <input type="hidden" name="idProv" id="idP" value="{{$prov->prov_id}}">
        <div class="row">
          <div class="col-xs-12 col-md-6 col-lg-6">
            <label>Nombre Comercial</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" name="nombreProvedor" placeholder="Ingrese Nombre Comercial" onkeypress="return soloLetras(event)" required value="{{$prov->prov_nombre}}">
            <label>Razón social</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" name="razonSocial" placeholder="Ingrese Razon Social" onkeypress="return soloLetras(event)" required value="{{$prov->prov_rs}}">
            <label>RFC</label><span style="color: red; font-size: 1.2em;"> *</span>
            <input type="text" class="form-control" name="rfcProvedor" placeholder="Ingrese RFC" onkeypress="return solonumeros(event)" required value="{{$prov->prov_rfc}}">
            <div class="row" style="padding-right:13px; padding-left:13px;">
              <div class="col-xs-12 col-lg-9 col-md-9" style="padding-left: 0;">
                <label>Telefono</label><span style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" name="telprov" placeholder="Ingrese Teléfono" onkeypress="return solonumeros(event)" required value="{{$prov->prov_tel}}">
              </div>
              <div class="col-xs-12 col-lg-3 col-md-3" style="padding-right: 0;">
                <label>Ext</label>
                <input type="text" class="form-control" name="extprov" placeholder="Extensión" onkeypress="return solonumeros(event)" value="{{$prov->prov_ext}}">
              </div>
            </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" name="email1Provedor" placeholder="usuario@ejemplo.com" required value="{{$prov->prov_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" name="email2Provedor" placeholder="usuario@ejemplo.com" value="{{$prov->prov_email2}}">
            </div>
            <label>Logo de la empresa</label>
            <input type="file" class="file" name="fotoProvedor">
            <h3>Dirección</h3>
            <div class="row">
              <div class="col-xs-12 col-md-6 col-lg-6">
                <label>Calle</label><span style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" name="calleProv" placeholder="Ingrese Calle" onkeypress="return numerosyletras(event)" required value="{{$prov->dir_calle}}">
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <label>Colonia</label><span style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" placeholder="Ingrese Colonia" name="coloniaProv" onkeypress="return numerosyletras(event)" required value="{{$prov->dir_colonia}}">
              </div>
              <div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                  <label>Número Exterior</label><span style="color: red; font-size: 1.2em;"> *</span>
                  <input type="text" class="form-control"  placeholder="Numero Exterior" name="numExtProv" onkeypress="return numerosyletras(event)" required value="{{$prov->dir_ext}}">
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                  <label>Número Interior</label>
                  <input type="text" class="form-control"  placeholder="Numero Interior" name="numIntProv" onkeypress="return numerosyletras(event)" value="{{$prov->dir_int}}">
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                  <label>Código Postal</label><span style="color: red; font-size: 1.2em;"> *</span>
                  <input type="text" class="form-control" name="cpProv" placeholder="Codigo Postal" onkeypress="return solonumeros(event)" required value="{{$prov->dir_cp}}">
                </div>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <label>País</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <select class="form-control" name="paisEmpresa" id="pais" onchange="getEstados(this.value, 'estadoEmpresa')">
                  <option value="0">Seleccione...</option>
                  @foreach ($paises as $ps)
                  <option value="{{$ps->ps_is}}" selected>{{$ps->ps_nombre}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <label>Estado</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <select class="form-control" id="estadoEmpresa" name="estadoEmpresa" onchange="getMunicipios(this.value, 'municipioEmpresa')">
                  <option value="0"  selected>Seleccione...</option>
                  @foreach($estados as $edo)
                  <option value="{{$edo->etd_id}}" selected>{{$edo->etd_nombre}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <label>Delegación / Municipio</label><span class="rojo" style="color: red; font-size: 1.2em;"> *</span>
                <select class="form-control" id="municipioEmpresa" name="municipioEmpresa">
                  <option selected="" value="0" >Seleccione...</option>
                  @foreach($muns as $mn)
                  <option value="{{$mn->mnp_id}}" selected>{{$mn->mnp_nombre}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-xs-12 col-md-6 col-lg-6">
                <label>Ciudad</label><span style="color: red; font-size: 1.2em;"> *</span>
                <input type="text" class="form-control" name="ciudadProv" placeholder="Ingrese Ciudad" onkeypress="return soloLetras(event)" required value="{{$prov->dir_ciudad}}">
              </div>
            </div>
            <div class="box-body row" id="cloFrom-view" >
              <div class="col-xs-12 col-md-6 m-t-10 text-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 12 col-md-6 m-t-10 text-center">
                <button type="submit" class="btn btn-info" title="Cancelar">
                  <i class="fa fa-save"> </i> Guardar
                </button>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <h3>Responsables</h3>
            <table class="table">
              <thead>
                <th>Nombre</th>
                <th>Teléfono</th>
                <th>E-mail</th>
                <th></th>
              </thead>
              <tbody>
                @foreach($cnts as $k => $cnt)
                <tr>
                  <td>{{$cnt->cnt_nombres}} {{$cnt->cnt_apellidos}}</td>
                  <td>{{$cnt->cnt_telefono}} Ext: {{$cnt->cnt_tel_ext}}</td>
                  <td>{{$cnt->cnt_email1}}</td>
                  <td>
                    <i class="fa fa-pencil-alt" data-toggle="modal" data-target="#modal-edit" onclick="set_info({{$k}})"></i>&nbsp;&nbsp;
                    <i class="fa fa-trash"></i>
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal-new">Agregar Contacto</button>
            <input type="hidden" id="cuantos" name="cuantos" value="1">
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <h3>Datos Bancarios</h3>
            <table class="table">
              <thead>
                <th>Banco o Institución</th>
                <th>No. Cuenta</th>
                <th>Clabe</th>
                <th></th>
              </thead>
              <tbody>
                @if($bancos->isNotEmpty())
                     @foreach($bancos as $b => $banco)
                    <tr>
                      <td>{{ $banco->banco }}</td>
                      <td>{{ $banco->cuenta }}</td>
                      <td>{{ $banco->clabe }}</td>
                      <td>
                    <i class="fa fa-pencil-alt" data-toggle="modal" data-target="#modal-edit-cut" onclick="set_info2({{$b}})"></i>&nbsp;&nbsp;
                        <i class="fa fa-trash"></i>
                      </td>
                    </tr>
                    @endforeach
                @else
                    <p>No hay bancos asociados a este proveedor.</p>
                @endif
              </tbody>
            </table>
            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal-new-cuenta">Agregar Cuenta</button>
            <input type="hidden" id="cuantos" name="cuantos" value="1">
          </div>
        </div>
      </div>
    </div>
  </form>
</div>
{!!Form::close()!!}
@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/EditProv.js')}}"></script>
<script src="{{asset('js/functions.js')}}"></script>
<script src="{{asset('js/estados.js')}}"></script>
<script type="text/javascript">
var conts = ;
var bancos = ;
$(".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>",
});
</script>
<!-- Importar SweetAlert -->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<!-- Mostrar alerta si hay mensajes en la sesión -->
@if(session('success'))
    <script>
        swal("¡Éxito!", "{{ session('success') }}", "success");
    </script>
@endif

@if(session('error'))
    <script>
        swal("¡Error!", "{{ session('error') }}", "error");
    </script>
@endif
@endsection