@extends('layouts.app')
@section('content')
<div class="container">
    <h5 class="text-center">DELETE CREDENTIALS</h5>

    @php
    $session_otp = Session::get('otp');
    @endphp

    <div class="col-md-4 offset-md-4">
        <div class="card p-4">

            @if (session('success'))
            <p style="color: green;">{{ session('success') }}</p>
            @endif

            @if ($errors->any())
            <ul>
                @foreach ($errors->all() as $error)
                <li style="color: red;">{{ $error }}</li>
                @endforeach
            </ul>
            @endif


            @if ($session_otp)
            <form action="{{ route('user.delete') }}" method="POST">
                @csrf
                <div class="form-group p-2">
                    <label for="email">Email:</label>
                    <input type="email" id="email" name="email" class="form-control" required>
                </div>

                <div class="form-group p-2">
                    <label for="otp">OTP:</label>
                    <input type="text" id="otp" name="otp" class="form-control" required>
                </div>

                <div class="form-group p-2">
                    <button type="submit" class="btn btn-primary btn-sm mt-2">DELETE MY ACCOUNT</button>
                </div>
            </form>
            @else
            <form action="{{ route('user.generate.otp') }}" method="POST"> @csrf
                <div class="form-group">
                    <label for="email">Email:</label>
                    <input type="email" id="email" name="email" class="form-control" required>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-sm mt-2">GENERATE OTP</button>
                </div>
            </form>
            @endif
        </div>
    </div>
</div>
@endsection