Back to Layouts List

School Free Transport

Free School Transport Part 2

Current school (or education scheme)

Type of travel
Flexible travel

If you need to travel fewer than 5 days per week or to more than one site?

Previous
<h1 class="heading-large">Current school (or education scheme)</h1>

<form action="free_school_transport_part_3" method="post">
<div class="content-block">

    <fieldset>
        <div class="form-group">
            <label for="name-of-school">
                <span class="form-label-bold">Name of school</span>
            </label>
            <input class="form-control" id="name-of-school" type="text" name="name-of-school">
        </div>
    </fieldset>

    <div class="form-group">
        <fieldset>
            <legend class="form-label-bold">Type of travel</legend>

            <label class="block-label" for="bus">
                <input id="bus" type="radio" name="type-of-travel" value="Bus">
                Bus
            </label>

            <label class="block-label" for="rail" data-target="train-fields">
                <input id="rail" type="radio" name="type-of-travel" value="Rail">
                Rail
            </label>

            <div id="train-fields" class="panel-indent js-hidden">
                <div class="form-group">
                    <label class="form-label-bold" for="transport-required-from">Transport required from <span class="unbold">(station name)</span></label>
                    <input class="form-control" id="transport-required-from" type="text" name="transport-required-from">
                </div>

                <div class="form-group">
                    <label class="form-label-bold" for="transport-required-to">Transport required to <span class="unbold">(station name)</span></label>
                    <input class="form-control" id="transport-required-to" type="text" name="transport-required-to">
                </div>
            </div>

            <label class="block-label" for="fuel-allowance">
                <input id="fuel-allowance" type="radio" name="type-of-travel" value="Fuel allowance">
                Fuel allowance
            </label>
        </fieldset>
    </div>

    <div class="form-group">
        <fieldset class="inline">
            <legend class="form-label-bold">Flexible travel</legend>

            <p>If you need to travel fewer than 5 days per week or to more than one site?</p>

            <label class="block-label" for="yes" data-target="what-days-of-the-week">
                <input id="yes" type="radio" name="flexible-travel" value="Yes">
                Yes
            </label>

            <label class="block-label" for="no">
                <input id="no" type="radio" name="flexible-travel" value="No">
                No
            </label>
        </fieldset>

        <div class="panel-indent js-hidden" id="what-days-of-the-week">
            <div class="form-group">
                <label for="where-are-you-travelling-to">
                    <span class="form-label-bold">Site(s) you are travelling to</span>
                </label>
                <input class="form-control" id="where-are-you-travelling-to" name="travelling-to" type="text">
            </div>

            <div class="form-group">
                <label>
                    <span class="form-label-bold">What days of the week you’ll be travelling</span>
                </label>

                <label class="block-label" for="monday">
                    <input id="monday" type="checkbox" name="days-traveling" value="Monday">
                    Monday
                </label>

                <label class="block-label" for="tuesday">
                    <input id="tuesday" type="checkbox" name="days-traveling" value="Tuesday">
                    Tuesday
                </label>

                <label class="block-label" for="wednesday">
                    <input id="wednesday" type="checkbox" name="days-traveling" value="Wednesday">
                    Wednesday
                </label>

                <label class="block-label" for="thursday">
                    <input id="thursday" type="checkbox" name="days-traveling" value="Thursday">
                    Thursday
                </label>

                <label class="block-label" for="friday">
                    <input id="friday" type="checkbox" name="days-traveling" value="Friday">
                    Friday
                </label>
            </div>
        </div>
    </div><!-- .form-group -->

    <div class="form-step-buttons">
        <a href="free_school_transport_part_1" class="button left">Previous</a>
        <button type="submit" class="button right">Continue</button>
    </div>

</div>
</form>