$(document).on('click','.cbo-utm', function(e){
  e.preventDefault()
  $('.form-cbo-utm').remove()
  const href = $(this).attr('href')
  var e=$("<form class='form-cbo-utm'>").hide(), t=$("<div>").hide();
  t.append($('<input type="hidden">').attr("name", "_token").val($('[name="csrf-token"]').attr('content')))
  t.append($('<input type="hidden">').attr("name", "Рекламная_компания").val(sbjs.get.current_new.cmp)),
  t.append($('<input type="hidden">').attr("name", "Версия_рекламного_баннера").val(sbjs.get.current_new.cnt)),
  t.append($('<input type="hidden">').attr("name", "Канал").val(sbjs.get.current_new.mdm)),
  t.append($('<input type="hidden">').attr("name", "Источник").val(sbjs.get.current_new.src)),
  t.append($('<input type="hidden">').attr("name", "Ключевой_запрос").val(sbjs.get.current_new.trm)),
  t.append($('<input type="hidden">').attr("name", "Тип_трафика").val(sbjs.get.current_new.typ)),
  t.append($('<input type="hidden">').attr("name", "Браузер_клиента").val(sbjs.get.udata_new.uag)),
  t.append($('<input type="hidden">').attr("name", "Страница_входа").val(sbjs.get.current_add_new.rf)),
  t.append($('<input type="hidden">').attr("name", "cbo_stat").val(sbjs.get.cboStat_new.stat_id)),
  e.append(t)
  e.attr('action', href)
  e.attr('method', 'POST')
  $(document.body).append(e)
  e.submit()
})

$(document).on('click', '.div-out-right', function(){
  const parent = $(this).parent()
  let offset = parent.find('.item:eq(1)').offset().left - 249
  if(offset < 200){
    parent.scrollLeft(200 - offset)
  }else{
    parent.scrollLeft(200 + offset)
  }
})

$(document).on('click', '.div-out-left', function(){
  const parent = $(this).parent()
  let offset = Math.abs(parent.find('.item:eq(1)').offset().left - 249)
  parent.scrollLeft(offset - 200)
})

$('.flex-rosp').scroll(function(e){
  e.preventDefault()
  let section_width = this.scrollWidth - this.offsetWidth
  let scrollLeft = $(this).find('.item:eq(1)').offset().left - 249

  $(this).find('.div-out-right').css({'right':scrollLeft})
  if(section_width <= Math.abs(scrollLeft - 30)){
    $(this).find('.div-out-right').css({'display':'none'})
  }else{
    $(this).find('.div-out-right').css({'display':'flex'})
  }

  if(scrollLeft < 0){
    $(this).find('.div-out-left').css({'display':'flex', 'left':Math.abs(scrollLeft)})
  }else{
    $(this).find('.div-out-left').css({'display':'none', 'left':0})
  }
})

$('.nyusha').on('click',function(e){
  const href = $(this).attr('href')
  const regexp = new RegExp(/^#[a-zA-Z-_0-9]{0,}/)
  if(regexp.test(href)){
    const elem = $(href).offset().top
    $('body,html').animate({scrollTop: elem - 100}, 0);
  }  
  $(this).parent().find('.modal__close').trigger('click')
})