<div class="modal inmodal fade" id="identSerialNoIssueModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-ident-serial-no-issue" role="document">
        <div class="modal-content partialIdentSerialNoIssueModalContent">
            <div class="modal-body partialIdentSerialNoIssueModalBody p-sm">
                @Html.Hidden("IdentSerialNoTypeIssue")
                @Html.Hidden("IdentAnNoIssue")
                @Html.Hidden("InvoiceTypeIssue")
                @Html.Hidden("IdentSerialDateDueIssue")
                <div class="row border-bottom">
                    <div class="col-xs-10">
                        <h3>@Loc.IssuingNumbers</h3>
                    </div>
                    <div class="col-xs-2 text-right">
                        <i class="fa fa-times clickable-icon" data-dismiss="modal" title="@Loc.Close"></i>
                    </div>
                </div>
                <div class="row document-head">
                    <div class="col-xs-3 p-r-0">
                        <div class="form-group cancel-invoice-typeahead-container">
                            <label class="control-label">@Loc.Ident</label>
                            <input class="form-control" id="identSerialNoIdentIssue" autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label">@Loc.RequiredQuantity</label>
                            <input class="form-control numberInput" id="identSerialNoReqQuantityIssue" />
                        </div>
                    </div>
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label">@Loc.Quantity</label>
                            <input class="form-control numberInput" id="identSerialNoQuantityIssue" />
                        </div>
                    </div>
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label class="control-label">@Loc.Difference</label>
                            <input class="form-control numberInput" id="identSerialNoDifferenceIssue" />
                        </div>
                    </div>
                    <div class="col-xs-3 text-right">
                        <div class="form-group m-t-sm">
                            <button type="button" class="btn btn-primary" onclick="deleteAllSerialsIssue()">@Loc.DeleteAll</button>
                        </div>
                    </div>
                </div>
                <div class="document-body" style="min-height: 250px;">
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label p-b-10 p-t-5">@Loc.SerialNumberGrid</label>
                                <input class="form-control" id="identFreeSerialNo" />
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div id="multiplySerialsContainer">
                                <table id="identSerialMultiplyTable" class="table table-bordered ident-search m-b-xs" role="grid">
                                    <thead>
                                        <tr role="row">
                                            <th style="width: 40%">@Loc.Prefix</th>
                                            <th style="width: 35%">@Loc.SerialNumber</th>
                                            <th class="InputField-Quantity" style="width: 25%">@Loc.Quantity</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr role="row">
                                            <td>
                                                <input type="text" class="form-control custom-dirty-checker-ignore" id="identSerialNoPrefixIssue" autocomplete="off" />
                                            </td>
                                            <td>
                                                <input type="text" class="form-control numberInput input-border-left custom-dirty-checker-ignore" step="0" id="identSerialNoSerialIssue" autocomplete="off" />
                                            </td>
                                            <td class="InputField-Quantity">
                                                <input type="text" class="form-control numberInput input-border-left custom-dirty-checker-ignore" step="0" id="identSerialNoQtyIssue" autocomplete="off" />
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-success createNewButton" id="multiplySerialsBtn" onclick="onMultiplySerialNumberIssue()" title="@Loc.Multiply">
                                                    @Loc.Multiply
                                                </button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="project-list ">
                                        <div class="list-free-serials">
                                            <table id="identFreeSerialNoGrid" class="table table-bordered setwh-table">
                                                <thead>
                                                    <tr>
                                                        <th style="min-width: 34px;max-width: 34px;"></th>
                                                        <th width="60%" class="serialNumberCol">@Loc.SerialNumberGrid</th>
                                                        <th width="20%" class="dt-head-right">@Loc.Stock</th>
                                                        <th width="20%" class="dateDue-col">@Loc.StockDateDue</th>
                                                    </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12">
                                    <button onclick="transferSelectedFreeSerialNumbers()" id="transferSerialNumbersBtn" class="btn btn-primary pull-right m-t-xs">@Loc.TransferSerialNumbers</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="project-list">
                                        <table id="identSerialNoGridIssue" class="table table-bordered setwh-table">
                                            <thead>
                                                <tr>
                                                    <th width="55%" class="serialNumberCol">@Loc.SerialNumberGrid</th>
                                                    <th width="15%" class="dt-head-right qty-col">@Loc.Quantity</th>
                                                    <th width="30%" class="dateDue-col">@Loc.StockDateDue</th>
                                                    <th style="min-width: 34px;max-width: 34px"></th>
                                                </tr>
                                            </thead>
                                            <tbody></tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer m-t-xs">
                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-check m-r-xs"></i>@Loc.Confirm</button>
            </div>
        </div>
    </div>
</div>