JezK

Edit File: professionManagement.php

<?php include("header.php");?>
<style>
div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    top: 132px;
}
</style>
<section class="section-padding">
<div class="container mt-0 mb-5 mx-3 pt-2 bg-white">
    
        
        
        <div class="row mt-5 pt-4">
            <div class="col-xl-6 pt-2">
                <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="addProfession.php" class="btn btn-primary">Add Profession</a>&nbsp;&nbsp;
                <a href="#" class="btn btn-primary">Upload Excel</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>PROFESSION</th>
                        <th>SPECIALISM</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>Doctor</td>
                        <td>Dentist</td>
                        <td>
                            
                            <span><a href="#" class="viewStyles">Edit</a></span>&nbsp;
                            <span><a href="#" class="viewStyles">Delete</a></span>&nbsp;
                        </td>
                    </tr>
                </tbody>
            </table>
        </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>