طراحی پنل خرید

اول از همه وقتی وارد پنل میشه یک صفحه لاگین داشته باشه که بتونه با یک یوزرنیم یا پسورد مشتری لاگین کنه بعد از صفحه لاگین صفحه ای لود بشه که شامل سه تا دکمه هست دکمه اول خرید اکانت دکمه دوم تمدید اکانت و دکمه سوم سوابق خرید - یه کادر نمایشی هم بالای همه صفحات باشه که موجودیشو بهش نشون بده وقتی روی دکمه خرید اکانت می‌زنه یه صفحه براش لود بشه که چندین مورد رو از کاربر تحویل بگیره: ۱. اسم اکانت که داخل پنل x-ui ایمیل نامگذاری شده ۲. حجم اکانت رو انتخاب کنه ۳. زمان اکانت این سه مورد رو از مشتری تحویل بگیره و اکانت رو همونجوری که داخل پنل ساخته شده دقیقاً همان شکلی که در inbound پنل تعریف شده تولید بشه و به همراه عکس کیو آر کد و لینک vless به کاربر نمایش داده بشه چرا نوشتم به همون شکل تولید بشه؟ چون اونجا ما یه سری جزئیات تعریف کردیم اعم از external proxy و مقدار Host ، میخوام با همون جزئیات از پنل دریافت کنه اکانت رو وقتی روی دکمه تمدید اکانت می‌زنه وارد صفحه‌ای بشه که اکانت‌ها با اسم‌هاشون ردیف شدند روی اسم هر اکانت زد مشخصات اون اکانت اعم از: اسم اکانت حجم باقیمانده زمان باقی مانده عکس qr code لینک vless نمایش داده بشه و یک دکمه در اونجا تعبیه بشه به اسم تمدید اکانت که وقتی روی اون کلیک کنه از موجودی داخل پنلش کم بشه و پیامی نمایش داده بشه که اکانت تمدید شد برای آخرین دکمه صفحه طبیعی بشه که کاربر بتونه سوابق خرید قبلی خودشو رو ببینه برای این پنل یک پنل مدیریتی نیازه طراحی بشه که شامل موارد زیر باشه: ۱. مدیر بتونه اکانت کاربر مشتری رو در اینجا ایجاد حذف و تعلیق کنه. ۲. مدیر بتونه چندین سرور تعریف کنه و سروری که برای خرید فعال باشه تعیین کنیم که خریدها از اون سرور انجام بشه ۳. بتونیم موجودی هر مشتری رو افزایش یا کاهش بدیم ۴. در پنل مدیریتی بتونیم حجم‌های اکانت‌ها را تعیین کنیم مثلاً حجم یک گیگ تا ۱۰ گیگ تعریف کنیم و کاربر در صفحه خرید یکی از این حجم‌ها را بتونه انتخاب کنه ۵. در پنل مدیریتی بتونیم سوابق خرید هر مشتری رو به تفکیک روز و تاریخ ببینیم