إنشاء صفحة مركز المباريات

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

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

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

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

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

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

4. عرض الفريق المضيف والنتيجة والفريق الضيف لكل مباراة. وإذا لم تبدأ، فاعرض وقت الانطلاق بدلاً من ذلك. ضع على النتائج المباشرة وسم «Live»، وعلى النتائج التي لم يعتمدها الدوري بعد وسم «Provisional». وإذا كانت المباراة مؤجلة، فاعرض ذلك بدلاً من الوقت. وإذا مر تاريخ المباراة ولم تُسجَّل نتيجة بعد، فاعرض «Awaiting result» بدلاً من الوقت.

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

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

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

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

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

التصميم: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT]