function saveImage(sucursal) {
  var fImage = document.getElementById("image");
  fImage = fImage.files[0];
  if (fImage) {
    var formData = new FormData();
    formData.append("image", fImage);
    formData.append("sucursal_name", sucursal.sucursal_name);
    formData.append("sucursal_id", sucursal.sucursal_id);
    $.ajax({
      type: 'POST',
      dataType: 'json',
      processData: false,
      contentType: false,
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      data: formData,
      url: '/sucursals/saveImage',
      success: function (r) {
        if (r.r) {

          swal(r.m, {
            icon: "success",
            buttons: {
              Ok: true,
            }
          }).then((val) => {
            if (val == "Ok") {
              $(location).attr('href', '/sucursals');
            }
          });

        } else {
          swal("Ok", Lang.get("messagesClient.product_tag1"), "error");
        }

      }
    });
  }
  else {
    alert("No hay archivo.")
  }
}

function updateImage(sucursal) {
  var fImage = document.getElementById("image");
  fImage = fImage.files[0];
  if (fImage) {
    var formData = new FormData();
    formData.append("image", fImage);
    formData.append("sucursal_name", sucursal.sucursal_name);
    formData.append("sucursal_id", sucursal.sucursal_id);

    $.ajax({
      type: 'POST',
      dataType: 'json',
      processData: false,
      contentType: false,
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      data: formData,
      url: '/sucursals/updateImage',
      success: function (r) {
        if (r.r) {
          swal(r.m,
            {
              icon: "success",
              buttons: {
                Ok: true,
              }
            }).then((val) => {
              if (val == "Ok") {
                $(location).attr('href', '/sucursals');
              }
            });
        } else {
          swal("Ok", r.m, "error");
        }

      }
    });
  }
  else {
    alert("No hay archivo.")
  }
}

$("input[name='phone']").keyup(function () {
  this.value = (this.value + '').replace(/[^0-9]/g, '');
});

$('input[name=mailSucursal]').keyup(function () {

  var regex = /[\w-\.]{2,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/;

  if (regex.test($('#mailSucursal').val().trim())) {
    $(this).css("border", "1px solid green");
    document.getElementById("btn-create-sucursal").disabled = false;
  } else {
    $(this).css("border", "1px solid red");
    document.getElementById("btn-create-sucursal").disabled = true;
  }
});



/**
 * metodo para crear sucursal
 * @geralNuñez
 */
function createSucursal() {

  $('#createSucursal').validator('update');
  $("#createSucursal").validator('update').on('submit', function (e) {

    if (e.isDefaultPrevented()) { } else {

      e.preventDefault();
      $("#btn-create-sucursal").prop("disabled", true);

      var city = $("#createSucursal select[name='city_id']").val();
      var coverage = $("#createSucursal select[name='coverage_id']").val();

      if (city == '') {
        swal("Ok", Lang.get("messagesClient.sucursal_tag1"), "warning");
        $("#btn-create-sucursal").prop("disabled", false);
      } else if (coverage == '') {
        swal("Ok", Lang.get("messagesClient.sucursal_tag2"), "warning");
        $("#btn-create-sucursal").prop("disabled", false)
      } else {

        var info = {
          "code": $(" #createSucursal input[name='code']").val(),
          "name": $(" #createSucursal input[name='name']").val(),
          "mail": $(" #createSucursal input[name='mail']").val(),
          "phone": $(" #createSucursal input[name='phone']").val(),
          "coverage_id": $(" #createSucursal select[name='coverage_id']").val(),
          "city_id": $(" #createSucursal select[name='city_id']").val(),
          "direction": $("#createSucursal input[name='direction']").val(),
          "lat": $("#createSucursal input[name='direction']").attr('data-lat'),
          "long": $("#createSucursal input[name='direction']").attr('data-long'),
          "indications": $("#createSucursal textarea[name='indications']").val(),
          "district": $(" #createSucursal input[name='district']").val(),
        };

        swal(Lang.get("messagesClient.sucursal_tag3"),
          {

            buttons: {
              cancel: "No",
              Ok: true,

            }
          }).then((val) => {
            if (val == "Ok") {
              $.ajax({
                url: "/sucursals/create",
                type: "POST",
                contentType: 'application/json',
                headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                  'Content-Type': 'application/json'
                },
                data: JSON.stringify(info),
                success: function (r) {
                  if (r.r) {
                    var image = document.getElementById("image").value;
                    var data = {
                      sucursal_id: r.d,
                      sucursal_name: info.name,
                    }
                    if (image != '') {
                      saveImage(data);
                    } else {
                      swal(r.m, {
                        icon: "success",
                        buttons: {
                          Ok: true,
                        }
                      }).then((val) => {
                        if (val == "Ok") {
                          $(location).attr('href', '/sucursals');
                        }
                      });
                    }
                  } else {
                    swal("Error", r.m, "warning");
                    $("#btn-create-sucursal").prop("disabled", false);
                  }
                }, error: function (e) {
                  swal("Error", Lang.get("messagesClient.sucursal_tag4"), "error");
                  $("#btn-create-sucursal").prop("disabled", false);
                }
              });
            }
          });


      }
    }
  });
}

