<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<section class="container" id="encryption-container">
    <div class="row">
        <ul class="nav nav-tabs" role="tablist" id="encrypter-tab-switch">
            <li class="nav-item" role="presentation">
                <a href="#adfgvx" class="nav-link <?= $active == 'adfgvx' ? 'active show' : '' ?>" aria-controls="adfgvx" aria-selected="<?= $active == 'adfgvx' ? 'true' : 'false' ?>" role="tab" data-toggle="tab">
                    <?= lang('encrypter_adfgvx') ?>
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a href="#atbash" class="nav-link <?= $active == 'atbash' ? 'active show' : '' ?>" aria-controls="atbash" aria-selected="<?= $active == 'atbash' ? 'true' : 'false' ?>" role="tab" data-toggle="tab">
                    <?= lang('encrypter_atbash') ?>
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a href="#caesar" class="nav-link <?= $active == 'caesar' ? 'active show' : '' ?>" aria-controls="caesar" aria-selected="<?= $active == 'caesar' ? 'true' : 'false' ?>" role="tab" data-toggle="tab">
                    <?= lang('encrypter_caesar') ?>
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a href="#gartenzaun" class="nav-link <?= $active == 'gartenzaun' ? 'active show' : '' ?>" aria-controls="gartenzaun" aria-selected="<?= $active == 'gartenzaun' ? 'true' : 'false' ?>" role="tab" data-toggle="tab">
                    <?= lang('encrypter_') ?>
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a href="#monosubkey" class="nav-link <?= $active == 'monosubkey' ? 'active show' : '' ?>" aria-controls="monosubkey" aria-selected="<?= $active == 'monosubkey' ? 'true' : 'false' ?>" role="tab" data-toggle="tab">
                    <?= lang('encrypter_monosubkey') ?>
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a href="#playfair" class="nav-link <?= $active == 'playfair' ? 'active show' : '' ?>" aria-controls="playfair" aria-selected="<?= $active == 'playfair' ? 'true' : 'false' ?>" role="tab" data-toggle="tab">
                    <?= lang('encrypter_playfair') ?>
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a href="#vigenere" class="nav-link <?= $active == 'vigenere' ? 'active show' : '' ?>" aria-controls="vigenere" aria-selected="<?= $active == 'vigenere' ? 'true' : 'false' ?>" role="tab" data-toggle="tab">
                    <?= lang('encrypter_vigenere') ?>
                </a>
            </li>
        </ul>
        <div class="tab-content w-100">
            <div id="caesar" role="tabpanel" class="tab-pane fade <?= $active == 'caesar' ? 'active show' : '' ?>">
                <?php $this->load->view('tools/encrypter/caesar'); ?>
            </div>
            <div id="adfgvx" role="tabpanel" class="tab-pane fade <?= $active == 'adfgvx' ? 'active show' : '' ?>">
                <?php $this->load->view('tools/encrypter/adfgvx'); ?>
            </div>
            <div id="atbash" role="tabpanel" class="tab-pane fade <?= $active == 'atbash' ? 'active show' : '' ?>">
                <?php $this->load->view('tools/encrypter/atbash'); ?>
            </div>
            <div id="gartenzaun" role="tabpanel" class="tab-pane fade <?= $active == 'gartenzaun' ? 'active show' : '' ?>">
                <?php $this->load->view('tools/encrypter/gartenzaun'); ?>
            </div>
            <div id="monosubkey" role="tabpanel" class="tab-pane fade <?= $active == 'monosubkey' ? 'active show' : '' ?>">
                <?php $this->load->view('tools/encrypter/monosubkey'); ?>
            </div>
            <div id="playfair" role="tabpanel" class="tab-pane fade <?= $active == 'playfair' ? 'active show' : '' ?>">
                <?php $this->load->view('tools/encrypter/playfair'); ?>
            </div>
            <div id="vigenere" role="tabpanel" class="tab-pane fade <?= $active == 'vigenere' ? 'active show' : '' ?>">
                <?php $this->load->view('tools/encrypter/vigenere'); ?>
            </div>
        </div>
    </div>
</section>