
<div class="page-content-wrapper">
    <div class="page-content all">
        <div class="row">
            <div class="col-md-12">
                <div class="portlet box blue">
                    <div class="portlet-title" style="height: 5px">
                        <div class="caption">
                            <i class="fa fa-edit"></i> Rays Category
                        </div>
                        <div class="actions">
                            <a href="javascript:;" class="btn btn-default btn-sm" id="rayCat_add">
                                <i class="fa fa-plus"></i> Add New  </a>
                        </div>






                    </div>
                    <div class="portlet-body" >
                        <div class="table-toolbar">

                        </div>
                        <table class="table table-striped table-hover table-bordered" id="rayCat">
                            <thead>
                                <tr>
                                    <th>
                                        Rays Category
                                    </th>
                                    <th>
                                        Rays
                                    </th>
                                    <th>
                                        Edit
                                    </th>
                                    <th>
                                        Delete
                                    </th>
                                </tr>
                            </thead>
                            <tbody>

                                {foreach $allRays as $ray}
                                <tr>

                                    <td>
                                        <input type="text" class="form-control updateElement rayCatName" id="cat{$ray->id}" data-id="{$ray->id}" disabled=""  data-colName="name" data-tableName="rayscats"  value="{$ray->name}"/>
                                    </td>
                                    <td>
                                        <a class="btn green btn-xs showRay" data-id="{$ray->id}" style=" float: left;" href="#" >
                                            <i class="fa fa-pencil"></i> Show
                                        </a>
                                    </td>
                                    <td>
                                        <a class="btn grey-cascade btn-xs editCat" data-id="{$ray->id}" style=" float: left;" href="#" >
                                            <i class="fa fa-pencil"></i>
                                        </a>
                                    </td>
                                    <td>
                                        {if $ray->displayorder !=  0 }
                                        <a class="btn grey-cascade btn-xs deletemsgEX" data-id="{$ray->id}" style=" float: left;" href="#" data-link="addrays" data-fn="del" data-tableName="rayscats">
                                            <i class="fa fa-close"></i>
                                        </a>{/if}
                                    </td>
                                </tr> 

                                {/foreach}
                            </tbody>
                        </table>



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

</div>

<input type="hidden" id="controllName" value="addrays"/>





<!----#########################################################################  model ##############################################################################################################--->
<div class="all">
    <!--------------------------------------------------------------------------- simple form Ultrasound Model-------------------------------------------------------------------------------------->
    <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="false" data-backdrop="static" data-keyboard="false"   id="raysModel" style="min-width:1000px;">
        <div class="modal-dialog  modal-lg wds65">
            <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">
                    <div class="portlet-body form">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="portlet blue-hoki box">

                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="fa fa-cogs"></i> Rays
                                        </div>
                                        <div class="actions">
                                            <a href="javascript:;" class="btn btn-default btn-sm" id="ray_add">
                                                <i class="fa fa-plus"></i> Add </a>

                                        </div>
                                    </div>
                                    <div class="portlet-body">

                                        <table class="table table-striped table-hover table-bordered" id="rays" >
                                            <thead>
                                                <tr>
                                                    <th>
                                                        Rays
                                                    </th>
                                                    <th>
                                                        Range
                                                    </th>
                                                    <th>
                                                        Measuring Unit
                                                    </th>
                                                    <th>
                                                        Price
                                                    </th>
                                                    <th>
                                                        Favorite
                                                    </th>
                                                    <th>
                                                        Edit
                                                    </th>
                                                    <th>
                                                        Delete
                                                    </th>
                                                </tr>

                                            </thead>
                                            <tbody id="showCatRay">

                                            </tbody>
                                        </table>
                                        <input type="hidden" id="catId" value=""/>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">

                                <button type="button" class="btn default" id="closemodel" data-dismiss="modal"> Close</button>

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




    <!-------------##############################-------------------- End of Models -----------------------#########################################-------------->
</div>