{% extends "administrator/base.html" %}

{% block title %}
Admin Panel
{% endblock %}

{% block content %}
<section class="flex items-center justify-center mt-20 p-5">
    <hr>

    <div class="w-[400px]">

        <h3 class="text-blue-1 font-bold text-xl">Sign In to Continue</h3>
        <form class="mt-5" id="loginForm">
    <div class="mb-5">
      <label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your email</label>
      <input type="email" id="email" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="name@flowbite.com" required />
    </div>
    <div class="mb-5">
      <label for="password" class="block mb-2 text-sm font-medium text-gray-900">Your password</label>
      <input type="password" id="password" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" required />
    </div>
    <button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Submit</button>
  </form>

    </div>

</section>
{% endblock %}

{% block js %}
<script>
    $("#loginForm").submit(function(e){
        e.preventDefault();
        const email = $("#email").val();
        const password = $("#password").val();

        $.post({
            url: '{% url manager-login %}',
            data: {
                'email': email,
                'password': password,
            },
            success: function(response){
                const result = JSON.parse(response);
                switch(result.status){
                    case 'success':
                        Swal.fire({
                            title: 'Success',
                            text: result.msg,
                            icon: 'success',
                            confirmButtonText: 'Okay'
                        }).then(outcome => {
                            window.location = "{% url manager-deposits %}";
                        })
                        break;
                    case 'error':
                        Swal.fire({
                            title: 'Error',
                            text: result.msg,
                            icon: 'error',
                            confirmButtonText: 'Okay'
                        }).then(outcome => {
                            //window.location = "{% url adminDeposit %}";
                        })
                        break;
                }
            }
        })
    })
</script>
{% endblock %}