New Item

Edit Item

Field with * are required.

Item already exist

Item Name*

Unit Price* Please input a valid price.

Select Unit

Description

</div>
                    </div>
                    <div class="botton-sec-client">
                        <center>
                            <button type="button" ng-click="Saveitem()" class="btn btn-primary">Save & Return</button>
                            <button type="button" ng-click="Cancelitem()" class="btn btn-link">Cancel</button>
                        </center>
                    </div>

</div>
            </div>
            
            <div class="panel panel-flat" ng-show="itemlist">
                <div class="uper-search" style="padding-bottom:33px;">
                    <div class="active-search custom-select" style="display:none">
                        <select>
                            <option>Active</option>
                            <option>Active</option>                        
                        </select>
                    </div>
                    <div class="search-button">
                        <label>Search</label>
                        <input type="text" name="" ng-model="query">
                    </div>
                </div>

<table class="table datatable-basic">
                        <thead>
                            <tr>
                                <th style="display:block">Item Name</th>
                                <th>Description</th>
                                <th>Unit Price</th>
                                <th>Unit</th>
                            </tr>
                        </thead>
                        <tbody>

<tr ng-if="SuccessItem==0">
                                <td colspan="6">Item not available</td>
                            </tr>

<tr ng-if="SuccessItem==1" ng-repeat="il in ItemList | filter:query">
                                <td ng-if="il.cName==''">-</td>
                                <td ng-if="il.cName!=''">{{il.cName}}</td>
                                <td>{{il.cDescription}}</td>
                                <td>{{il.fPrice}}</td>
                                <td ng-if="il.nUnitType!=0">{{il.cUnitType}}</td>
                                <td ng-if="il.nUnitType==0">-</td>

<td class="text-center">
                                    <ul class="icons-list">
                                        <li class="dropdown">
                                            <a href="" class="dropdown-toggle" data-toggle="dropdown">
                                                <i class="icon-menu9"></i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li><a ng-click="Edititemlinkclick(il.nProductId)"><i class="icon-pencil"></i>Edit Item</a></li>
                                                <li><a ng-click="removeItemPopup(il.nProductId)" data-toggle="modal"><i class="icon-trash"></i>Remove Item</a></li>
                                                
                                            </ul>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

<button id="btnpopup" type="button" class="btn btn-default btn-sm hidden" data-toggle="modal" data-target="#modal_default">Launch <i class="icon-play3 position-right"></i></button>
                
                <div id="modal_default" class="modal fade">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">×</button>
                                <h5 class="modal-title">Confirmation</h5>
                            </div>
                            <div class="modal-body" style="padding-bottom:0px;">
                                <p>Are you sure you want to delete this item?</p>
                                <hr>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-link" data-dismiss="modal">cancel</button>
                                <button type="button" class="btn btn-primary" ng-click="removeItem(EditnProductId)" data-dismiss="modal">Delete</button>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </form> 
    </div>

</div>

Saved Items

New Item

Edit Item