// MODAL INFO PEDIDO
function clickInfoSucursal(value) {
  var id = $(this).attr("data-id");
  var info = {
    "id": value
  }
  $.ajax({
    url: "sucursals/info",
    type: "POST",
    contentType: 'application/json',
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
      'Content-Type': 'application/json'
    },
    data: JSON.stringify(info),
    success: function (r) {
      sucursal = r;

      var code = document.getElementById("codeI");
      code.innerHTML = sucursal.code;
      var name = document.getElementById("nameI");
      name.innerHTML = sucursal.name;
      var mail = document.getElementById("mailI");
      mail.innerHTML = sucursal.mail;
      var direction = document.getElementById("directionI");
      direction.innerHTML = sucursal.direction_id;
      var phone = document.getElementById("phoneI");
      phone.innerHTML = sucursal.phone;
      var coverage = document.getElementById("coverageI");
      coverage.innerHTML = sucursal.coverage_id;
      var city = document.getElementById("cityI");
      city.innerHTML = sucursal.city_id;

      $("#modal-info-sucursal").modal();
    }
  });
};


function clickEditSucursal(value) {
  _table = $("#example2").DataTable();
  index = _table.page();
  localStorage.setItem("productsTableIndex", index);
  $(location).attr('href', '/sucursals/edit/' + value);
}

/**
 * Metodo para editar un campo de la tabla de información mediante el id
 * @author geral nunez
 */
function editSucursal() {
  $('#editSucursal').validator('update');
  $("#editSucursal").validator('update').on('submit', function (e) {

    if (e.isDefaultPrevented()) { } else {

      e.preventDefault();


      var city = $("#editSucursal select[name='city_id']").val();
      var coverage = $("#editSucursal select[name='coverage_id']").val();
      if (city == '') {
        swal("Ok", Lang.get("messagesClient.sucursal_tag1"), "warning");
        $("#btn-edit-sucursal").prop("disabled", false);
      } else if (coverage == '') {
        swal("Ok", Lang.get("messagesClient.sucursal_tag2"), "warning");
        $("#btn-edit-sucursal").prop("disabled", false);
      } else {

        var info = {
          "id": $("#btn-edit-sucursal").attr("data-id"),
          "code": $(" #editSucursal input[name='code']").val(),
          "name": $(" #editSucursal input[name='name']").val(),
          "mail": $(" #editSucursal input[name='mail']").val(),
          "phone": $(" #editSucursal input[name='phone']").val(),
          "coverage_id": $(" #editSucursal select[name='coverage_id']").val(),
          "city_id": $(" #editSucursal select[name='city_id']").val(),
          "direction": $("#editSucursal input[name='direction']").val(),
          "direction_id": $("#editSucursal input[name='direction']").attr('data-id'),
          "lat": $("#editSucursal input[name='direction']").attr('data-lat'),
          "long": $("#editSucursal input[name='direction']").attr('data-long'),
          "indications": $("#editSucursal textarea[name='indications']").val(),
          "district": $(" #editSucursal input[name='district']").val(),
        };

        swal(Lang.get("messagesClient.sucursal_tag5"),
          {

            buttons: {
              cancel: "No",
              Ok: true,

            }
          }).then((val) => {
            if (val == "Ok") {
              //  $("#btn-edit-sucursal").prop("disabled", true);
              $.ajax({
                url: "/sucursals/update",
                type: "PUT",
                contentType: 'application/json',
                headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                  'Content-Type': 'application/json'
                },
                data: JSON.stringify(info),
                success: function (r) {
                  if (r.r) {
                    var image = document.getElementById("image").value;
                    var data = {
                      sucursal_id: info.id,
                      sucursal_name: info.name,
                    }
                    if (image != '') {
                      updateImage(data);
                    } else {
                      swal(r.m, {
                        icon: "success",
                        buttons: {
                          Ok: true,
                        }
                      }).then((val) => {
                        if (val == "Ok") {
                          localStorage.setItem("setPageTable", true);
                          $(location).attr('href', '/sucursals');
                        }
                      });
                    }
                  }
                }, error: function (e) {
                  swal("Error", Lang.get("messagesClient.sucursal_tag6"), "error");
                  $("#btn-edit-sucursal").prop("disabled", false);
                }
              });
            }
          });


      }
    }
  });

}



