{if  isset($operations_rooms) and $operations_rooms|@count > 0}
<div class="row">
    <div class="col-md-12">
        <div class="portlet light ">
            <div class="portlet-title">
                <div class="caption fright">
                    <i class="icon-edit font-dark"></i>
                    <span class="caption-subject font-dark bold uppercase">غرف العمليات والحجز</span>
                </div>
                <div class="actions fleft">
                    <a class="btn green-sharp uppercase bold" id="reserve_room_btn" >احجز موعد</a>
                    <a class="btn red-intense uppercase bold" id="remove_reserve_btn">الغاء حجز</a>
                </div>
            </div>
            <div class="search-container rtl ">
                <ul>
                    {foreach $operations_rooms as $room}
                    <li class="search-item clearfix txtr">
                        <div class="search-content">
                            <h2 class="search-title">
                                <a href="javascript:;">{$room->name}</a>
                            </h2>
                            <div class="search-desc">
                                <div class="icheck-inline">
                                    {foreach $room->times as $time}
                                    <!--                                                {if $time.status == 1}checked{/if}-->
                                    <label style="    margin-bottom: 5px;margin-left: 15px;">
                                        <input type="checkbox" class="icheck" data-checkbox="icheckbox_line-{$time.color}"
                                               data-reserve-status={$time.status} data-room-id="{$room->id}"
                                               {if $time.status == 1}data-saved-id="{$time.saved_id}" {/if}
                                               {if $time.status== 3}disabled{/if}  data-label="{$time.hour_text}"> 
                                    </label>
                                    {/foreach}
                                </div>

                            </div>
                        </div>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>

    </div>

</div>
{/if}


<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" 
     id="reserve_room_modal" style="min-width:1000px;">
    <div class="modal-dialog  modal-lg wds90">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">حجز موعد</h4>
            </div>
            <div class="modal-body" id="residence_container">
                <img src="{$path}/_assets/global/img/loading-spinner-grey.gif" alt="" class="loading">
                <span> &nbsp;&nbsp;تحميل... </span>
            </div>
        </div>
    </div>
</div>