<div class="modal fade bs-modal-lg" id="create-promotion" tabindex="-1" role="dialog" aria-hidden="true" >
    <div class="modal-dialog modal-lg modal-lg" style="width: 90%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h3>Create Promotion</h3>
            </div>
            <br />
            <form class="form-horizontal" role="form" action="{{ route('payment-promotion.store') }}" method="post" id="promotion-form">
                @csrf
                <div class="row col-sm-12" style="margin-top: 10px;">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-sm-4 required control-label">Name</label>
                            <div class="col-sm-8">
                                <input type="text" name="name" class="form-control"required>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-sm-4 required control-label">From Date</label>
                            <div class="col-sm-8">
                                <input type="text" name="from_date" class="form-control date_picker"required>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-sm-4 required control-label">To Date</label>
                            <div class="col-sm-8">
                                <input type="text" name="to_date" id="promotion-to-date-edit" class="form-control date_picker" required>
                            </div>
                        </div>
                    </div>
                    {{-- <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 required control-label">Type</label>
                            <div class="col-sm-8">
                                <select name="promotion_type" class="form-control select2" id="promotion-type">
                                    <option value="2">Promotion By Quantities</option>
                                    <option value="1">Promotion By Duration</option>
                                </select>
                            </div>
                        </div>
                    </div> --}}
                </div>
                <div class="row col-sm-12">
                    <table class="table table-striped table-bordered" id="create-promotion-table" style="margin-left: 10px;">
                        <thead>
                        <tr>
                            <th>Product Name</th>
                            <th>Brand</th>
                            <th>Unit Cost($)</th>
                            <th>Qty</th>
                            <th>Amount($)</th>
                            <th>Qty Used</th>
                            <th style="width: 30%;">Description</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody class="resultbody">
                        <tr>
                            <td><input type="text" name="product_name[]" class="form-control" placeholder="Product Name"></td>
                            <td><input type="text" name="product_brand[]" class="form-control" placeholder="Product Brand"></td>
                            <td><input type="text" name="product_cost[]" class="form-control number-only input-cost" placeholder="Product Cost"></td>
                            <td><input type="text" name="qty[]" class="form-control number-only input-qty" placeholder="Qty"></td>
                            <td><input type="text" name="product_amount[]" class="form-control number-only input-amount" placeholder="Amount"></td>
                            <td>
                                <input type="text" name="qty_used[]" class="form-control number-only qty-used" placeholder="Qty Used" value="0" readonly>
                            </td>
                            <td>
                                <textarea name="description_detail[]" class="form-control description-add" placeholder="Description"></textarea>
                            </td>
                            <td><span class="btn btn-sm btn-primary" id="add-new-product"><i class="fa fa-plus"></i></span></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="button_danger"><i class="fa fa-close"></i> No</button>
                    <button type="submit" class="button_success" data-toggle="modal"><i class="fa fa-save"></i> Save</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>