'use client'

import Image from 'next/image'

import { Swiper, SwiperSlide } from 'swiper/react'
import { Navigation, Pagination } from 'swiper/modules'

import { images } from '@/lib/images'

import 'swiper/css'
import 'swiper/css/navigation'
import 'swiper/css/pagination'

export default function GoKitPage() {

    return (
        <div>
            <h1 className="text-2xl font-black text-center mb-10">Go Kit (Command Center)</h1>
            <p className="mb-10">Like many others in the hobby I wanted to build a go kit. However while many focus on making them quick and small, this however is not that. I wanted to make something that was more of a command center with both VHF/UHF and HF. Also incorporate a mini pc to be used for digital modes and other means. This is build using a 4U case and utlizes a custom 3D printed 2U top panel I designed myself. This project is not fully completed at the moment. </p>

            <Swiper
            navigation
            pagination={{ type: 'fraction' }}
            modules={[Navigation, Pagination]}
            onSwiper={swiper => console.log(swiper)}
            className='h-125 w-full rounded-lg'
            >
            {images.map((image, index) => (
                <SwiperSlide key={index}>
                <div className='flex h-full w-full items-center justify-center'>
                    <Image
                    src={image.src}
                    alt={image.alt}
                    className='block h-full w-full object-cover'
                    />
                </div>
                </SwiperSlide>
            ))}
            </Swiper>

            <h2 className="text-xl font-black mt-10">Current List of parts:</h2>

            <ul className="list-disc list-inside">
                <li>4U, 13in Gator Case - https://gatorco.com/product/4u-13-deep-molded-audio-rack-g-pro-4u-13/</li>
                <li>2 2U rack shelves</li>
                <li>Custom 3D printed 2U Rack Panel</li>
                <li>2.5in 8W Speakers</li>
                <li>2 LED Lights</li>
                <li>uBITX v6 HF Radio - https://www.hfsignals.com/index.php/ubitx-v6/</li>
                <li>Mini PC running off 12volts running Arch Linux</li>
                <li>AARL End-Fed Half-Wave Antenna - https://www.arrl.org/end-fed-half-wave-antenna-kit</li>
            </ul>
        </div>
    )
}