<?php
function update_profile_picture_form()
{
    $form = '
        <div class="form_card">
            <h5 class="underline">Update Profile Picture</h5>
            <span class="modal_close">&times;</span>
            <form method="post">
                <input type="hidden" name="form_id" value="update_profile_picture_form">
                <input type="hidden" name="user_id" value="' . $_GET['user_id'] . '">
                <input type="hidden" name="crop_x" value="" id="crop_x">
                <input type="hidden" name="crop_y" value="" id="crop_y">
                <input type="hidden" name="crop_width" value="" id="crop_width">

                <label for="profile_picture_input" class="upload_button modal_button" id="profile_cropper_button">Upload a Profile Picture</label>
                <input id="profile_picture_input" class="file_input" name="profile_picture" type="file" accept="image/png, image/jpeg, image/jpg">
                <small class="file_input_feedback">No file selected.</small>
            
                <input type="submit" class="button" value="Update Profile Picture">
            </form>

            <div id="modal" class="modal">
                <div id="display_modal"></div>
            </div>

            <div style="display: none;">
                <div id="profile_cropper" class="modal_form">' . profile_cropper() . '</div>
            </div>
        </div>
    ';

    return $form;
}
