File "add_event.php"

Full Path: /home/ovanhxso/public_html/panel/admin/add_event.php
File size: 7.23 KB
MIME-type: text/x-php
Charset: utf-8

<?php
session_start();
include '../assets/constant/config.php';

try {
  $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
  $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
  echo "Connection failed: " . $e->getMessage();
}
?>

<?php include('include/sidebar.php'); ?>
<!-- Top Bar End -->
<?php include('include/header.php'); ?>
<div class="page-content-wrapper ">

  <div class="container-fluid">

    <div class="row">
      <div class="col-sm-12">
        <div class="page-title-box">
          <div class="btn-group float-right">

          </div>
          <h4 class="page-title">Add Event</h4>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
    <!-- end page title end breadcrumb -->
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-body">



            <div class="tab-content">

              <div class="tab-pane active p-3" id="home" role="tabpanel">
                <form name="myform1" action="app/event_crud.php" class="row" method="POST" enctype="multipart/form-data" onsubmit="return validation()" id="add_team">

                  <div class="form-group col-md-6">
                    <label class="control-label">Name<span class="text-danger">*</span></label>
                    <input class="form-control" type="text" name="name1">
                  </div>

                  <div class="form-group col-md-6">
                    <label class="control-label">Description<span class="text-danger">*</span></label>
                   
                    <textarea class="form-control" type="text" name="description" id="ckeditor"></textarea>
                  </div>
                  
                    <div class="form-group col-md-6">
                    <label class="control-label">Address<span class="text-danger">*</span></label>
                   
                    <textarea class="form-control" type="text" name="address" id="ckeditor1"></textarea>
                  </div>
                  <div class="form-group col-md-6">
                    <label class="control-label">Photo<span class="text-danger">*</span>(file size must be 667 * 1000 pixel)</label>
                    <input class="form-control" type="file" name="photo" accept=".png,.jpeg">
                  </div>
                   <div class="form-group col-md-6">
                    <label class="control-label">Date<span class="text-danger">*</span></label>
                    <input class="form-control" type="date" name="event_date">
                  </div>
                  <div class="form-group col-md-6">
                    <label class="control-label">Time<span class="text-danger">*</span></label>
                    <input class="form-control" type="time" name="time">
                  </div>
                
                       <!-- plus plus image -->
                              <div class="mydiv">
       
       
    
                                        <div class="form-group row control-group after-add-more subdiv">
                                        <div class="col-sm-1 sr_no">1</div>
                                        
                                        <div class="col-sm-5">
                                            

                                            <input type="file" name=img[]>
                                            
                                          </div>
                                           

                                            <div class="col-sm-2">
                                            <button class="btn btn-success add-more" type="button"><i class="fa fa-plus"></i></button>
                                            </div>
                                         </div>
                                  
                                      </div>


                          <div class="copy hide" style="display:none;">
                         <div class="form-group control-group row subdiv">
                             <div class="col-sm-1 sr_no"></div>
                            
                                        <div class="col-sm-5">
                                            <input type="file" name=img[]>
                                            
                               </div>

                               <div class="col-sm-2">
                     <button class="btn btn-danger remove" type="button"><i class="fa fa-minus"></i></button>
                      </div>
                    </div>
                     </div>
                     <!-- plus plus image end-->
                  <div class="form-group col-md-12">

                    <button class="btn btn-primary" type="submit" name="submit" onclick="addTeam()">Submit</button>

                  </div>
                </form>
              </div>




            </div>

          </div>
        </div><!--end card-->
      </div><!--end col-->
    </div><!--end row-->
  </div> <!-- Page content Wrapper -->
</div> <!-- content -->


<?php include('include/footer.php'); ?>


<script>
  function addTeam() {
    jQuery.validator.addMethod("lettersonly", function(value, element) {
      return this.optional(element) || /^[a-zA-Z ]*$/.test(value);
    }, "Please enter alphabet characters only");

    $('#add_team').validate({
      rules: {
        name1: {
          required: true
        },
        description: {
          required: true
        },
         event_date: {
          required: true
        },
         time: {
          required: true
        },
        photo: {
          required: true,
          extension: "png|jpeg"
        }
      },
      messages: {
        name1: {
          required: "Please enter a name."
        },
        description: {
          required: "Please enter a description."
        },
         event_date: {
          required: "Please enter a date."
        },
         time: {
          required: "Please enter a time."
        },
        photo: {
          required: "Please select a photo.",
          extension: "Only PNG and JPEG files are allowed."
        }
      },

    });
  };
</script>
<script>
  function validation() {
    var fileInput = document.getElementById('add_team').photo;
    var filePath = fileInput.value;
    var allowedExtensions = /(\.jpg|\.jpeg|\.png)$/i;

    if (!allowedExtensions.exec(filePath)) {
      alert('Invalid file type! Please upload a JPG, JPEG, or PNG image.');
      fileInput.value = '';
      return false;
    }
    return true;
  }
</script>

<script type="text/javascript">
  $(".add-more").on('click',function(){ 
    
          var html = $(".copy").html();
          $(".after-add-more").before(html);
        //  $(".after-add-more").next().find('select[name^="product_id"]').select2();
          show_no();
      });  

      $("body").on("click",".remove",function(){ 
          $(this).parents(".control-group").remove();
          show_no();
      });
function show_no()
{
    var row_cnt=0;
  $( ".sr_no" ).each(function() {
      row_cnt++;
    $( this ).html(row_cnt);
    });
}
</script>