<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <h3 class="page-title">
            {$shcontrollname}
        </h3>
        <div class="page-bar">
            <ul class="page-breadcrumb">
                {$breadcrumbs}
            </ul>
        </div>
        <!-- END PAGE HEADER-->

        <!-- BEGIN PAGE CONTENT-->
        <div class="row">
            <div class="col-md-12">
                <div class="portlet box green" id="form_wizard_1">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-gift"></i> Session - <span class="step-title">
                                Step 1 of 2 </span>
                        </div>
                        <div class="tools hidden-xs">
                            <a href="javascript:;" class="collapse"></a>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <form action="{$hosturl}/controllers/{$controllname}.php?ac=savesession" class="clinick" id="submit_form" method="POST">
                            <div class="form-wizard">
                                <div class="form-body">
                                    <ul class="nav nav-pills nav-justified steps">
                                        <li>
                                            <a href="#tab1" data-toggle="tab" class="step">
                                                <span class="number">
                                                    1 </span>
                                                <span class="desc">
                                                    <i class="fa fa-check"></i> Add members </span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#tab2" data-toggle="tab" class="step">
                                                <span class="number">
                                                    2 </span>
                                                <span class="desc">
                                                    <i class="fa fa-check"></i> Open Session </span>
                                            </a>
                                        </li>
                                    </ul>
                                    <div id="bar" class="progress progress-striped" role="progressbar">
                                        <div class="progress-bar progress-bar-success">
                                        </div>
                                    </div>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab1">

                                            <div class="row">
                                                <div class="col-md-12 col-sm-12">
                                                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                    <div class="portlet box green-haze">
                                                        <div class="portlet-title">
                                                            <div class="caption">
                                                                <i class="fa fa-user"></i> Members Table
                                                            </div>
                                                        </div>
                                                        <div class="portlet-body">
                                                            <table class="table table-striped table-bordered table-hover">
                                                                <thead>
                                                                    <tr>
                                                                        <th class="table-checkbox">
                                                                           Name
                                                                        </th>
                                                                        <th>
                                                                            Attend
                                                                        </th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    {foreach $councilMembers as $member}
                                                                    <tr class="odd gradeX">
                                                                        <td>
                                                                            {$member.name}
                                                                        </td>
                                                                        <td>
                                                                            <input type="checkbox" class="checkboxes memberAttend" value="1" data-userid="{$member.user_id}" {if $new == 1}checked {else}{if $member.attend == 0}{else if $member.attend == 1}checked{/if}{/if}/>
                                                                        </td>
                                                                        
                                                                    </tr>
                                                                    {/foreach}
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <!-- END EXAMPLE TABLE PORTLET-->
                                                </div>

                                            </div>
                                        </div>
                                        <div class="tab-pane" id="tab2">

                                            <div class="portlet-body">
                                                <div class="">
                                                    <table class="table table-bordered table-hover">
                                                        <thead class="idwdet">
                                                            <tr>
                                                                <th>
                                                                    #
                                                                </th>
                                                                <th>
                                                                    Request Name
                                                                </th>
                                                                <th>
                                                                    Details
                                                                </th>
                                                                <th>
                                                                    Delay
                                                                </th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            {assign var=i value=1}
                            {foreach $allRequests as $request}
                            <tr {if $request->delay == 1} style="background-color: gray"{/if}>
                                <td>{$i}</td>
                                <td>{$request->title}</td>
                                <td><a href="#" class="btn green btn-block {if $request->delay == 0}requestDetails_s{/if} " data-requestid="{$request->id}" data-archived="0" id="x{$request->id}">Details </a></td>
                               <td> <input type="checkbox" id="checkbox" class="checkboxes delayRequest" data-requestid="{$request->id}" {if $request->delay == 1}checked{/if}></td>
                            </tr>
                            {capture assign=i}{$i+1}{/capture}
                            {/foreach}
                                                           

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>


                                        </div>
                                    </div>
                                </div>
                                <input name="mycurrentstep" id="mycurrentstep" type="hidden" value="1" />
                                <input type="hidden" id="userId" name="userId" value="{$userId}">
                                <input type="hidden" id="sessionId" name="sessionId" value="{$session->id}">
                                <div class="form-actions">
                                    <div class="row">
                                        <div class="col-md-offset-3 col-md-9">
                                            <a href="javascript:;" class="btn default button-previous">
                                                <i class="m-icon-swapleft"></i> Back </a>
                                            <a href="javascript:;" class="btn blue button-next">
                                                Continue <i class="m-icon-swapright m-icon-white"></i>
                                            </a>
                                            <a href="javascript:;" class="btn green button-submit" id="saveSession">
                                                Submit <i class="m-icon-swapright m-icon-white"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE CONTENT-->
    </div>
</div>
<!-- END CONTENT -->

<!----------------------------------------------------  Models --------------------------------------------------->
<div id="request_div" style="width:100%;background-color:red;"> </div>
 <div id="request" class="modal fade" tabindex="-1" data-width="1000">
     <div id="rDetails"></div>
</div>