أنشئ صفحة مركز المباريات

قبل أن تبدأ، اقرأ مواصفات JSON API الخاصة بـ LeagueRepublic على https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. استخدم فقط الخدمات وعناوين الويب وأسماء الحقول التي تصفها، واتبع قواعدها بشأن حد الطلبات والقيم الفارغة والأخطاء وأن "road" تعني خارج الأرض. إذا لم تتمكن من فتح ذلك العنوان، فتوقف واطلب مني لصق المواصفات.

أنشئ لي صفحة ويب واحدة (ملف HTML واحد يمكنني فتحه في متصفحي) تعرض مركز مباريات الدوري الخاص بي، باستخدام خدمة Get Match Hub. معرّف موسمي هو [معرّف-الموسم-الخاص-بي].

يجب أن تقوم الصفحة بما يلي:

1. اعرض في الأعلى شريطاً من أيام المباريات القابلة للنقر، بما في ذلك عنصر "سيتم تأكيده". يُظهر كل يوم عدد النتائج وعدد المباريات المتبقية فيه. النقر على يوم يحمّله. عند فتح الصفحة، مرّر الشريط بحيث يكون اليوم المعروض ظاهراً.

2. اسمح لي بالتبديل بين المواسم.

3. اعرض مباريات اليوم مجمّعة تحت اسم كل قسم أو دور من أدوار الكأس.

4. لكل مباراة، اعرض الفريق المضيف والنتيجة والفريق الضيف. إذا لم تبدأ المباراة بعد، فاعرض وقت انطلاقها بدلاً من ذلك. ضع على النتائج المباشرة التسمية "مباشر"، وعلى النتائج التي لم يعتمدها الدوري بعد التسمية "مؤقتة". إذا تأجلت مباراة، فاعرض ذلك بدلاً من الوقت. إذا مرّ موعد المباراة ولم تتوفر نتيجة بعد، فاعرض "بانتظار النتيجة" بدلاً من الوقت.

5. اعرض أي تفاصيل إضافية للنتيجة، مثل نتيجة الشوط الأول أو ركلات الترجيح، بخط صغير. لا تكرر دور الكأس تحت المباراة إذا كان موجوداً في اسم المجموعة.

6. تحت كل قسم، اعرض جدول ترتيبه: المركز، الفريق، لعب، فاز، تعادل، خسر، الفارق، النقاط، والأداء الأخير.

7. إذا كانت المباراة تتضمن مباريات فردية (السهام، البلياردو) أو أشواطاً (innings) أو نتائج أرباع، فاعرضها في قسم يمكنني فتحه وإغلاقه.

8. احفظ كل يوم بعد تحميله، ولا تطلب اليوم نفسه مرة أخرى خلال دقيقة.

اجعل التصميم نظيفاً وسهل القراءة على الهاتف. اشرح لي بخطوات بسيطة كيف أفتح الملف وأستخدمه. اسألني إذا كان أي شيء غير واضح.

التصميم: [صف الشكل الذي تريده، أو أرفق لقطة شاشة]