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-upload me-2"></i>Upload Documents & Pictures</h4>

<form method="POST" enctype="multipart/form-data" class="needs-validation" novalidate>
    <input type="hidden" name="step" value="3">
    
    
    <div class="mb-4">
        <h6><i class="fas fa-camera me-2"></i>Vehicle Pictures (3 Required)</h6>
        <div class="row">
            <div class="col-md-4 mb-3">
                <label for="vehicle_picture1" class="form-label">Front View <span class="text-danger">*</span></label>
                <div class="file-upload-wrapper">
                    <input type="file" class="file-upload-input" id="vehicle_picture1" name="vehicle_picture1" 
                           accept="image/*" required>
                    <label for="vehicle_picture1" class="file-upload-label">
                        <i class="fas fa-cloud-upload-alt me-2"></i>Choose Front Picture
                    </label>
                </div>
                <img id="vehicle_picture1_preview" class="img-thumbnail mt-2" style="display: none; max-height: 150px;">
                <div class="invalid-feedback">Please upload front view picture.</div>
            </div>
            
            <div class="col-md-4 mb-3">
                <label for="vehicle_picture2" class="form-label">Side View <span class="text-danger">*</span></label>
                <div class="file-upload-wrapper">
                    <input type="file" class="file-upload-input" id="vehicle_picture2" name="vehicle_picture2" 
                           accept="image/*" required>
                    <label for="vehicle_picture2" class="file-upload-label">
                        <i class="fas fa-cloud-upload-alt me-2"></i>Choose Side Picture
                    </label>
                </div>
                <img id="vehicle_picture2_preview" class="img-thumbnail mt-2" style="display: none; max-height: 150px;">
                <div class="invalid-feedback">Please upload side view picture.</div>
            </div>
            
            <div class="col-md-4 mb-3">
                <label for="vehicle_picture3" class="form-label">Back View <span class="text-danger">*</span></label>
                <div class="file-upload-wrapper">
                    <input type="file" class="file-upload-input" id="vehicle_picture3" name="vehicle_picture3" 
                           accept="image/*" required>
                    <label for="vehicle_picture3" class="file-upload-label">
                        <i class="fas fa-cloud-upload-alt me-2"></i>Choose Back Picture
                    </label>
                </div>
                <img id="vehicle_picture3_preview" class="img-thumbnail mt-2" style="display: none; max-height: 150px;">
                <div class="invalid-feedback">Please upload back view picture.</div>
            </div>
        </div>
    </div>
    
    
    <div class="row mb-4">
        <div class="col-md-6 mb-3">
            <label for="vehicle_color" class="form-label">Vehicle Color <span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="vehicle_color" name="vehicle_color" 
                   value="<?php echo isset($_SESSION['application_step3']['vehicle_color']) ? htmlspecialchars($_SESSION['application_step3']['vehicle_color']) : ''; ?>" 
                   placeholder="e.g., White, Black, Red" required>
            <div class="invalid-feedback">Please provide vehicle color.</div>
        </div>
        
        <div class="col-md-6 mb-3">
            <label for="license_id" class="form-label">Driving License ID <span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="license_id" name="license_id" 
                   value="<?php echo isset($_SESSION['application_step3']['license_id']) ? htmlspecialchars($_SESSION['application_step3']['license_id']) : ''; ?>" 
                   placeholder="License number" required>
            <div class="invalid-feedback">Please provide your driving license ID.</div>
        </div>
    </div>
    
    <div class="row mb-4">
        <div class="col-md-6 mb-3">
            <label for="driving_experience" class="form-label">Driving Experience <span class="text-danger">*</span></label>
            <select class="form-select" id="driving_experience" name="driving_experience" required>
                <option value="">Select Experience</option>
                <option value="Less than 1 year" <?php echo (isset($_SESSION['application_step3']['driving_experience']) && $_SESSION['application_step3']['driving_experience'] === 'Less than 1 year') ? 'selected' : ''; ?>>Less than 1 year</option>
                <option value="1-3 years" <?php echo (isset($_SESSION['application_step3']['driving_experience']) && $_SESSION['application_step3']['driving_experience'] === '1-3 years') ? 'selected' : ''; ?>>1-3 years</option>
                <option value="3-5 years" <?php echo (isset($_SESSION['application_step3']['driving_experience']) && $_SESSION['application_step3']['driving_experience'] === '3-5 years') ? 'selected' : ''; ?>>3-5 years</option>
                <option value="5-10 years" <?php echo (isset($_SESSION['application_step3']['driving_experience']) && $_SESSION['application_step3']['driving_experience'] === '5-10 years') ? 'selected' : ''; ?>>5-10 years</option>
                <option value="More than 10 years" <?php echo (isset($_SESSION['application_step3']['driving_experience']) && $_SESSION['application_step3']['driving_experience'] === 'More than 10 years') ? 'selected' : ''; ?>>More than 10 years</option>
            </select>
            <div class="invalid-feedback">Please select your driving experience.</div>
        </div>
        
        <div class="col-md-6 mb-3">
            <label for="user_picture" class="form-label">Your Picture <span class="text-danger">*</span></label>
            <div class="file-upload-wrapper">
                <input type="file" class="file-upload-input" id="user_picture" name="user_picture" 
                       accept="image/*" required>
                <label for="user_picture" class="file-upload-label">
                    <i class="fas fa-user me-2"></i>Choose Your Picture
                </label>
            </div>
            <img id="user_picture_preview" class="img-thumbnail mt-2" style="display: none; max-height: 150px;">
            <div class="invalid-feedback">Please upload your picture.</div>
        </div>
    </div>
    
    
    <div class="alert alert-warning">
        <h6><i class="fas fa-exclamation-triangle me-2"></i>Upload Guidelines</h6>
        <ul class="mb-0">
            <li>Maximum file size: 5MB per image</li>
            <li>Supported formats: JPG, JPEG, PNG, GIF</li>
            <li>Vehicle pictures should be clear and show the complete vehicle</li>
            <li>Your picture should be a clear headshot</li>
        </ul>
    </div>
    
    <div class="d-flex justify-content-between">
        <a href="new-application.php?step=2" 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>