$("#selectStateId").change(function () {
  valor = $(this).val();
  var info = {
    "id": valor
  }

  $.ajax({
    url: "/sucursals/state",
    type: "POST",
    contentType: 'application/json',
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
      'Content-Type': 'application/json'
    },
    data: JSON.stringify(info),
    success: function (r) {
      if (r.r) {
        var cities = r.c;
        $('#selectCityId').empty();
        var sel = '<option value="">--Seleccione</option>';
        $('#selectCityId').append(sel);
        for (var i in cities) {
          var row = '<option value="' + cities[i].id + '">' + cities[i].name + '</option>';
          $('#selectCityId').append(row);
        }
      } else {
        $('#selectCityId').empty();
      }
    }
  });
});

function setPageTable() {
  localStorage.setItem("setPageTable", true);
  $(location).attr('href', '/sucursals');
}

/**Activar/Desactivar Sucursal usando switch*/
function chkSucursal(value) {

  var state;

  if ($('#Checkactive' + value).is(':checked')) {
    state = 1;
  } else {
    state = 0;
  }

  var info = {
    "id": value,
    "state": state
  };

  $.ajax({
    url: "/sucursals/active",
    type: "POST",
    contentType: 'application/json',
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
      'Content-Type': 'application/json'
    },
    data: JSON.stringify(info),
    success: function (r) {
      if (r.r) {
        swal("Ok", r.m);
      } else {
        swal("Error", Lang.get("messagesClient.sucursal_tag6"), "error");
      }
    }, error: function (e) {
      swal("Error", Lang.get("messagesClient.sucursal_tag6"), "error");
    }
  });

}

/**Método para eliminar sucursal desde la tabla de admins y en editar */
function clickDeleteSucursal(value) {
  var id = $(this).attr("data-id");

  swal(Lang.get("messagesClient.sucursal_tag7"), {

    buttons: {
      cancel: "No",
      Ok: true,
    }
  }).then((val) => {

    if (val == "Ok") {

      var info = {
        "id": value
      };

      $.ajax({
        url: "/sucursals/delete",
        type: "POST",
        contentType: 'application/json',
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
          'Content-Type': 'application/json'
        },
        data: JSON.stringify(info),
        success: function (r) {
          if (r.r) {
            swal(r.m, {
              icon: "success",
              buttons: {
                Ok: true,
              }
            }).then((val) => {
              if (val == "Ok") {
                $(location).attr('href', '/sucursals');
              }
            });
          } else {

            swal("Error", Lang.get("messagesClient.sucursal_tag8"), "error");
          }
        }, error: function (e) {
          swal("Error", Lang.get("messagesClient.sucursal_tag8"), "error");
        }
      });
    }
  });

}

function createDirectionSucursal() {

  //obtener valores modal
  var lat = $('#pac-input').attr('data-lat');
  var long = $('#pac-input').attr('data-long');
  var instru = $('#indications-modal').val();
  var district = $('#district-modal').val();
  var valor = $('#pac-input').val();

  //set valores vista
  $('#direction').val(valor);
  $('#direction').attr('data-id', '');
  $('#direction').attr('data-lat', lat);
  $('#direction').attr('data-long', long);
  $('#indications').val(instru);
  $('#district').val(district);
  $('#modal_register_direction').css('display', 'none');
  $('.modal-backdrop').attr('class', 'modal fade');
  document.documentElement.style.overflow = 'scroll';

  if (lat && long) {
    // calculoCobertura(lat, long);
  } else {
    swal("Advertencia", "¡Dirección incorrecta!", "warning");
  }
}