ok
Mini Shell
<?php
include "header.php";
$ids = $_GET["id"];
$edit = $_GET["edit"];
if ($edit == "edit") {
$hidden = "hidden";
$readonly = "readonly";
$int_limit = 0;
$id = $_SESSION["user"]["id"];
$query = "SELECT * FROM tbl_alliances_register where id = " . $id;
} else {
$int_limit = 0;
$query = "SELECT * FROM tbl_alliances_register where id = " . $ids;
}
$prepared = $pdo->prepare($query);
$prepared->execute();
$result = $prepared->fetchAll(PDO::FETCH_ASSOC);
if ($result[0]["mother_tongue_limit"] <= 0) {
$hidden_mother_tongue = "hidden";
}
if ($result[0]["zodiac_stars_limit"] <= 0) {
$hidden_zodiac_stars = "hidden";
}
if ($result[0]["relg_limit"] <= 0) {
$hidden_relg = "hidden";
}
if ($result[0]["caste_limit"] <= 0) {
$hidden_caste = "hidden";
}
if ($result[0]["birth_t_limit"] <= 0) {
$hidden_h_hour = "hidden";
$hidden_h_min = "hidden";
$hidden_h_session = "hidden";
}
if ($result[0]["birth_pl_limit"] <= 0) {
$hidden_birth_pl = "hidden";
}
if ($result[0]["dosham_limit"] <= 0) {
$hidden_dosham = "hidden";
}
?>
<style>
.intro{
background: #fff;
padding: 60px 30px;
color: #333;
margin-bottom: 15px;
line-height: 1.5;
text-align: center;
}
.intro h1 {
font-size: 18pt;
padding-bottom: 15px;
}
.intro p{
font-size: 14px;
}
.container{
display:block;
}
.action{
text-align: center;
display: block;
margin-top: 20px;
}
a.btn {
text-decoration: none;
color: #666;
border: 2px solid #666;
padding: 10px 15px;
display: inline-block;
margin-left: 5px;
}
a.btn:hover{
background: #666;
color: #fff;
transition: .3s;
-webkit-transition: .3s;
}
.btn:before{
font-family: FontAwesome;
font-weight: normal;
margin-right: 10px;
}
.github:before{content: "\f09b"}
.down:before{content: "\f019"}
.back:before{content:"\f112"}
.credit{
background: #fff;
padding: 12px;
font-size: 9pt;
text-align: center;
color: #333;
margin-top: 40px;
}
.credit span:before{
font-family: FontAwesome;
color: #e41b17;
content: "\f004";
}
.credit a{
color: #333;
text-decoration: none;
}
.credit a:hover{
color: #1DBF73;
}
.credit a:hover:after{
font-family: FontAwesome;
content: "\f08e";
font-size: 9pt;
position: absolute;
margin: 3px;
}
main{
background: #fff;
padding:: 20px;
}
article li{
color: #444;
font-size: 15px;
margin-left: 33px;
line-height: 1.5;
padding: 5px;
}
article h1,
article h2,
article h3,
article h4,
article p{
padding: 14px;
color: #333;
}
:root {
--prm-color: #0381ff;
--prm-gray: #b1b1b1;
}
/* CSS */
.steps {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
position: relative;
/*z-index: -1;*/
}
.test{
display:block;
}
main{
display:block;
}
.step-button {
width: 25px;
height: 25px;
border-radius: 50%;
border: none;
background-color: var(--prm-gray);
transition: .4s;
}
.step-button[aria-expanded="true"] {
width: 30px;
height: 30px;
background-color: var(--prm-color);
color: #fff;
}
.done {
background-color: var(--prm-color);
color: #fff;
}
.step-item {
z-index: 10;
text-align: center;
}
#progress {
-webkit-appearance:none;
position: absolute;
width: 88%;
z-index: 5;
height: 5px;
margin-left: 18px;
margin-bottom: 18px;
}
#content{
display:none;
}
/* to customize progress bar */
#progress::-webkit-progress-value {
background-color: var(--prm-color);
transition: .5s ease;
}
#progress::-webkit-progress-bar {
background-color: var(--prm-gray);
}
</style>
<div id="content">
<!-- login section start -->
<section class="form-section px-15 section-b-space">
<div class="row"
style="margin-top: 50px;">
<div class="col-12 col-sm-12">
<center><h1>Alliance Register Form</h1></center>
</div>
</div>
<!-- Start Stepper HTML -->
<div class="container">
<div class="accordion" id="accordionExample">
<div hidden class="card">
<div id="headingOne">
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="card-body">
</div>
</div>
</div>
<div hidden class="card">
<div id="headingTwo">
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="card-body">
</div>
</div>
</div>
<div hidden class="card">
<div id="headingThree">
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
<!-- End Start Stepper HTML -->
<form id="horroscope_verification">
<div id="religious_info">
<center><h3><b>Religious Info <?= $_SESSION["user"]["id"] ?></b></h3></center><br>
<input type="hidden" id="relg_limit" name="relg_limit" value="<?= $result[0]["relg_limit" ] = isset($result[0]["relg_limit"]) && !empty($result[0]["relg_limit"]) ? $result[0]["relg_limit"] : $int_limit ?>" />
<div class="form-floating mb-4">
<select name="religion" id="religion" class="form-control" <?= $result[0][
"relg_limit"
] <= 0
? ' onClick="notification()"'
: "" ?>>
<option <?= $result[0]["religion"] == "Hindu"
? "selected"
: $hidden_relg ?> value="Hindu">Hindu</option>
<option <?= $result[0]["religion"] == "Muslim"
? "selected"
: $hidden_relg ?> value="Muslim">Muslim</option>
<option <?= $result[0]["religion"] == "Christian"
? "selected"
: $hidden_relg ?> value="Christian">Christian</option>
</select>
<p <?= $edit == "edit"
? ""
: "hidden" ?> style="padding-top: 13px; color: blue;}"><?= $result[0][
"relg_limit"
] ?> attempts left</p>
<label for="one">Religion</label>
</div>
<div class="form-floating mb-4">
<input type="hidden" id="mother_tongue_limit" name="mother_tongue_limit" value="<?= $result[0][
"mother_tongue_limit"
] =
isset($result[0]["mother_tongue_limit"]) &&
!empty($result[0]["mother_tongue_limit"])
? $result[0]["mother_tongue_limit"]
: $int_limit ?>" />
<select name="mother_tongue" id="mother_tongue" class="form-control" <?= $result[0][
"mother_tongue_limit"
] <= 0
? ' onClick="notification()"'
: "" ?> >
<option value="">Select Mother Tongue</option>
<option <?= $result[0]["mother_tonque"] == "Tamil"
? "selected"
: $hidden_mother_tongue ?> value="Tamil">Tamil</option>
<option <?= $result[0]["mother_tonque"] == "English"
? "selected"
: $hidden_mother_tongue ?> value="English">English</option>
</select>
<label for="one">Mother Tongue</label>
<p <?= $edit == "edit"
? ""
: "hidden" ?> style="padding-top: 13px; color: blue;}"><?= $result[0][
"mother_tongue_limit"
] ?> attempts left</p>
</div>
<div class="form-floating mb-4">
<input type="hidden" id="caste_limit" name="caste_limit" value="<?= $result[0][
"caste_limit"
] =
isset($result[0]["caste_limit"]) &&
!empty($result[0]["caste_limit"])
? $result[0]["caste_limit"]
: $int_limit ?>" />
<select name="caste" id="caste" class="form-control" <?= $result[0][
"caste_limit"
] <= 0
? ' onClick="notification()"'
: "" ?> >
<option value="">Select Caste</option>
<option <?= $result[0]["caste"] == "No Caste"
? "selected"
: $hidden_caste ?> value="No Caste">No Caste</option>
<option <?= $result[0]["caste"] == "Vanniyar"
? "selected"
: $hidden_caste ?> value="Vanniyar">Vanniyar</option>
</select>
<label for="one">Caste</label>
<p <?= $edit == "edit"
? ""
: "hidden" ?> style="padding-top: 13px; color: blue;}"><?= $result[0][
"caste_limit"
] ?> attempts left</p>
</div>
</div><br>
<div id="horoscope_info">
<center><h3><b>Horoscope Info</b></h3></center><br>
<div class="form-floating mb-4">
<input type="text" class="form-control" name="horoscope_name" id="horoscope_name" readonly value="<?= $result[0][
"name"
] ?>" placeholder="Name" />gender
<label for="age">Applicant's Name</label>
</div>
<div class="form-floating mb-4">
<select name="horoscope_gender" id="horoscope_gender" class="form-control" >
<option <?= $hidden ?> value="">Select Gender</option>
<option <?= $result[0]["gender"] == "Male" ? "selected": $hidden ?> value="Male">Male</option>
<option <?= $result[0]["gender"] == "Female" ? "selected" : $hidden ?> value="Female">Female</option>
</select>
<label for="one">Gender</label>
</div>
<div class="form-floating mb-4">
<input type="date" class="form-control" name="horoscope_dob" id="horoscope_dob" readonly value="<?= $result[0][
"dob"
] ?>"/>
<label for="age">Date Of Birth</label>
</div>
<div class="row mb-4">
<p style="color:orange;">Time Of Birth</p>
<div class="col-4">
<input type="hidden" id="birth_t_limit" name="birth_t_limit" value="<?= $result[0][
"birth_t_limit"
] =
isset($result[0]["birth_t_limit"]) &&
!empty($result[0]["birth_t_limit"])
? $result[0]["birth_t_limit"]
: $int_limit ?>" />
<select name="birth_hour" id="birth_hour" class="form-control" <?= $result[0][
"birth_t_limit"
] <= 0
? ' onClick="notification()"'
: "" ?>>
<option value="">Hour</option>
<option <?= $result[0]["h_hour"] == "1"
? "selected"
: $hidden_h_hour ?> value="1">1</option>
<option <?= $result[0]["h_hour"] == "2"
? "selected"
: $hidden_h_hour ?> value="2">2</option>
<option <?= $result[0]["h_hour"] == "3"
? "selected"
: $hidden_h_hour ?> value="3">3</option>
<option <?= $result[0]["h_hour"] == "4"
? "selected"
: $hidden_h_hour ?> value="4">4</option>
<option <?= $result[0]["h_hour"] == "5"
? "selected"
: $hidden_h_hour ?> value="5">5</option>
<option <?= $result[0]["h_hour"] == "6"
? "selected"
: $hidden_h_hour ?> value="6">6</option>
<option <?= $result[0]["h_hour"] == "7"
? "selected"
: $hidden_h_hour ?> value="7">7</option>
<option <?= $result[0]["h_hour"] == "8"
? "selected"
: $hidden_h_hour ?> value="8">8</option>
<option <?= $result[0]["h_hour"] == "9"
? "selected"
: $hidden_h_hour ?> value="9">9</option>
<option <?= $result[0]["h_hour"] == "10"
? "selected"
: $hidden_h_hour ?> value="10">10</option>
<option <?= $result[0]["h_hour"] == "11"
? "selected"
: $hidden_h_hour ?> value="11">11</option>
<option <?= $result[0]["h_hour"] == "12"
? "selected"
: $hidden_h_hour ?> value="12">12</option>
</select>
</div>
<div class="col-4">
<select name="birth_min" id="birth_min" class="form-control" <?= $result[0][
"birth_t_limit"
] <= 0
? ' onClick="notification()"'
: "" ?>>
<option value="">Min</option>
<option <?= $result[0]["h_min"] == "1"
? "selected"
: $hidden_h_min ?> value="1">1</option>
<option <?= $result[0]["h_min"] == "2"
? "selected"
: $hidden_h_min ?> value="2">2</option>
<option <?= $result[0]["h_min"] == "3"
? "selected"
: $hidden_h_min ?> value="3">3</option>
<option <?= $result[0]["h_min"] == "4"
? "selected"
: $hidden_h_min ?> value="4">4</option>
<option <?= $result[0]["h_min"] == "5"
? "selected"
: $hidden_h_min ?> value="5">5</option>
<option <?= $result[0]["h_min"] == "6"
? "selected"
: $hidden_h_min ?> value="6">6</option>
<option <?= $result[0]["h_min"] == "7"
? "selected"
: $hidden_h_min ?> value="7">7</option>
<option <?= $result[0]["h_min"] == "8"
? "selected"
: $hidden_h_min ?> value="8">8</option>
<option <?= $result[0]["h_min"] == "9"
? "selected"
: $hidden_h_min ?> value="9">9</option>
<option <?= $result[0]["h_min"] == "10"
? "selected"
: $hidden_h_min ?> value="10">10</option>
<option <?= $result[0]["h_min"] == "11"
? "selected"
: $hidden_h_min ?> value="11">11</option>
<option <?= $result[0]["h_min"] == "12"
? "selected"
: $hidden_h_min ?> value="12">12</option>
</select>
</div>
<div class="col-4">
<select name="birth_sn" id="birth_sn" class="form-control" <?= $result[0][
"birth_t_limit"
] <= 0
? ' onClick="notification()"'
: "" ?> >
<option <?= $result[0]["h_session"] == "Am"
? "selected"
: $hidden_h_session ?> value="Am">Am</option>
<option <?= $result[0]["h_session"] == "Pm"
? "selected"
: $hidden_h_session ?> value="Pm">Pm</option>
</select>
</div>
<p <?= $edit == "edit"
? ""
: "hidden" ?> style="padding-top: 13px; color: blue;}"><?= $result[0][
"birth_t_limit"
] ?> attempts left</p>
</div>
<div class="form-floating mb-4">
<input id="birth_pl_limit" type="hidden" name="birth_pl_limit" value="<?= $result[0][
"birth_pl_limit"
] =
isset($result[0]["birth_pl_limit"]) &&
!empty($result[0]["birth_pl_limit"])
? $result[0]["birth_pl_limit"]
: $int_limit ?>" />
<input type="text" class="form-control" name="birth_place" value="<?= $result[0][
"h_place_birth"
] ?>" id="birth_place" <?= $result[0]["birth_pl_limit"] <=
0
? 'readonly onClick="notification()"'
: "" ?> />
<label for="age">Place of Birth</label>
<p <?= $edit == "edit"
? ""
: "hidden" ?> style="padding-top: 13px; color: blue;}"><?= $result[0][
"birth_pl_limit"
] ?> attempts left</p>
</div>
<div class="form-floating mb-4">
<input id="zodiac_stars_limit" type="hidden" name="zodiac_stars_limit" value="<?= $result[0][
"zodiac_stars_limit"
] =
isset($result[0]["zodiac_stars_limit"]) &&
!empty($result[0]["zodiac_stars_limit"])
? $result[0]["zodiac_stars_limit"]
: $int_limit ?>" />
<select name="zodiac_signs_star" id="zodiac_signs_star" class="form-control" <?= $result[0][
"zodiac_stars_limit"
] <= 0
? ' onClick="notification()"'
: "" ?>>
<option value="">Select Zodiac Signs / Star</option>
<option <?= $result[0]["h_zodic"] == "No star"
? "selected"
: $hidden_zodiac_stars ?> value="No star">No Star</option>
<option <?= $result[0]["h_zodic"] == "Pooradam"
? "selected"
: $hidden_zodiac_stars ?> value="Pooradam">Pooradam</option>
</select>
<label for="age">Zodiac Signs / Star<?= $result[0][
"zodiac_stars_limit"
] ?></label>
<p <?= $edit == "edit"
? ""
: "hidden" ?> style="padding-top: 13px; color: blue;}"><?= $result[0][
"zodiac_stars_limit"
] ?> attempts left</p>
</div>
<div class="form-floating mb-4">
<input id="dosham_limit" type="hidden" name="dosham_limit" value="<?= $result[0][
"dosham_limit"
] =
isset($result[0]["dosham_limit"]) &&
!empty($result[0]["dosham_limit"])
? $result[0]["dosham_limit"]
: $int_limit ?>" />
<select name="dhosam" id="dhosam" class="form-control" <?= $result[0][
"dosham_limit"
] <= 0
? ' onClick="notification()"'
: "" ?> >
<option value="">Select Dhosam</option>
<option <?= $result[0]["h_dosham"] == "No Dhosam"
? "selected"
: $hidden_dosham ?> value="No Dhosam">No Dhosam</option>
</select>
<label for="age">Dosham</label>
<p <?= $edit == "edit"
? ""
: "hidden" ?> style="padding-top: 13px; color: blue;}"><?= $result[0][
"dosham_limit"
] ?> attempts left</p>
</div><br>
</div>
<input type="hidden" name="edit" value="<?= $edit ?>" />
<button class="btn btn-solid w-100" > Sign UP</button>
</form>
</section>
<!-- login section end -->
<!-- panel space start -->
<section class="panel-space"></section>
<!-- panel space end -->
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>
<script>
var input = document.querySelector("#mobile_no");
window.intlTelInput(input, {
separateDialCode: true,
excludeCountries: ["il"],
preferredCountries: ["in"]
});
var alter_input = document.querySelector("#alter_mobile_no");
window.intlTelInput(alter_input, {
separateDialCode: true,
excludeCountries: ["il"],
preferredCountries: ["in"]
});
</script>
<script>
$(document).ready(function() {
// Hide the loader and show the content after 5 seconds
setTimeout(function() {
$('.loader').hide();
$('#content').show();
}, 2000); // 5000 milliseconds = 5 seconds
});
function displaySelectedImage(input, imgId) {
const imgElement = document.getElementById(imgId);
if (input.files && input.files[0]) {
const reader = new FileReader();
reader.onload = function(e) {
imgElement.src = e.target.result;
};
reader.readAsDataURL(input.files[0]);
} else {
imgElement.src = '';
}
}
</script>
<script>
const stepButtons = document.querySelectorAll('.step-button');
const progress = document.querySelector('#progress');
Array.from(stepButtons).forEach((button,index) => {
button.addEventListener('click', () => {
progress.setAttribute('value', index * 100 /(stepButtons.length - 1) );//there are 3 buttons. 2 spaces.
stepButtons.forEach((item, secindex)=>{
if(index > secindex){
item.classList.add('done');
}
if(index < secindex){
item.classList.remove('done');
}
})
})
})
</script>
<script>
$(document).ready(function() {
$('#horroscope_verification').submit(function(e) {
var relg_limit= $('#relg_limit').val()
var birth_t_limit= $('#birth_t_limit').val()
var dosham_limit= $('#dosham_limit').val()
var caste_limit= $('#caste_limit').val()
// relg_limit birth_t_limit dosham_limit caste_limit
e.preventDefault();
var formData = new FormData(this);
formData.append('type', 'horoscope');
console.log(formData);
$.ajax({
url: 'api/profile_add.php',
type: 'post',
dataType: 'json',
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(response) {
console.log(response);
if (response['status'] == 200) {
alert(response['message']);
$(this).trigger("reset");
window.location.href = 'index.php';
} else {
alert(response['message']);
}
}
});
});
});
function notification(){
alert('You reach your edit limit. If you want to edit please deactivate your account and create new account ')
}
// function showData(){
// $('#loader').show();
// // $('#content-div').hide();
// setTimeout(function() {
// $('#loader').hide();
// $('#content').show('blind', {}, 500)
// }, 800);
// }
// });
</script>
<?php include "footer.php"; ?>
Zerion Mini Shell 1.0