{% include 'header.html' %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link href="../static/css/materialize.min.css" rel="stylesheet">

<div class="contact-section" style="height: 100%;">
    <div class="container">
        <div class="row center justify-content-center" style="margin-top: 10%;">
            <h1>Hi {{ name }}!</h1>
            {% if waitlisted %}
                <h1>You are waitlisted, if space opens up we ill let you know...</h1>
            {% else %}
                <h1>You are fully registered! We look forward to seeing you!</h1>
		Let us know if you have any questions by sending them to hack@wpi.edu
                <br>
                Forgot to upload your resume while registering? No worries, submit it here:
            </div>
            <div class="row center justify-content-center">
                <form method="post" action="/resumepost" enctype="multipart/form-data">
                    <p><b>If you'd like, add your resume to send to sponsors... </b></p>
                    <div class="file-field input-field">
                        <div class="btn">
                            <span>File</span>
                            <input id="resume" name="resume" type="file"/>
                        </div>
                        <div class="file-path-wrapper">
                            <input class="file-path validate" type="text">
                        </div>
                    </div>
                    <input name="submit" class="btn btn-lg btn-primary btn-invert" type="submit" value="Submit"/>
                </form>
            {% endif %}
            <br>

        </div>
        {% if admin %}
        <br>
        <div class="row justify-content-center">
                <a href="/admin"><p class="btn">Admin Dashboard</p></a>
        </div>
        {% endif %}
        <br>
    </div>
    <br>
    <br>
    <center><a href="#" id="drop-link"><p class="btn">Drop Application if you can't make it :(</p></a></center>
</div>

<script>
    let errColor = '#E74C3C'

    $(document).ready(() => {
        $('#drop-link'
    ).click((e) => {
        e.preventDefault()
    let id = {{ id }}
        drop(id)
    })
    })

    const drop = (id) =>
    {
        swal({
            title: 'Drop your application?',
            text: 'Are you sure you wish to drop your application? This cannot be undone. (patiently wait after clicking the button)',
            type: 'warning',
            showCancelButton: true,
            closeOnConfirm: false,
            confirmButtonText: 'Yes, drop!',
            confirmButtonColor: errColor
        }, () => {
            $.get('/drop?mlh_id=' + id, (data) => {
            let title = ''
            let msg = ''
            let type = ''
            if (data.status === 'success'
    )
        {
            title = 'Dropped!'
            msg = 'Your application was successfully dropped!'
            type = 'success'
        }
    else
        {
            title = 'Error!'
            msg = JSON.stringify(data)
            type = 'error'
        }
        swal(title, msg, type)
        if (data.status === 'success') {
            setTimeout(() => {window.location = '/'
        },
            5000
        )
        }
    })
    })
    }
</script>

{% include 'footer.html' %}