@extends('frontend.layouts.app')
@section('style')
    @include('frontend.pages.events_training.css')
@endsection
@section('content')
    <section class="events-container">
        <div class="events-header">
            <h1>الفعاليات</h1>
            <p>اكتشف ورش العمل والمؤتمرات والجلسات التدريبية القادمة التي تهدف إلى تمكين المنشآت الصغيرة والمتوسطة وروّاد
                الأعمال بأحدث المهارات والفرص.</p>
        </div>

        <div class="filter-bar">
            <input type="text" placeholder="  كلمات مفتاحية ..." />
            <select>
                <option value="">المنطقة</option>
                <option value="Marketing">الرياض</option>
                <option value="Finance">جدة</option>
                <option value="Export">الدمام</option>
                <option value="Investment">مكة</option>
            </select>
            <select>
                <option value="">القطاع</option>
                <option value="Marketing">القطاع غير الربحي</option>
                <option value="Finance">القطاع الربحي</option>
            </select>
            <select>
                <option value="">كل التصنيفات</option>
                <option value="Marketing">التسويق</option>
                <option value="Finance">المالية</option>
                <option value="Export">التصدير</option>
                <option value="Finance">الصناعة</option>
                <option value="Finance">زراعة</option>
                <option value="Investment">الاستثمار</option>
            </select>
        </div>

        <div class="events-grid">
            <div class="event-card">
                <img src="https://picsum.photos/400/200?random=11" alt="فعالية 1" />
                <div class="event-info">
                    <div class="date">25 أكتوبر</div>
                    <h3>معرض العقاري في السعودية</h3>
                    <p>تعلم استراتيجيات التسويق الرقمي، بناء العلامة التجارية، وأفضل ممارسات وسائل التواصل الاجتماعي لتنمية
                        جمهورك.</p>
                </div>
                <div class="event-actions">
                    <button class="btn-register">سجل الآن</button>
                </div>
            </div>

            <div class="event-card">
                <img src="https://picsum.photos/400/200?random=12" alt="فعالية 2" />
                <div class="event-info">
                    <div class="date">10 نوفمبر</div>
                    <h3>عيادة عروض المستثمرين</h3>
                    <p>مارس تقديم عروضك أمام مستثمرين حقيقيين واحصل على تعليقات لتحسين عرضك التقديمي.</p>
                </div>
                <div class="event-actions">
                    <button class="btn-register">سجل الآن</button>
                </div>
            </div>

            <div class="event-card">
                <img src="https://picsum.photos/400/200?random=13" alt="فعالية 3" />
                <div class="event-info">
                    <div class="date">18 نوفمبر</div>
                    <h3>مؤتمر التسويق للشركات الصغيرة</h3>
                    <p>اتقن إعداد وثائق الشحن والتعامل مع اللوائح واللوجستيات لتوسيع نشاطك على المستوى العالمي.</p>
                </div>
                <div class="event-actions">
                    <button class="btn-register">سجل الآن</button>
                </div>
            </div>
        </div>
    </section>
@endsection