@extends('layouts.frontend')

@section('content')
<div class="container">
    <div class="row pt-4 m-0 justify-content-center" style="min-height: 664px;">
        <div class="col-sm-12  col-lg-8">
            <div class="card-profile ">
                <div class="border-gold-bottom mb-1">
                <p class="lt-168-header p-3"><i class="fas fa-bars"></i>ลืมรหัสผ่าน</p>
                </div>
                <form method="POST" id="emailPost" action="{{ url('/forgot_password')}}" class=" p-3">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-12 col-form-label"><i class="fa fa-envelope-square"></i> อีเมล์ของคุณ</label>
                        <div class="col-sm-12">
                            <input type="email" name="email" placeholder="กรอกอีเมล์ของคุณ" id="email" class="form-control">
                        </div>
                      </div>
                      <button type="submit" class="btn btn-success w-100">ส่งอีเมล์</button>
                </form>
            </div>
        </div>
    </div>
</div>
@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(){
                    window.location = `{{ url('/')}}`;
                });
            }else{
                swal('ไม่สำเร็จ' , ' '+data.msg , 'error');
            }
        });
    });
        $(".li-tabs.active").css("background-color", "#024a8e");
        $('.li-tabs').on('click' , function(){
            // $('.li-tabs').removeClass('acitve');
            $(".li-tabs").css("background-color", "#04396b");
            $(this).css("background-color", "#024a8e");
        });
    </script>
@endsection