ProntoEvents_Attendee__c:{Attendee_Name__c=qwe, Email_Address__c=qwe@gmail.com, Title__c=qwe, Company__c=qwe, Dietary_Requirements__c=qwe, Comments__c=qwe},
ProntoEvents_Attendee__c:{Attendee_Name__c=asd, Email_Address__c=asd@gmail.com, Title__c=asd, Company__c=asd, Dietary_Requirements__c=asd, Comments__c=asd},
ProntoEvents_Attendee__c:{Attendee_Name__c=zxc, Email_Address__c=zxc@gmail.com, Title__c=zxc, Company__c=zxc})

<apex:form>
<div class="details">
<div class="form-horizontal">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <apex:variable value="{!1}" var="rowNum"/>
        <apex:repeat var="selectedproduct" value="{!selectedproducts}">
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading{!rowNum}">
                <h5 class="ticket-type">Ticket Type</h5>
                <h4 class="panel-title">{!selectedproduct.ProntoEvents_Product_Name__c}</h4>
                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{!rowNum}" aria-expanded="false" aria-controls="collapse{!rowNum}">
                    <div class="icon-group">
                        <i class="gear-icon"></i><i class="glyphicon glyphicon-triangle-top"></i><i class="glyphicon glyphicon-triangle-bottom"></i>
                    </div>
                </a>
            </div>
            <div id="collapse{!rowNum}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{!rowNum}">
                <div class="panel-body">

                    <apex:outputPanel rendered="{!selectedproduct.Show_Attendee_Name__c == true}">
                    <div class="form-group">
                        <label for="firtname" class="col-sm-4 control-label"><i class="asterisk">*</i> Attendee Name</label>
                        <div class="col-sm-8">
                            <apex:inputField value="{!pea.Attendee_Name__c}" styleClass="form-control"/>
                        </div>
                    </div>
                    </apex:outputPanel>

                    <apex:outputPanel rendered="{!selectedproduct.Show_Email_Address__c == true}">
                    <div class="form-group">
                        <label for="emailaddress" class="col-sm-4 control-label"><i class="asterisk">*</i> Email Address</label>
                        <div class="col-sm-8">
                            <apex:inputField value="{!pea.Email_Address__c}" styleClass="form-control"/>
                        </div>
                    </div>
                    </apex:outputPanel>

                    <apex:outputPanel rendered="{!selectedproduct.Show_Title__c == true}">
                    <div class="form-group">
                        <label for="confirmemail" class="col-sm-4 control-label"><i class="asterisk">*</i> Title</label>
                        <div class="col-sm-8">
                            <apex:inputField value="{!pea.Title__c}" styleClass="form-control"/>                                                        </div>
                    </div>
                    </apex:outputPanel>

                    <apex:outputPanel rendered="{!selectedproduct.Show_Company__c == true}">
                    <div class="form-group">
                        <label for="confirmemail" class="col-sm-4 control-label"><i class="asterisk">*</i> Company</label>
                        <div class="col-sm-8">
                            <apex:inputField value="{!pea.Company__c}" styleClass="form-control"/>
                        </div>
                    </div>
                    </apex:outputPanel>

                    <apex:outputPanel rendered="{!selectedproduct.Show_Dietary_Requirements__c == true}">
                    <div class="form-group">
                        <label for="confirmemail" class="col-sm-4 control-label"><i class="asterisk">*</i> Dietary Req.</label>
                        <div class="col-sm-8">
                            <apex:inputField value="{!pea.Dietary_Requirements__c}" styleClass="form-control"/>
                        </div>
                    </div>
                    </apex:outputPanel>

                    <apex:outputPanel rendered="{!selectedproduct.Show_Comments__c == true}">
                    <div class="form-group">
                        <label for="confirmemail" class="col-sm-4 control-label"><i class="asterisk">*</i> Comments</label>
                        <div class="col-sm-8">
                            <apex:inputField value="{!pea.Comments__c}" styleClass="form-control"/>
                        </div>
                    </div>
                    </apex:outputPanel>

                </div>
            </div>
        </div>
        <apex:variable var="rowNum" value="{!rowNum + 1}"/>
        </apex:repeat>
    </div>
    <div class="form-group">
    <label for="confirmemail" class="col-sm-4 control-label"></label>
        <div class="col-sm-8">
            <apex:commandButton action="{!SaveAttendee}" value="PROCEED" styleClass="btn btn-success btn-proceed"/>
        </div>
    </div>
</div>
</div>
</apex:form>