I want to show the row div every 3 item... but I can't seem to get this to work correctly...

                {{ discounts }}
                    {{ if {index % 3 == 0} }}
                        <div class="row">
                    {{ endif }}
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="dsbox text-center">
                                <div class="s_icon2"><img src="{{ theme:images src="scissor-icon.png" }}" alt=""/></div>
                                <h5 class="clr_dbrown fw500 mb5">{{ start_date format="F jS" }} - {{ end_date format="F jS" }}</h5>
                                <h6>{{ details | title }}</h6>
                            </div>
                        </div>
                    {{ if {index % 3 == 0} }}
                        </div>
                    {{ endif }}
                {{ /discounts }}