@extends('layouts.app', ['activePage' => 'atributosClientes', 'titlePage' => __('Atributos Clientes')])

@section('content')
<style>
  .obli::before {
    content: "* ";
    color: red;
    font-weight: bold;
  }
</style>
<div class="content">
  <div class="container">
    <div class="row justify-content-md-center">
      <div class="col-md-8">
        <div class="card">
          <div class="card-header card-header-primary">
            <h4 class="card-title ">Atributos Clientes</h4>
          </div>
          <div class="card-body">
            <div class="row col-12 justify-content-between">
              <div class="col-6 row">
                <div class="col-8">
                  <label>Areas</label>
                  <select class="form-control" id="Areas">
                    @if(isset($data['areas']))
                    <option value="0" selected>Ninguno</option>
                    @foreach ($data['areas'] as $a)
                    <option value="{{$a->Id}}">{{$a->Descripcion}}</option>
                    @endforeach
                    @endif
                  </select>
                </div>
                <div class="col-3 mt-4" id="addArea">
                  <button class="btn btn-primary btn-sm" id="addA">+</button>
                </div>

                <div class="col-4 mt-4 row " style="display: none;" id="editArea">
                  <div class="form-group col-6">
                    <button class="btn btn-warning btn-sm" onclick="getInfoArea();"><i class="fa fa-pencil" aria-hidden="true"></i></button>

                  </div>
                  <div class="form-group col-6">
                    <button class="btn btn-danger btn-sm" onclick="deleteA(1);"><i class="fa fa-times" aria-hidden="true"></i></button>

                  </div>
                </div>

              </div>
              <div class="col-6 row">
                <div class="col-8">
                  <label>Zonas</label>
                  <select class="form-control" id="Zonas">
                    @if(isset($data['zonas']))
                    <option value="0" selected>Ninguno</option>
                    @foreach ($data['zonas'] as $z)
                    <option value="{{$z->Id}}">{{$z->Descripcion}}</option>
                    @endforeach
                    @endif
                  </select>
                </div>
                <div class=" col-3 mt-4" id="addZona">
                  <button class="btn btn-primary btn-sm" id="addZ">+</button>
                </div>
                <div class="col-4 mt-4 row " style="display: none;" id="editZona">
                  <div class="form-group col-6">
                    <button class="btn btn-warning btn-sm" onclick="getInfoZonas();"><i class="fa fa-pencil" aria-hidden="true"></i></button>

                  </div>
                  <div class="form-group col-6">
                    <button class="btn btn-danger btn-sm" onclick="deleteA(2);"><i class="fa fa-times" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <hr>
            <br>
            <div class="row col-12 justify-content-between">
              <div class="col-6 row">
                <div class="col-8">
                  <label>Tipo Clientes</label>
                  <select class="form-control" id="TipoCliente">
                    @if(isset($data['TipoCliente']))
                    <option value="0" selected>Ninguno</option>
                    @foreach ($data['TipoCliente'] as $t)
                    <option value="{{$t->Id}}">{{$t->Descripcion}}</option>
                    @endforeach
                    @endif
                  </select>
                </div>
                <div class="col-3 mt-4" id="addTipo">
                  <button class="btn btn-primary btn-sm" id="addT">+</button>
                </div>
                <div class="col-4 mt-4 row " style="display: none;" id="editTipo">
                  <div class="form-group col-6">
                    <button class="btn btn-warning btn-sm" onclick="getInfoTipo();"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                  </div>
                  <div class="form-group col-6">
                    <button class="btn btn-danger btn-sm" onclick="deleteA(3);"><i class="fa fa-times" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>

              <div class="col-6 row">
                <div class="col-8 form-group">
                  <label>Categorías</label>
                  <select class="form-control" id="Categorias">
                    @if(isset($data['Categorias']))
                    <option value="0" selected>Ninguno</option>
                    @foreach ($data['Categorias'] as $c)
                    <option value="{{$c->Id}}">{{$c->DescripcionCategoria}}</option>
                    @endforeach
                    @endif
                  </select>
                </div>
                <div class="col-3 mt-4" id="addCate">
                  <button class="btn btn-primary btn-sm" id="addC">+</button>
                </div>
                <div class="col-4 mt-4 row " style="display: none;" id="editCate">
                  <div class="form-group col-6">
                    <button class="btn btn-warning btn-sm" onclick="getInfoCate();"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                  </div>
                  <div class="form-group col-6">
                    <button class="btn btn-danger btn-sm" onclick="deleteA(4);"><i class="fa fa-times" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalAreas" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title font-weight-normal" id="exampleModalLabel">Agregar área</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
        </button>
      </div>
      <input type="hidden" id="idAreaHidden">
      <div class="modal-body">
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Descripcion<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="DescripcionA">
          </div>
        </div>
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Descripcion Corta<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="DescripcionACorta">
          </div>
        </div>
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Flete Externo</label>
            <input type="text" class="form-control" id="FleteExternoPesos">
          </div>
        </div>
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Estatus<span class="text-danger">*</span></label>
            <select class="form-control" id="EstatusA">
              <option value="1">Activo</option>
              <option value="2">Cancelado</option>
            </select>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregarArea();">Guardar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalZonas" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title font-weight-normal" id="exampleModalLabel">Agregar zona</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
        </button>
      </div>
      <input type="hidden" id="idZonaHidden">
      <div class="modal-body">
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Descripcion<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="DescripcionZ">
          </div>
        </div>
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Descripcion Corta<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="DescripcionZCorta">
          </div>
        </div>
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Estatus<span class="text-danger">*</span></label>
            <select class="form-control" id="EstatusZ">
              <option value="1">Activo</option>
              <option value="2">Cancelado</option>
            </select>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregarZona();">Guardar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalTipoCliente" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title font-weight-normal" id="exampleModalLabel">Agregar tipo de cliente</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
        </button>
      </div>
      <input type="hidden" id="idTipoHidden">
      <div class="modal-body">
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Descripcion<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="Descripcion">
          </div>
        </div>
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label> Porcentaje Descuento Maximo<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="PorcentajeDescuentoMaximo">
          </div>
        </div>
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Porcentaje de Interes Moratorio<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="PorcentajeInteresMoratorio">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregarTipoCliente();">Guardar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalCategorias" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title font-weight-normal" id="exampleModalLabel">Agregar categoría</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
        </button>
      </div>
      <input type="hidden" id="idCategoriaHidden">
      <div class="modal-body">
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Descripcion<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="DescripcionCategoria">
          </div>
        </div>
        <div class="col-md-12">
          <div class="input-group input-group-static mb-4">
            <label>Porcentaje Sobrelimite<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="PorcentajeSobrelimite">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregarCategoria();">Guardar</button>
      </div>
    </div>
  </div>
