<div class="page-content-wrapper">
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet box blue">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-users"></i>Rooms Report
                        </div>
                    </div>
                    <div class="portlet-body all">

                        <!--Begin Semen-->

                        <div class="row">
                            <div class="rooms_report_tab tabbable-custom nav-justified" style="margin-top: 15px">
                                <ul class="nav nav-tabs nav-justified" id="rooms_report">
                                    <li class="active">
                                        <a href="#tab_floor_6" data-name="floor_6" data-toggle="tab" aria-expanded="true"> دور 6</a>
                                    </li>
                                    <li class="">
                                        <a href="#tab_floor_7" data-name="floor_7" data-toggle="tab" aria-expanded="false">دور 7</a>
                                    </li>
                                    <li class="">
                                        <a href="#tab_floor_8" data-name="floor_8" data-toggle="tab" aria-expanded="false">دور 8</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane active" id="tab_floor_6">
                                        <table class="table mt-15 dir-ar">
                                            <thead>
                                            <tr class="tr-p-10">
                                                <th>رقم الغرفة</th>
                                                <th>رقم المريض</th>
                                                <th>اسم المريض</th>
                                                <th>الطبيب المعالج</th>
                                                <th>العملية</th>
                                                <th>دخول العملية</th>
                                                <th>خروج العملية</th>
                                                <th>وقت الدخول</th>
                                                <th>وقت الخروج</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {foreach $residence_rooms as $room}
                                                {if $room->floor_no eq 6}
                                                    <tr>
                                                        <td>{$room->name}</td>
                                                        <td>{$room->statusno}</td>
                                                        <td>{$room->patient_name}</td>
                                                        <td>{$room->doctor_name}</td>
                                                        <td>{$room->op_type}</td>
                                                        <td>{$room->op_enter_time}</td>
                                                        <td>{$room->op_exit_time}</td>
                                                        <td>{$room->enter_time}</td>
                                                        <td>{$room->exit_time}</td>
                                                    </tr>
                                                {/if}
                                            {/foreach}
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane" id="tab_floor_7">
                                        <table class="table mt-15 dir-ar">
                                            <thead>
                                            <tr class="tr-p-10">
                                                <th>رقم الغرفة</th>
                                                <th>رقم المريض</th>
                                                <th>اسم المريض</th>
                                                <th>الطبيب المعالج</th>
                                                <th>العملية</th>
                                                <th>دخول العملية</th>
                                                <th>خروج العملية</th>
                                                <th>وقت الدخول</th>
                                                <th>وقت الخروج</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {foreach $residence_rooms as $room}
                                                {if $room->floor_no eq 7}
                                                    <tr class="brown-tr">
                                                        <td>{$room->name}</td>
                                                        <td>{$room->statusno}</td>
                                                        <td>{$room->patient_name}</td>
                                                        <td>{$room->doctor_name}</td>
                                                        <td>{$room->op_type}</td>
                                                        <td>{$room->op_enter_time}</td>
                                                        <td>{$room->op_exit_time}</td>
                                                        <td>{$room->enter_time}</td>
                                                        <td>{$room->exit_time}</td>
                                                    </tr>
                                                {/if}
                                            {/foreach}
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane" id="tab_floor_8">
                                        <table class="table mt-15 dir-ar">
                                            <thead>
                                            <tr class="tr-p-10">
                                                <th>رقم الغرفة</th>
                                                <th>رقم المريض</th>
                                                <th>اسم المريض</th>
                                                <th>الطبيب المعالج</th>
                                                <th>العملية</th>
                                                <th>دخول العملية</th>
                                                <th>خروج العملية</th>
                                                <th>وقت الدخول</th>
                                                <th>وقت الخروج</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {foreach $residence_rooms as $room}
                                                {if $room->floor_no eq 8}
                                                    <tr class="blue-tr">
                                                        <td>{$room->name}</td>
                                                        <td>{$room->statusno}</td>
                                                        <td>{$room->patient_name}</td>
                                                        <td>{$room->doctor_name}</td>
                                                        <td>{$room->op_type}</td>
                                                        <td>{$room->op_enter_time}</td>
                                                        <td>{$room->op_exit_time}</td>
                                                        <td>{$room->enter_time}</td>
                                                        <td>{$room->exit_time}</td>
                                                    </tr>
                                                {/if}
                                            {/foreach}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <!--End Semen-->


                    <div class="clearfix"></div>

                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .dir-ar {
        direction: rtl;
    }

    .mt-15 {
        margin-top: 15px !important;
    }

    .tr-p-10 th, .tr-p-10 td {
        padding: 10px !important;
    }

    .brown-tr {
        background: #f5ead2;
    }

    .blue-tr {
        background: #d6ebfd;
    }

    .rooms_report_tab .nav-tabs > li.active > a, .rooms_report_tab .nav-tabs > li.active > a:focus, .rooms_report_tab .nav-tabs > li.active > a:hover {
        color: #342d2d;
        background: beige
    }

</style>