<?php
    defined('BASEPATH') OR exit('No direct script access allowed');
?>

<section class="container">
    <h1 class="center"><?= lang('base64_title'); ?></h1>
    <p class="lead center"><?= lang('base64_description'); ?></p>
    <div class="row">
        <form class="form w-100" action="" method="" id="base64-encode">
            <div class="row">
                <div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <label for="input"><?= lang('base64_input'); ?></label>
                    <textarea name="input" id="input" rows="8" class="form-control" placeholder="<?= lang('base64_input2'); ?>"></textarea>
                </div>
                <div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <label for="output"><?= lang('base64_output'); ?></label>
                    <textarea name="output" rows="8" class="form-control" placeholder="<?= lang('base64_output2'); ?>" id="output" readonly></textarea>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="row">
                        <label class="radio-inline d-inline">
                            <input type="radio" name="encodeDecode" id="encode" value="<?= lang('base64_encode'); ?>" checked> <?= lang('base64_encode'); ?>
                        </label>
                        <label class="radio-inline d-inline">
                            <input type="radio" name="encodeDecode" id="decode" value="<?= lang('base64_decode'); ?>"> <?= lang('base64_decode'); ?>
                        </label>
                    </div>
                </div>
                <button type="button" class="btn btn-primary col-sm-9" name="submit" id="submit"><?= lang('base64_encode'); ?></button>
            </div>
        </form>
    </div>
</section>