<?php
    defined('BASEPATH') OR exit('No direct script access allowed');
?>
<section class="container">
    <h1 class="center" id="title"><?= lang('adfgvx_title') ?></h1>
    <p class="lead center" id="subtitle"><?= lang('adfgvx_description') ?></p>
    <div class="row col">
        <form action="" class="form w-100" id="adfgvx-encrypt">
            <div class="row">
                <div class="col-md-4 col-xs-12">
                    <div class="form-check form-check-inline">
                        <input type="radio" class="form-check-input" id="adfgvxEncrypt" name="encryptDecrypt" value="encrypt" checked>
                        <label for="adfgvxEncrypt" class="form-check-label"><?= lang('encrypter_encrypt') ?></label>
                    </div>

                    <div class="form-check form-check-inline">
                        <input type="radio" class="form-check-input" id="adfgvxDecrypt" name="encryptDecrypt" value="decrypt">
                        <label for="adfgvxDecrypt" class="form-check-label"><?= lang('encrypter_decrypt') ?></label>
                    </div>

                    <label for="adfgvx-key1"><?= lang('adfgvx_first_key') ?></label>
                    <input type="text" id="adfgvx-key1" class="form-control" placeholder="<?= lang('adfgvx_first_key_ph') ?>">
                    <label for="adfgvx-key2"><?= lang('adfgvx_second_key') ?></label>
                    <input type="text" id="adfgvx-key2" class="form-control" placeholder="<?= lang('adfgvx_second_key_ph') ?>">
                </div>
                <div class="col-md-8 col-xs-12">
                    <div class="form-group">
                        <label for="adfgvx-input" id="adfgvx-input-label"><?= lang('encrypter_decrypted') ?></label>
                        <textarea name="adfgvx-input" id="adfgvx-input" rows="5" class="form-control input-encrypter" placeholder="<?= lang('encrypter_decrypted_ph') ?>" data-placeholder="<?= lang('encrypter_encrypted_ph') ?>"></textarea>
                    </div>
                    <div class="form-group">
                        <label for="adfgvx-output" id="adfgvx-output-label"><?= lang('encrypter_encrypted') ?></label>
                        <textarea name="adfgvx-output" id="adfgvx-output" rows="5"
                                  class="form-control output-encrypter" readonly></textarea>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>