@extends('layout.mainlayout')
@section('content')
<style>
.account-deletion-section {
    background: #fdfdfd;
    min-height: 100vh;
    padding: 10vh 0 0;
    direction: ltr;
}
.account-deletion-container {
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}
.account-deletion-title {
    text-align: center;
    margin-bottom: 30px;
}
.account-deletion-title h2 {
    font-weight: 600;
    margin-bottom: 10px;
}
.account-deletion-title p {
    font-size: 14px;
}
.form-group {
    margin-bottom: 20px;
}
.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}
.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #DADADA;
    border-radius: 4px;
    font-size: 14px;
    font-family: system-ui;
}
.form-group textarea {
    height: 120px;
    resize: none;
}
.submit-btn {
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}
.submit-btn:hover {
    opacity: 0.9;
}
.success-message {
    background: #d4edda;
    color: #155724;
    padding: 15px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 20px;
}
</style>
<section class="account-deletion-section">
    <div class="container">
        <div class="account-deletion-container">
            @if(session('success'))
                <div class="success-message">
                    {{ session('success') }}
                </div>
            @endif

            <div class="account-deletion-title">
                <h2 @if(!empty($profile) && $profile->COLOR) style="color:{{$profile->COLOR}}" @endif>Account Deletion Request</h2>
                <p @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif>Please provide your email or mobile number and reason for requesting account deletion. We will process your request within two weeks.</p>
            </div>

            <form method="POST" action="{{ route('account.deletion.submit') }}">
                @csrf
                <div class="form-group">
                    <label for="email_or_mobile">Email or Mobile Number</label>
                    <input type="text" id="email_or_mobile" name="email_or_mobile" required placeholder="Enter your email or mobile number">
                </div>

                <div class="form-group">
                    <label for="reason">Reason for Deletion</label>
                    <textarea id="reason" name="reason" required placeholder="Please describe why you want to delete your account"></textarea>
                </div>

                <button type="submit" class="submit-btn" @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif>Submit Request</button>
            </form>
        </div>
    </div>
</section>
@endsection