<template>
  <div>
    <div ref="modal" class="modal" tabindex="-1">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Duomenų naudojimo pranešimas</h5>
          </div>
          <div class="modal-body">
            <p>
              Norime jus informuoti, kad sutikdami su šituo duomenų sutikimo jus
              KTU studentų atstovybei sutinkate perduoti savo duomenis, tokius
              kaip el. pašto adresas, indentifikacijos kodas, jūsų vardas ir
              pavardė, ir kitus svarbūs identifikavimo duomenis apie jus.
            </p>
            <p>
              Norime informuoti, kad ši programa naudoja sausainiukus ir vietinę
              saugyklą, kad užtikrintų sklandų veikimą.
            </p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" @click="confirm">
              Sutinku
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { Modal } from 'bootstrap'
export default {
  data() {
    return {
      modal: null,
    }
  },
  methods: {
    confirm() {
      this.modal.hide()
      window.localStorage.setItem('conf', 'true')
    },
  },
  mounted() {
    var el = this.$refs.modal
    this.modal = new Modal(el, {
      keyboard: false,
      backdrop: 'static',
    })

    if (!window.localStorage.getItem('conf')) {
      this.modal.show()
    }
  },
}
</script>
