<?php
    defined('BASEPATH') OR exit('No direct script access allowed');
?>
<section class="container">
    <h1 class="center"><?= lang('url_title'); ?></h1>
    <p class="lead center"><?= lang('url_description'); ?></p>
    <div class="row">
        <form class="form w-100" action="" method="" id="url-encode">
            <div class="row">
                <div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <label for="input"><?= lang('url_input'); ?></label>
                    <textarea name="input" id="input" rows="8" class="form-control" placeholder="<?= lang('url_input2'); ?>"></textarea>
                </div>
                <div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <label for="output"><?= lang('url_output'); ?></label>
                    <textarea name="output" rows="8" class="form-control" placeholder="<?= lang('url_output2'); ?>" id="output" readonly></textarea>
                </div>
            </div>
            <div class="row">
                <div class="form-group col-sm-3">
                    <label class="radio-inline">
                        <input type="radio" name="encodeDecode" id="encode" value="<?= lang('url_encode'); ?>" checked> <?= lang('url_encode'); ?>
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="encodeDecode" id="decode" value="<?= lang('url_decode'); ?>"> <?= lang('url_decode'); ?>
                    </label>
                </div>
                <button type="button" class="btn btn-primary col-sm-9" name="submit" id="submit"><?= lang('url_encode'); ?></button>
            </div>
        </form>
    </div>
</section>