<div id="inventory-form-modal" class="modal modal-fixed-footer" style="max-height: 100%" <%= (App.rtl ? 'style="direction:rtl"' : '') %>></div>
    <div class="modal-content">
        <div id="inventory-form-content">
            <div style="padding-bottom: 50px">
                <h4 style="font-size: 1.2rem">{Literal}Receive Items{/Literal}</h4>
            </div>
            <form>
                <div class="firstRow">
                    <div class="row">
                        <div class="col s12">
                            <div class="col s12 m4">
                                <div class="input-field">
                                    <input id="id" type="text" value="<%= inventory.id %>" disabled>
                                    <label class="active" for="id">{Literal}Item Code{/Literal}</label>
                                </div>
                            </div>

                            <div class="col s12 m4">
                                <div class="input-field">
                                    <input id="description" type="text" value="<%= inventory.description %>" disabled>
                                    <label class="active" for="description">{Literal}Item Descrption{/Literal}</label>
                                </div>
                            </div>
                            <div class="col s12 m4">
                                <div class="input-field" id="receivedBlock">
                                    <br>
                                    <p>{Literal}Quantity Received{/Literal}</p>
                                    <input id="qtyReceived" type="number" class="validate" maxlength="99999.00">
                                    <span class="helper-text" data-error="This field can't be empty" data-success=""></span>
                                </div>
                            </div>
                        </div>
                </div>

                <div class="secondRow">
                    <div class="row">
                        <div class="col s12">
                            <div class="col s12 m4">
                                <div class="input-field">
                                    <input id="qtyOnHand" type="number" value="<%= inventory.qtyOnHand %>" disabled>
                                    <label class="active" for="qtyOnHand">{Literal}Qty on Hand{/Literal}</label>
                                </div>
                            </div>

                            <div class="col s12 m4">
                                <div class="input-field">
                                    <input id="total" type="number" value="<%= inventory.total %>" disabled>
                                    <label class="active" for="total">{Literal}Total for this Session{/Literal}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="thirdRow">
                    <div class="row">
                        <div class="col s12">
                            <div class="col s12 m4">
                                <div class="input-field">
                                    <input id="cost" type="number" value="<%= inventory.cost %>">
                                    <label class="active" for="cost">{Literal}Cost{/Literal}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal-footer">
    <a href="#delete-inventory-modal" class="waves-effect waves-light btn-flat red-text right modal-trigger delete-button">{Literal}Delete{/Literal}</a>
    <a href="javascript:void(0)" class="waves-effect waves-green btn green left save-button">{Literal}Save{/Literal}</a>
    <a href="javascript:void(0)" class="modal-close waves-effect waves-light left btn-flat">{Literal}Cancel{/Literal}</a>
</div>


<div id="delete-inventory-modal" class="modal">
    <div class="modal-content">
        <div style="padding-bottom: 50px;">
            <h6>{Literal}Confirm Deletion{/Literal}</h6>
        </div>
        <%if(App.rtl) {%>
            <p>האם אתה בטוח שברצונך להסיר פריט זה במלאי?</p>
        <%}%>
        <%if(App.rtl != true) {%>
            <p>Are you sure that you would like to remove this Inventory Item?</p>
        <% }%>
    </div>
    <div class="modal-footer">
        <a href="javascript:void(0)" id="delete-inventory-confirm" class="modal-close waves-effect waves-green btn red left" data-inventory-id="<%= inventory.id%>">{Literal}Delete{/Literal}</a>
        <input type="hidden" id="delete-inventory-id" />
        <a href="javascript:void(0)" class="modal-close waves-effect waves-light btn-flat left">{Literal}Cancel{/Literal}</a>
    </div>
</div>