<script setup lang="js">
import GenericSection from './GenericSection.vue'
import ImgSection from './ImgSection.vue'

const emit = defineEmits(['viewImage'])
</script>

<template>
  <GenericSection>
    <template #title>projects</template>
    <template #content>
      <div class="flex flex-col gap-5">
        <div>
          <ImgSection
            :images="['autowycena1.png', 'autowycena2.png']"
            @open="(image) => emit('viewImage', image)"
          />
          <h4 class="font-bold text-xl">autowycena <sub>(autoOffer)</sub></h4>
          <p>automatic offer processer and sender with easy manual intervention</p>
          <p><sup>(code not available)</sup></p>
        </div>
        <div>
          <ImgSection :images="['tv.jpg']" @open="(image) => emit('viewImage', image)" />
          <h4 class="font-bold text-xl">
            <a class="link" href="https://tvannouncements.netman.ovh"> tv announcements </a>
          </h4>
          <p>(school) display for announcements, 🕔 🌞 (+AQI), and even video</p>
          <p><sup>(code not available)</sup></p>
        </div>
        <div>
          <ImgSection
            :images="['prawo_jazdy1.png', 'prawo_jazdy2.png', 'prawo_jazdy3.png']"
            @open="(image) => emit('viewImage', image)"
          />
          <h4 class="font-bold text-xl">
            <a class="link" href="https://git.mandarynki.eu/netman/nuxt-prawo-jazdy">
              prawo jazdy <sub>(driver's exam)</sub>
            </a>
          </h4>
          <p>
            driver's Polish theoritical exam app<sub>/website</sub> using
            <a class="link" href="https://www.gov.pl/web/infrastruktura/prawo-jazdy">
              official resources
            </a>
          </p>
        </div>
        <div>
          <h5 class="font-bold text-md">
            <a class="link" href="https://github.com/netman134/faktmobile-kody">
              faktmobile kody <sub>(sim gift codes)</sub>
            </a>
          </h5>
          <p>automatically scrape and enter codes for free 💬 ☎️ & 🛜 for faktmobile</p>
        </div>
        <div>
          <h5 class="font-bold text-md">
            <a class="link" href="https://niedziela.netman.ovh">
              dziśhandlowa <sub>(check shopping sunday)</sub>
            </a>
          </h5>
          <p>
            <a class="link" href="https://github.com/netman134/dzishandlowa">(code)</a>
            quick, no-nonsense info about next<sup>incoming</sup> Polish shopping sunday[s]
          </p>
        </div>
      </div>
    </template>
  </GenericSection>
</template>
