import m from "mithril"

var component = {
    view: () => {
        return [
            m('.header', [
                m('span.italic.text-xs', [
                    'Saat ini sudah ',
                    m('strong', [
                        //AccessLog.current.accessed,
                        ' / ',
                        //AccessLog.current.total,
                    ]),
                    ' siswa yang telah melihat pengumuman kelulusan.'
                ]),
                m('h1.title', 'Surat Keterangan Hasil Belajar Siswa SMK Bhakti Anindya'),
                m('span', 'Silahkan masukkan Nama Lengkap dan NISN kamu di bawah ini.'),
            ]),
            m('form.form', {
                onsubmit: e => {
                    e.preventDefault();
                    //Siswa.cariData({
                        //nisn: e.target.elements.nisn.value,
                        //tanggalLahir: e.target.elements.tanggalLahir.value,
                    //});
                }
            },
                m('.form-grid', [
                    m('.form-group', [
                        m('label.form-label[for=input-nisn]', 'NISN'),
                        m('input.form-input.input-text#input-nisn[name=nisn][type=text][autocomplete=off][required]'),
                        m('p.input-helper', [
                            //!_isEmpty(Siswa.error) ?
                            //Siswa.error.errors.siswa != undefined ? m('span.error', Siswa.error.errors.siswa[0] + ' ')
                            //: Siswa.error.errors.nisn != undefined ? m('span.error', Siswa.error.errors.nisn[0] + ' ')
                            //: '' : '',
                            'Nomor Induk Siswa Nasional.',
                        ]),
                    ]),
                    m('.form-group', [
                        m('label.form-label[for=input-tanggalLahir]', 'Tanggal Lahir'),
                        m('input.form-input.input-text#input-tanggalLahir[name=tanggalLahir][type=text][autocomplete=off][required]'),
                        m('p.input-helper', [
                            //!_isEmpty(Siswa.error) && Siswa.error.errors.tanggalLahir != undefined ? m('span.error', Siswa.error.errors.tanggalLahir[0] + ' ') : '',
                            'Tanggal lahir dengan format YYYYMMDD. Contoh: untuk tanggal 29 Mei 2000 ditulis 20000529',
                        ]),
                    ]),
                    m('button.form-submit#input-submit[type=submit]', 'Lihat'),
                ])),
            //m(!_isEmpty(Siswa.current) ? '.letter' : '.letter.hidden', [
            m('.letter', [
                m('span.mobile-info', 'Untuk mencetak surat ini, harap gunakan browser di desktop PC.'),
                m('button.print-button', {
                    onclick: () => {
                        window.print();
                    }
                }, [
                    m.trust('⎙'),
                    ' Print',
                ]),
                m('.letter__header', [
                    m('img[src=img/letter-head.jpg]'),
                ]),
                m('', {
                    style: {
                        height: '1px',
                        width: '100%',
                        backgroundColor: '#000',
                        marginTop: '.5rem',
                    }}),
                m('', {
                    style: {
                        height: '3px',
                        width: '100%',
                    }}),
                m('', {
                    style: {
                        height: '3px',
                        width: '100%',
                        backgroundColor: '#000',
                        marginBottom: '1rem',
                    }}),
                m('.letter__body', [
                    m('strong.letter__body-header', [
                        m('p', m('u', 'SURAT KETERANGAN')),
                        m('p.font-normal', 'Nomor: 077/SMK-BA/V/2019'),
                    ]),
                    m('br'),
                    m('table', [
                        m('tr',
                            m('td[colspan=6]', 'Yang bertanda tangan di bawah ini :')),
                        m('tr', [
                            m('td'),
                            m('td', 'Nama'),
                            m('td', ':'),
                            m('td[colspan=3]', 'Drs. Engkos Kosasih, M.M.'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'Jabatan'),
                            m('td', ':'),
                            m('td[colspan=3]', 'Kepala Sekolah'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'Asal Sekolah'),
                            m('td', ':'),
                            m('td[colspan=3]', 'SMK Bhakti Anindya'),
                        ]),
                        m('tr',
                            m('td',
                                m.trust(' '))),
                        m('tr',
                            m('td[colspan=6]', 'Menerangkan bahwa')),
                        m('tr',
                            m('td',
                                m.trust(' '))),
                        m('tr', [
                            m('td'),
                            m('td', 'Nama'),
                            m('td', ':'),
                            m('td[colspan=3]', 'A\'AN SAPUTRA'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'Tempat / Tanggal Lahir'),
                            m('td', ':'),
                            m('td', 'SAMARINDA'),
                            m('td[colspan=2]', ', 22 JANUARI 2001'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'NIS / NISN'),
                            m('td', ':'),
                            m('td', '1166189'),
                            m('td[colspan=2]', '/ 0013312008'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'Nomor Peserta'),
                            m('td', ':'),
                            m('td[colspan=3]', '4-19-30-02-059-001-8'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'Kelas'),
                            m('td', ':'),
                            m('td[colspan=3]', 'XII TKJ 1'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'Bidang Studi Keahlian'),
                            m('td', ':'),
                            m('td[colspan=3]', 'Teknologi Informasi dan Komunikasi'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'Program Studi Keahlian'),
                            m('td', ':'),
                            m('td[colspan=3]', 'Teknik Komputer dan Informatika'),
                        ]),
                        m('tr', [
                            m('td'),
                            m('td', 'Kompetensi Keahlian'),
                            m('td', ':'),
                            m('td[colspan=3]', 'Teknik Komputer dan Jaringan'),
                        ]),
                        m('tr',
                            m('td',
                                m.trust(' '))),
                        m('tr',
                            m('td[colspan=6]', 'Adalah benar siswa SMK Bhakti Anindya, Kota Tangerang dan pada tanggal 13 Mei 2019 telah dinyatakan lulus')),
                        m('tr',
                            m('td[colspan=6]', 'Berikut hasil belajar siswa tersebut :')),
                        m('tr',
                            m('td',
                                m.trust(' '))),
                        m('tr',
                            m('td[colspan=6]',
                                m('table.nilai', [
                                    m('tr', [
                                        m('th', { style: { width: '5%' } }, 'No.'),
                                        m('th[colspan=2]', 'Mata Pelajaran'),
                                        m('th.long.md:w-1/5', 'Rata-rata Raport Semester 1-6'),
                                        m('th.short.md:w-1/5', 'Raport'),
                                        m('th.long.md:w-1/5', 'Ujian Sekolah Berstandar Nasional'),
                                        m('th.short.md:w-1/5', 'USBN'),
                                        m('th.long.md:w-1/5', 'Ujian Nasional Berbasis Komputer'),
                                        m('th.short.md:w-1/5', 'UNBK'),
                                    ]),
                                    m('tr', [
                                        m('th', 'A.'),
                                        m('th[colspan=5].text-left', 'Normatif'),
                                    ]),
                                    m('tr', [
                                        m('td.text-right', '1.'),
                                        m('td[colspan=2]', 'Pendidikan Agama'),
                                        m('td.text-center', 'xx.xx'),
                                        m('td.text-center', 'xx.xx'),
                                        m('td.text-center', 'xx.xx'),
                                    ]),
                                    m('tr', [
                                        m('th[colspan=3]', 'Rata-rata'),
                                        m('td.text-center', 'xx.xx'),
                                        m('td.text-center', 'xx.xx'),
                                        m('td.text-center', 'xx.xx'),
                                    ]),
                                ]))),
                        m('tr',
                            m('td',
                                m.trust(' '))),
                        m('tr',
                            m('td[colspan=6]', 'Demikian Surat Keterangan ini dibuat untuk siswa yang bersangkutan melanjutkan ke jenjang yang lebih tinggi.')),
                    ]),
                    m('table.signature', [
                        m('tr',
                            m('td', 'Tangerang, 13 Mei 2019')),
                        m('tr',
                            m('td', 'Kepala Sekolah,')),
                        m('tr',
                            m('td',
                                m('.letter__sign', { style: { height: '3rem' } }))),
                        m('tr',
                            m('td', 'Drs. Engkos Kosasih, M.M.')),
                    ]),
                ]),
            ]),
        ];
    },
};

export default component;