@extends('layout.app', ['title' => 'Hướng dẫn xóa tài khoản'])

@push('style')
  @vite(['resources/css/layout/banner_main.css', 'resources/css/support_policy.css'])
@endpush

@section('content')
  <section class="page-wrap col-8 col-md-9 col-xl-10 flex-grow-1 px-0">
    <section class="banner-main position-relative w-100">
      <div>
        <img src="{{ asset('img/promotion/banner_promotion.png') }}" alt="" class="w-100">
      </div>
      <div class="banner-main-wrap position-absolute mt-2">
        <div class="banner-main-content text-white">
          <div class="banner-main-header text-uppercase">
            <h2>Hướng dẫn xóa tài khoản</h2>
          </div>
          {{-- <div class="banner-main-text fs-17">
            <p class="text-indent">Cảm ơn bạn đã để lại góp ý cho chúng tôi, chúng tôi sẽ phản hồi với bạn sớm nhất</p>
          </div> --}}
        </div>
      </div>
    </section>
    <div class="container px-5">
      <div class="row">
        <div class="col-12">
          <div class="support-content my-5">
            <h1 class="text-center policyTitle">Hướng dẫn xóa tài khoản</h1>

            <p>Dưới đây là các bước người dùng cần thực hiện khi xóa tài khoản trong ứng dụng Sieuhoc</p>
            <h5><strong>1. Đăng nhập</strong></h5>
            <p class="text-indent">Người dùng phải đăng nhập vào tài khoản của mình.</p>

            <h5><strong>2. Truy cập trang thông tin cá nhân tài khoản</strong></h5>
            <p class="text-indent">Vào phần <strong>Thông tin cá nhân</strong> từ avatar tại submenu của ứng dụng.</p>
            <div class="d-flex justify-content-center mb-3">
              <img src={{ asset('img/landing/delete_account_1.png') }} alt="delete account">
            </div>

            <h5><strong>3. Chọn mục Xóa tài khoản</strong></h5>
            <p class="text-indent">Tìm và nhấp vào <img src={{ asset('img/landing/icon_delete.png') }}
                alt="delete account"> icon (đây là mục Xóa tài khoản).</p>
            <div class="d-flex justify-content-center mb-3">
              <img src={{ asset('img/landing/delete_account_2.png') }} alt="delete account">
            </div>

            <h5><strong>4. Hiểu rõ về hậu quả</strong></h5>
            <p class="text-indent pb-0">Hiển thị trang thông tin giải thích hậu quả của việc xóa tài khoản.</p>
            <div class="d-flex justify-content-center mb-3">
              <img src={{ asset('img/landing/delete_account_3.png') }} alt="delete account">
            </div>

            <h5><strong>5. Xác nhận lần cuối</strong></h5>
            <p class="text-indent pb-0">Hiển thị hộp thoại xác nhận để người dùng nhấn <strong>Xác nhận xóa</strong>.</p>
            <div class="d-flex justify-content-center mb-3">
              <img src={{ asset('img/landing/delete_account_4.png') }} alt="delete account">
            </div>

            <h5><strong>6. Xóa dữ liệu cá nhân</strong></h5>
            <p class="text-indent">Sau khi thời gian chờ kết thúc, hệ thống xóa tài khoản và toàn bộ dữ liệu liên quan.
            </p>

          </div>
        </div>
      </div>
    </div>
  @endsection
  </div>
  @push('script')
    @vite('resources/js/contact.js')
  @endpush