</div>

<script>
  $(document).ready(function() {

    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }

    });
    $(".datepicker").flatpickr({
      minDate: "today"
    });
    new Choices($('#Areas')[0]);
    new Choices($('#Zonas')[0]);
    new Choices($('#TipoCliente')[0]);
    new Choices($('#Categorias')[0]);
  });


  $('#Areas').change(function() {
    if ($('#Areas').val() != 0) {
      $('#addArea').hide('slow')
      $('#editArea').show('slow')
    } else {
      $('#addArea').show('slow')
      $('#editArea').hide()
    }
  })

  $('#addA').click(function() {
    $('#idAreaHidden').val('')
    $('#EstatusA').val(1)
    $('#DescripcionA').val('')
    $('#DescripcionACorta').val('')
    $('#FleteExternoPesos').val('')
    $('#modalAreas').modal('show')
  })

  function agregarArea() {
    var idAreas = $('#idAreaHidden').val()
    var Descripcion = $('#DescripcionA').val()
    var DescripcionCorta = $('#DescripcionACorta').val()
    var FleteExternoPesos = $('#FleteExternoPesos').val()
    var Estatus = $('#EstatusA option:selected').val()

    if (Descripcion == '' || DescripcionCorta == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'Debes ingresar toda la información',
        showConfirmButton: false,
        timer: 2500
      });
      return false;

    }
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/guardar_areas" )}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: idAreas,
          Descripcion: Descripcion,
          DescripcionCorta: DescripcionCorta,
          FleteExternoPesos: FleteExternoPesos,
          Estatus: Estatus
        },
      })
      .done(function(resp) {
        console.log(resp);
        if (resp.result == 1) {
          type = 'success'
          title = '¡Se ha guardado con éxito!'
        } else {
          type = 'success'
          title = '¡Se ha actualizado con éxito!'
        }
        $('#modalAreas').modal('hide');
        Swal.fire({
          type: type,
          title: title,
          showConfirmButton: false,
          timer: 2500
        });
        window.location.reload();

        setNewArea();
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function setNewArea() {
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/set_areas" )}}',
        type: 'POST',
        dataType: 'json',
      })
      .done(function(resp) {
        console.log(resp.data['Id'])
        $('#Areas')
          .append('<option value="' + resp.data['Id'] + '">' + resp.data['Descripcion'] + '</option>');
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function getInfoArea() {
    var idArea = $('#Areas option:selected').val();
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/get_areas" )}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: idArea
        }
      })
      .done(function(resp) {
        $('#idAreaHidden').val(resp.data['Id'])
        $('#DescripcionA').val(resp.data['Descripcion'])
        $('#FleteExternoPesos').val(resp.data['FleteExternoPesos'])
        $('#DescripcionACorta').val(resp.data['DescripcionCorta'])
        $('#EstatusA').val(resp.data['Estatus'])
        $('#modalAreas').modal('show')

      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
  }

  $('#Zonas').change(function() {
    if ($('#Zonas').val() != 0) {
      $('#addZona').hide('slow')
      $('#editZona').show('slow')
    } else {
      $('#addZona').show('slow')
      $('#editZona').hide()
    }
  })

  $('#addZ').click(function() {
    $('#idZonaHidden').val('')
    $('#EstatusZ').val(1)
    $('#DescripcionZ').val('')
    $('#DescripcionZCorta').val('')

    $('#modalZonas').modal('show')
  })

  function agregarZona() {
    var idZona = $('#idZonaHidden').val()
    var Descripcion = $('#DescripcionZ').val()
    var DescripcionCorta = $('#DescripcionZCorta').val()
    var Estatus = $('#EstatusZ option:selected').val()

    if (Descripcion == '' || DescripcionCorta == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'Debes ingresar toda la información',
        showConfirmButton: false,
        timer: 2500
      });
      return false;

    }
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/guardar_zonas" )}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: idZona,
          Descripcion: Descripcion,
          DescripcionCorta: DescripcionCorta,
          Estatus: Estatus
        },
      })
      .done(function(resp) {
        console.log(resp);
        if (resp.result == 1) {
          type = 'success'
          title = '¡Se ha guardado con éxito!'
        } else {
          type = 'success'
          title = '¡Se ha actualizado con éxito!'
        }
        $('#modalZonas').modal('hide');
        Swal.fire({
          type: type,
          title: title,
          showConfirmButton: false,
          timer: 2500
        });
        window.location.reload();

        setNewZona();
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function setNewZona() {
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/set_zonas" )}}',
        type: 'POST',
        dataType: 'json',
      })
      .done(function(resp) {
        console.log(resp.data['Id'])
        $('#Zonas')
          .append('<option value="' + resp.data['Id'] + '">' + resp.data['Descripcion'] + '</option>');
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function getInfoZonas() {
    var idZona = $('#Zonas option:selected').val();
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/get_zonas" )}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: idZona
        }
      })
      .done(function(resp) {
        $('#idZonaHidden').val(resp.data['Id'])
        $('#DescripcionZ').val(resp.data['Descripcion'])
        $('#DescripcionZCorta').val(resp.data['DescripcionCorta'])
        $('#EstatusZ').val(resp.data['Estatus'])
        $('#modalZonas').modal('show')

      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
  }


  $('#TipoCliente').change(function() {
    if ($('#TipoCliente').val() != 0) {
      $('#addTipo').hide('slow')
      $('#editTipo').show('slow')
    } else {
      $('#addTipo').show('slow')
      $('#editTipo').hide()
    }
  })

  $('#addT').click(function() {
    $('#idTipoHidden').val('')
    $('#PorcentajeDescuentoMaximo').val('')
    $('#PorcentajeInteresMoratorio').val('')
    $('#Descripcion').val('')
    $('#modalTipoCliente').modal('show')
  })

  function agregarTipoCliente() {
    var idTipo = $('#idTipoHidden').val()
    var PorcentajeDescuentoMaximo = $('#PorcentajeDescuentoMaximo').val()
    var PorcentajeInteresMoratorio = $('#PorcentajeInteresMoratorio').val()
    var Descripcion = $('#Descripcion').val()

    if (PorcentajeDescuentoMaximo == '' || PorcentajeInteresMoratorio == '' || Descripcion == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'Debes ingresar toda la información',
        showConfirmButton: false,
        timer: 2500
      });
      return false;

    }
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/guardar_tipo" )}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: idTipo,
          PorcentajeDescuentoMaximo: PorcentajeDescuentoMaximo,
          PorcentajeInteresMoratorio: PorcentajeInteresMoratorio,
          Descripcion: Descripcion
        },
      })
      .done(function(resp) {
        console.log(resp);
        if (resp.result == 1) {
          type = 'success'
          title = '¡Se ha guardado con éxito!'
        } else {
          type = 'success'
          title = '¡Se ha actualizado con éxito!'
        }
        $('#modalTipoCliente').modal('hide');
        Swal.fire({
          type: type,
          title: title,
          showConfirmButton: false,
          timer: 2500
        });
        window.location.reload();

        setNewTipo();
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function setNewTipo() {
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/set_tipo" )}}',
        type: 'POST',
        dataType: 'json',
      })
      .done(function(resp) {
        console.log(resp.data['Id'])
        $('#TipoCliente')
          .append('<option value="' + resp.data['Id'] + '">' + resp.data['Descripcion'] + '</option>');
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function getInfoTipo() {
    var idTipoCliente = $('#TipoCliente option:selected').val();
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/get_tipo" )}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: idTipoCliente
        }
      })
      .done(function(resp) {
        $('#idTipoHidden').val(resp.data['Id'])
        $('#PorcentajeDescuentoMaximo').val(resp.data['PorcentajeDescuentoMaximo'])
        $('#PorcentajeInteresMoratorio').val(resp.data['PorcentajeInteresMoratorio'])
        $('#Descripcion').val(resp.data['Descripcion'])
        $('#modalTipoCliente').modal('show')

      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
  }


  function agregarCategoria() {
    var idCategoria = $('#idCategoriaHidden').val()
    var DescripcionCategoria = $('#DescripcionCategoria').val()
    var PorcentajeSobrelimite = $('#PorcentajeSobrelimite').val()

    if (DescripcionCategoria == '' || PorcentajeSobrelimite == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'Debes ingresar toda la información',
        showConfirmButton: false,
        timer: 2500
      });
      return false;
    }
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/guardar_cate" )}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: idCategoria,
          DescripcionCategoria: DescripcionCategoria,
          PorcentajeSobrelimite: PorcentajeSobrelimite,

        },
      })
      .done(function(resp) {
        console.log(resp);
        if (resp.result == 1) {
          type = 'success'
          title = '¡Se ha guardado con éxito!'
        } else {
          type = 'success'
          title = '¡Se ha actualizado con éxito!'
        }
        $('#modalCategorias').modal('hide');
        Swal.fire({
          type: type,
          title: title,
          showConfirmButton: false,
          timer: 2500
        });
        window.location.reload();

        setNewCate();
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  $('#Categorias').change(function() {
    if ($('#Categorias').val() != 0) {
      $('#addCate').hide('slow')
      $('#editCate').show('slow')
    } else {
      $('#addCate').show('slow')
      $('#editCate').hide()
    }
  })
  $('#addC').click(function() {
    $('#idCategoriaHidden').val('')
    $('#DescripcionCategoria').val('')
    $('#PorcentajeSobrelimite').val('')
    $('#modalCategorias').modal('show')

  })

  function setNewCate() {
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/set_cate" )}}',
        type: 'POST',
        dataType: 'json',
      })
      .done(function(resp) {
        console.log(resp.data['Id'])

        $('#Categorias')
          .append('<option value="' + resp.data['Id'] + '">' + resp.data['DescripcionCategoria'] + '</option>');
        new Choices($('#Categorias')[0]);
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function getInfoCate() {
    var idCategorias = $('#Categorias option:selected').val();
    $.ajax({
        url: '{{ url("catalogo/atributos-clientes/get_cate" )}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: idCategorias
        }
      })
      .done(function(resp) {
        $('#idCategoriaHidden').val(resp.data['Id'])
        $('#DescripcionCategoria').val(resp.data['DescripcionCategoria'])
        $('#PorcentajeSobrelimite').val(resp.data['PorcentajeSobrelimite'])
        $('#modalCategorias').modal('show')
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
  }

  function deleteA(tipo) {
    Id = 0;
    if (tipo == 1) {
      Id = $('#Areas option:selected').val();
    } else if (tipo == 2) {
      Id = $('#Zonas option:selected').val();
    } else if (tipo == 3) {
      Id = $('#TipoCliente option:selected').val();
    } else {
      Id = $('#Categorias option:selected').val();
    }

    $.ajax({
        url: '{{url ("catalogo/atributos-clientes/delete")}}',
        type: 'POST',
        dataType: 'json',
        data: {
          Id: Id,
          tipo: tipo
        }
      })
      .done(function(resp) {

        Swal.fire({
          type: 'success',
          title: 'Se ha eliminado correctamente',
          showConfirmButton: false,
          timer: 2500
        });
        window.location.reload();
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
  }
</script>

@endsection