<template>
  <div v-if="show" class="overlaydiv">
    <div class="overlaycontentdiv modul">
      <div class="overlayheader">KOMPETENZMODUL</div>
      <div class="div-block-2">
        <div class="text-block-6 withspace">Bezeichnung:&nbsp;</div>
        <div class="form-block-3 w-form">
          <form id="email-form" name="email-form" data-name="Email Form">
            <input
              type="text"
              id="name-3"
              name="name-3"
              data-name="Name 3"
              maxlength="256"
              class="text-field-2 w-input"
            >
          </form>
          <div class="w-form-done"></div>
          <div class="w-form-fail"></div>
        </div>
      </div>
      <div class="div-block-2 top">
        <div class="text-block-6 withspace">Bezeichnung:&nbsp;</div>
        <div class="form-block-4 w-form">
          <form id="email-form-2" name="email-form-2" data-name="Email Form 2">
            <input
              type="text"
              id="name-2"
              name="name-2"
              data-name="Name 2"
              maxlength="256"
              class="text-field-3 w-input"
            >
          </form>
          <div class="w-form-done"></div>
          <div class="w-form-fail"></div>
        </div>
      </div>
      <div class="assignmentdiv">
        <div class="assignmentheader">SCHULTYPEN</div>
        <div class="assignmentbody">
          <div class="assignmentcolumn">
            <div class="assignmentcolumnheader">Verfügbar</div>
            <div class="assignmentcolumnscrolldiv">
              <div class="assignmentcolumncontent">
                <div class="assignmentcontenttext">VS</div>
              </div>
            </div>
          </div>
          <div class="assignmentbuttons">
            <a href="#" class="arrowrightbutton w-button"></a>
            <a href="#" class="arrowleftbutton w-button"></a>
          </div>
          <div class="assignmentcolumn">
            <div class="assignmentcolumnheader">Zugeordnet</div>
            <div class="assignmentcolumnscrolldiv">
              <div class="assignmentcolumncontent">
                <div class="assignmentcontenttext">HTL</div>
                <div class="assignmentcontenttext">HAK</div>
                <div class="assignmentcontenttext">AHS</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <a href="#" class="overlaybutton w-button">SPEICHERN</a>
    </div>
    <a @click="hide" href="#" class="closedialogbutton w-button"></a>
  </div>
</template>

<script>
import overlay from "@/components/mixins/overlay.mixin";
export default {
  mixins: [overlay]
};
</script>

<style>
</style>
