<form id="offer-form" class="form-horizontal">
    <div class="form-group">
        <label for="offers" class="control-label col-sm-3">Offers</label>
        <div class="col-sm-7">
            <select id="offers" name="offers" class="form-control">
                @foreach ($type->offers as $offer)
                    <option value="{{ $offer->url() }}">{{ $offer->label() }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-7 col-sm-offset-3">
            <button class="btn btn-primary pull-right">Choose</button>
        </div>
    </div>
</form>

@push('scripts')
    <script>
        jQuery(function ($) {
            $('#offer-form').on('submit', function (e) {
                e.preventDefault();

                var url = $(this).find('#offers').val();

                window.location.href = url;
            })
        });
    </script>
@endpush
