<div class="row">
    <h3>Audience Segment</h3>
    <div style="display:block;">
        <form>
            <div id="campaignwizard">
                <!-- begin wizard step-2 -->
                <div>
                    <div class="jumbotron m-b-0" style="height:370px;padding-top:5px">
                    <!--  <div ng-include src="'partials/audienceListing.html'"></div> -->
                            <div class="col-md-4">
                                    <!--Start col-12-->	
                                <div class="col-12 ui-sortable" style="padding-top:50px;">
                                    <div class="panel-body">
                                        <div class="col-md-12 col-sm-12" >
                                            <div class="widget widget-stats bg-blue" >
                                                <div class="stats-icon"></div>
                                                <div class="stats-info">
                                                    <h4 style="text-align:center;font-weight:bold;font-size:20px;">Select from Existing Audience Segments</h4>
                                                </div>
                                            </div>
                                        </div>

                                        </div>
                                        <div style="text-align:center;color: black; font-size: 20px;font-weight: bold;">OR</div>
                                        <div class="panel-body">
                                            <a href="dashboard?action=aud#/aud/create">
                                                <div class="col-md-12 col-sm-12" >
                                                <div class="widget widget-stats bg-orange" >
                                                    <div class="stats-icon"></div>
                                                    <div class="stats-info">
                                                        <h4 style="text-align:center;font-weight:bold;font-size:20px;">Create New Audience Segments</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        </div>
                                        <!--End panel-body-->	
                                    </div>
                                    <!--End col-12-->
                            </div>                                          
                            <div class="col-md-6">
                                <div class="col-12 ui-sortable" >
                                    <div class="panel-body" >
                                        <div style="overflow:auto;height:300px">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr class="bg-green" >
                                                        <th style="color:#fff">Select</th>
                                                        <th style="color:#fff">Audience Segment</th>
                                                    </tr>
                                                </thead>
                                                <tbody> 
                                                <!-- {{getAudienceSegments | json}} -->
                                                    <tr ng-repeat="audList in audienceSegments track by $index">
                                                        <td><!-- {{(audList.name == 'All Audience')}} -->
                                                            <input type="radio" id="{{audList._id}}"  name="audiencelist" ng-model="audienceSegment.audid" ng-value="audList._id" ng-click="selectAudienceSegment($index, audList._id, audList.name);">
                                                        </td>
                                                        <td>
                                                            <span>{{audList.name}}</span>
                                                        </td>
                                                        
                                                    </tr>
                                                    
                                                </tbody>
                                            </table>
                                        </div>
                                        <div style="text-align:center;display:block">
                                            <button type="button" class="btn btn-sm btn-success" ng-click="submit();">Submit</button>
                                            <button type="button" class="btn btn-sm btn-success" ng-click="cancel();">Cancel</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
                <!-- end wizard step-2 -->								
            </div>
        </form>
    </div>
</div>