


    <div class="modal-dialog modal-dialog-package" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="exampleModalLabel"> Product Deals <span class="font-size13"> <i class="fa fa-check-circle"></i> Mark checkbox to set/unset discount price.</span></h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body package-price-deal">
                <div class="fa-border widthpersent100 paddingTB10px1 height150px margin-bttom10px">
                    <div class="col-sm-8 no-padding">
                        <div class="col-sm-12 no-padding form-group">
                            <div class="col-sm-4">
                                <input type="text" class="form-control" placeholder="Adult Discount">
                            </div>

                            <div class="col-sm-4">
                                <input type="text" class="form-control" placeholder="Child Discount">
                            </div>

                            <div class="col-sm-4">
                                <input type="text" class="form-control" placeholder="Infant Discount">
                            </div>
                        </div>

                        <div class="col-sm-12 no-padding form-group">
                            <div class="col-sm-6">
                                <div class="col-sm-6 no-padding">
                                    <div class="carbooking">
                                        <input type="radio" name="status" id="percent">
                                        <label for="percent"><span class="radio">Percentage </span></label>
                                    </div>

                                </div>
                                <div class="col-sm-6 no-padding">

                                    <div class="carbooking">
                                        <input type="radio" name="status" id="amount">
                                        <label for="amount"><span class="radio">Amount</span></label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 no-padding form-group">
                            <div class="col-sm-5">
                                <input type="text" class="form-control" placeholder="Start Date">
                            </div>

                            <div class="col-sm-5">
                                <input type="text" class="form-control" placeholder="End Date" >
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 font-size13 padding-left0">
                        <div class="col-sm-12 fa-border padding10px">
                            <span><i class="fa fa-check-circle"></i> Any action will be applied on checked items.</span><BR>
                            <span><i class="fa fa-check-circle"></i> Keep all blank to remove discount price.</span><br>
                            <span><i class="fa fa-check-circle"></i> Can set start time and end time individually.</span><br>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <!--<div class="panel-headingnew"> View/Update Records </div>-->
                    <div id="faq-1-3" class="panel-collapse collapse in" aria-expanded="false" >
                        <div class="box">
                            <!-- /.box-header -->
                            <div class="box-body">
                                <table id="example2" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th><input type="checkbox"> All</th>
                                            <th>Id</th>
                                            <th>Name</th>
                                            <th>Price</th>
                                            <th>Discount Price</th>
                                            <th>Child Price</th>
                                            <th>Child Discount</th>
                                            <th>Infant Price</th>
                                            <th>Infant Discount</th>
                                            <th>Start Date</th>
                                            <th>End Date</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><input type="checkbox"></td>
                                            <td>2</td>
                                            <td> Las Vegas</td>
                                            <td><i class="fa fa-inr"></i> 370</td>
                                            <td><i class="fa fa-inr"></i> 333</td>
                                            <td><i class="fa fa-inr"></i> 120</td>
                                            <td><i class="fa fa-inr"></i> 114</td>
                                            <td><i class="fa fa-inr"></i> 70</td>
                                            <td><i class="fa fa-inr"></i> 67.9</td>
                                            <td>02-06-2018  </td>
                                            <td>25-8-2018</td>

                                        </tr>                                        
                                    </tbody>                                    
                                </table>
                                <div class="modal fade" id="packegesDealModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">           </div>                           
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary ">Save changes</button>
                    <button type="button" class="btn btn-secondary " data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
     </div>