Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
step-1.php	4.73 KB	-rw-r--r--	2025-11-13 19:18
step-2.php	5.17 KB	-rw-r--r--	2025-11-13 19:18
step-3.php	7.22 KB	-rw-r--r--	2025-11-13 19:19
step-4.php	8.3 KB	-rw-r--r--	2025-11-13 22:20

Rename

<h4 class="mb-4"><i class="fas fa-car me-2"></i>Vehicle Information</h4>

<form method="POST" class="needs-validation" novalidate>
    <input type="hidden" name="step" value="2">
    
    <div class="row">
        <div class="col-md-6 mb-3">
            <label for="email" class="form-label">Email Address <span class="text-danger">*</span></label>
            <input type="email" class="form-control" id="email" name="email" 
                   value="<?php echo isset($_SESSION['application_step2']['email']) ? htmlspecialchars($_SESSION['application_step2']['email']) : ''; ?>" 
                   required>
            <div class="invalid-feedback">Please provide a valid email address.</div>
        </div>
        
        <div class="col-md-6 mb-3">
            <label for="confirm_phone" class="form-label">Confirm Phone Number <span class="text-danger">*</span></label>
            <input type="tel" class="form-control" id="confirm_phone" name="confirm_phone" 
                   value="<?php echo isset($_SESSION['application_step2']['confirm_phone']) ? htmlspecialchars($_SESSION['application_step2']['confirm_phone']) : ''; ?>" 
                   placeholder="03xxxxxxxxx" pattern="[0-9]{11}" required>
            <div class="invalid-feedback">Please confirm your phone number.</div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-6 mb-3">
            <label for="vehicle_type" class="form-label">Vehicle Type <span class="text-danger">*</span></label>
            <select class="form-select" id="vehicle_type" name="vehicle_type" required onchange="updatePrice()">
                <option value="">Select Vehicle Type</option>
                <option value="Bike" <?php echo (isset($_SESSION['application_step2']['vehicle_type']) && $_SESSION['application_step2']['vehicle_type'] === 'Bike') ? 'selected' : ''; ?>>Bike</option>
                <option value="Car" <?php echo (isset($_SESSION['application_step2']['vehicle_type']) && $_SESSION['application_step2']['vehicle_type'] === 'Car') ? 'selected' : ''; ?>>Car</option>
                <option value="Truck" <?php echo (isset($_SESSION['application_step2']['vehicle_type']) && $_SESSION['application_step2']['vehicle_type'] === 'Truck') ? 'selected' : ''; ?>>Truck</option>
            </select>
            <div class="invalid-feedback">Please select your vehicle type.</div>
        </div>
        
        <div class="col-md-6 mb-3">
            <label for="vehicle_name" class="form-label">Vehicle Name/Model <span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="vehicle_name" name="vehicle_name" 
                   value="<?php echo isset($_SESSION['application_step2']['vehicle_name']) ? htmlspecialchars($_SESSION['application_step2']['vehicle_name']) : ''; ?>" 
                   placeholder="e.g., Honda Civic, Toyota Corolla" required>
            <div class="invalid-feedback">Please provide your vehicle name/model.</div>
        </div>
    </div>
    
    <div class="mb-3">
        <label for="vehicle_number" class="form-label">Vehicle Registration Number <span class="text-danger">*</span></label>
        <input type="text" class="form-control" id="vehicle_number" name="vehicle_number" 
               value="<?php echo isset($_SESSION['application_step2']['vehicle_number']) ? htmlspecialchars($_SESSION['application_step2']['vehicle_number']) : ''; ?>" 
               placeholder="e.g., ABC-123" style="text-transform: uppercase;" required>
        <div class="invalid-feedback">Please provide your vehicle registration number.</div>
    </div>
    
    
    <div class="alert alert-info" id="price-info" style="display: none;">
        <h6><i class="fas fa-info-circle me-2"></i>QR Code Fee</h6>
        <p class="mb-0">Registration fee for <span id="selected-type"></span>: <strong>PKR <span id="price-amount"></span></strong></p>
    </div>
    
    <div class="d-flex justify-content-between">
        <a href="new-application.php?step=1" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-2"></i>Previous Step
        </a>
        <button type="submit" class="btn btn-primary">
            Next Step <i class="fas fa-arrow-right ms-2"></i>
        </button>
    </div>
</form>

// Update price on page load if vehicle type is already selected
document.addEventListener('DOMContentLoaded', function() {
    updatePrice();
});
</script>