@extends('layout')
@section('title')
    <title>{{ __('translate.Unsubscribe') }} | {{ $setting->app_name }}</title>
@endsection

@section('body-content')
    <section class="contact-us common-class" style="padding:80px 0;">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8">
                    <div class="crancy-product-card" style="background:#fff;border:1px solid #e8ecf1;border-radius:8px;padding:32px;">
                        <h2 class="taitel" style="margin-bottom:12px;">{{ __('translate.Unsubscribe') }}</h2>
                        <p class="text-muted">{{ __('translate.Newsletter unsubscribe description') }}</p>

                        <form action="{{ route('newsletter-unsubscribe-submit') }}" method="POST" class="mg-top-20">
                            @csrf
                            <div class="form-item">
                                <label for="unsubscribe_email">{{ __('translate.Email') }}</label>
                                <input class="form-control @error('email') is-invalid @enderror"
                                    type="email"
                                    name="email"
                                    id="unsubscribe_email"
                                    value="{{ old('email', $email) }}"
                                    required>
                                @error('email')
                                    <span class="text-danger small d-block mt-1">{{ $message }}</span>
                                @enderror
                            </div>
                            <button type="submit" class="main-btn mg-top-20">{{ __('translate.Unsubscribe') }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection