@extends('layouts.frontendProfile')

@section('profile-content')
    <p class="bg-white card-header mb-4 text-dark" style="margin: 0 -15px;"><i class="fas fa-key mr-2"></i>เปลี่ยนรหัสผ่าน</p>
    <form method="POST" id="emailPost" action="{{ url('/forgot_password') }}">
        @csrf
        <div class="form-group">
            <label><i class="fa fa-envelope-square"></i> อีเมล์ของคุณ</label>
            <input type="email" name="email" placeholder="กรอกอีเมล์ของคุณ" id="email" class="form-control">
        </div>
        <button type="submit" class="btn btn-success w-100">ส่งอีเมล์</button>
    </form>
@endsection

@section('script')
    <script>
        $('#emailPost').on('submit', function(e) {
            e.preventDefault();
            var formData = $(this).serialize();
            $.post(`{{ url('/forgot_password ') }}`, formData, function(data) {
                if (data.success) {
                    swal('สำเร็จ', 'เราได้ส่งลิ้งรีเซ็ทรหัสผ่านไปที่อีเมล์ของคุณเรียบร้อย', 'success').then(
                        function() {
                            location.reload();
                        });
                } else {
                    swal('ไม่สำเร็จ', ' ' + data.msg, 'error');
                }
            });
        });
    </script>
@endsection