<?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>