JezK

Edit File: businessManagement.php

<?php include("header.php");?>
<style>
div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    top: 132px;
}
</style>
<section class="section-padding">
<div class="container m-3 bg-white">
    <div class="">
        <div class="calender-Right pt-4 mb-2">
            <label class="fieldName mt-2 mr-2">Select Date Range</label>
            <div id="reportrange" class="col-xl-5 col-md-6 col-lg-8 formField-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc;">
                <i class="fa fa-calendar float-right pt-1"></i>&nbsp;
                <span></span>
            </div>
        </div>
        
        <div class="row">
            <div class="col-xl-6">
                <a class="selectAll buttonStyle">Select All</a> 
                <a class="unSelectAll buttonStyle">Unselect All</a> 
                <a class="deleteAll buttonStyle">Delete All</a> 
            </div>
            <div class="col-xl-6 d-flex justify-content-end">
                <a href="addBusiness.php" class="btn btn-primary py-0">Add Business</a>
            </div>
        </div>
        <div class="table-responsive">
            <table id="dataTable" class="table table-striped table-borderless " style="width:100%">
                <thead class="tableBackground">
                    <tr>
                        <th></th>
                        <th>S.No</th>
                        <th>BUSINESS NAME</th>
                        <th>OWNER NAME</th>
                        <th>SERVICES</th>
                        <th>EMAIL</th>
                        <th>ACTION</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <label class="container1">
                                <input type="checkbox" class="checkmark">
                                <span class="checkmark1"></span>
                            </label>
                            </td>
                        <td>1</td>
                        <td>App & Web</td>
                        <td>Adam</td>
                        <td>Design Services</td>
                        <td>info@krify.net</td>
                        <td>
                        
                            <span><a href="business.php" class="viewStyles">View</a></span>&nbsp;
                            <span><a href="#" class="viewStyles">Edit</a></span>&nbsp;
                            <span><a href="#" class="viewStyles" data-toggle="modal" data-target="#myModal" >Block</a></span>&nbsp;
                            <span><a href="#" class="viewStyles">Delete</a></span>&nbsp;
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</section>

<div class="container">
    
    <div class="modal" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">
          
            <div class="modal-header border-0">
                <button type="button" class="close px-2 pt-2 pb-0" data-dismiss="modal">&times;</button>
            </div>
          
            <div class="modal-body mx-4">
                <h5 class="modal-title style-login mb-3">Block Business</h5>
            
                <form action="" method="POST">
                    <div class="mt-3 mb-2 d-flex">
                        <h6 class="text-yellow mr-auto mb-0"><small class="font-600">Enable the Business</small></h6>
                        <div class="radio-buttons-container d-flex">
                            <div class="custom-control custom-radio d-flex pr-3">
                                <input type="radio" class="custom-control-input" id="influencer" value="1" name="userType">
                                <label for="influencer" class="custom-control-label cutomRadio d-flex">
                                    <span class="align-self-center pl-2">Automatic</span>
                                </label>
                            </div>
                            <div class="custom-control custom-radio d-flex">
                                <input type="radio" class="custom-control-input" id="fan" value="2" name="userType">
                                <label for="fan" class="custom-control-label cutomRadio d-flex">
                                    <span class="align-self-center pl-2">Manually</span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="pt-2 mb-2">
                        <label class="fieldName mt-2 mr-2">Select Date Range</label>
                        <div id="singleDate" class="formField-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc;">
                            <i class="fa fa-calendar float-right pt-1"></i>&nbsp;
                            <span></span>
                        </div>
                    </div>
                    <div class="d-flex justify-content-end">
                        <button class="btn cancelBtn">Cancel</button>&nbsp;&nbsp;
                        <button class="btn btn-primary">Block</button>
                    </div>
                </form>
            
            </div>
      </div>
    </div>
</div>
<?php include("footer.php");?>

<script>
$(function() {
  $('#singleDate').daterangepicker({
//    format:'MMMM D, YYYY') ,
    locale: {
            format: 'MMMM D, YYYY'
        },
    dateFormat: 'MMMM D, YYYY',
    singleDatePicker: true,
    showDropdowns: true,
    minYear: 1901,
    maxYear: parseInt(moment().format('YYYY'),10)
  }, function(start, end, label) {
    var years = moment().diff(start, 'years');
    $('#singleDate span').html(start.format('MMMM D, YYYY'), end.format('MMMM D, YYYY'));
  });
});
</script>