@extends('layouts.master')
@section('title', 'প্রথম পাতা')
@section('slider')
@include('layouts.slider')
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="latest-news">
                <marquee>
                    @foreach($notices as $notice)
                    <a href="noticefiles/{{$notice->file}}"><i class="fa fa-circle" aria-hidden="true"></i> {{$notice->title}}</a>
                    @endforeach
                </marquee>
            </div>
        </div>
        <div class="col-md-12">
            <section class="feature-ads">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="title">
                                <h4>RUNNING EVENT</h4>
                            </div>
                        </div>
                    </div>

                    @foreach($events as $event)
                        @if($event->event_category === 'running')
                        <div class="row">
                            <div class="col-lg-7 col-md-12">
                                <div class="ad">
                                    <img src="{{ URL::to('public/images/' . $event->image) }}" alt="{{ $event->session->title }}" />
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-12">
                                <div class="registration-content">
                                    <h2>{{ $event->session->title }}</h2>
                                    <article>{!! $event->descriptions !!}</article>
                                    <a class="registration-now" href="{{URL::to('/registration')}}">Registration Now</a>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endforeach
                </div>
            </section>
            
            <section class="rewards">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="title">
                            <h4>REWARDS</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-12">
                        <div class="reward">
                            <div class="price">
                                <p>WINNERS PRIZE MONEY</p>
                                <ul>
                                    @foreach($rewards as $reward)
                                    <li class="box-with-shadow">
                                        <div class="content">
                                            <p>{{$reward->title}}</p>
                                            <h3>{{$reward->price}} Tk</h3>
                                        </div>
                                        <div class="icon">
                                            <img src="{{ URL::to('public/images/' . $reward->image) }}" alt="{{ $reward->title }}" />
                                        </div>
                                    </li>
                                    @endforeach
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12">
                        <div class="certificate">
                            <div class="box-with-shadow">
                                <p>WINNER WILL ALSO GET</p>
                                <ul>
                                    <li><span>1</span> Certificate with frame</li>
                                    <li><span>2</span> Medal for each Winner</li>
                                    <li><span>3</span> Leadership Traning</li>
                                    <li><span>4</span> Mentorship for Winners</li>
                                    <li><span>5</span> Offline ICT Course</li>
                                    <li><span>6</span> Advanced Ai for Education</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12">
                        <div class="sub-title">
                            <h5>WINNER ALSO GET CERTIFICATE</h5>
                        </div>
                        
                        <ul class="certificates">
                            @foreach($certificates as $certificate)
                            <li>
                                <div class="content">
                                    <h5>{{$certificate->title}}</h5>
                                    <p>{{$certificate->subtitle}}</p>
                                </div>
                                <div class="image">
                                    <img src="{{ URL::to('public/images/' . $certificate->image) }}" alt="{{ $certificate->title }}" />
                                </div>
                            </li>
                            @endforeach
                            
                        </ul>
                    </div>
                    
                    
                </div>
            </section>
            
            <section class="rounds-step">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="title">
                            <h4>ROUNDS & SYLLABOUS</h4>
                        </div>
                    </div>
                    
                    <div class="col-lg-12">
                        <div class="rounds">
                            @foreach($rounds as $round)
                                @if($round->status === 'running')
                                <div class="box-with-shadow">
                                    <div class="round-box">
                                        <div class="icon">
                                            <img src="{{ URL::to('public/images/' . $round->image) }}" alt="{{ $round->title }}" />
                                        </div>
                                        <div class="content">
                                            <p>{{$round->title}}<br> {{$round->titlebn}}</p>
                                            <h3><a href="{{url('round-details')}}/{{$round->id}}" class="btn">For Details</a></h3>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            @endforeach
                            
                        </div>
                    </div>
                </div>
            </section>
            <section class="about-founder">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="title">
                            <h4>FOUNDER'S MESSAGE</h4>
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-lg-12">
                        @foreach($speechs as $speech)
                            <div class="nbr rounded head-teacher">
                                <div class="media row">
                                    <div class="col-md-3 col-sm-12 col-xs-12">
                                        <div class="teacher-photo">
                                            <div class="bg-img" style="background-image: url({{'public/photofram.jpg'}})">
                                                <img src="{{'public/images'}}/{{$speech->image}}" class="img-responsive" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-sm-12 col-xs-12">
                                        <p class="text-left ">{!! $speech->speech !!}</p>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </section>
        </div>
        <!--@include('layouts.sidebar')-->
    </div>
    
    @section('lastest-photo')
        @include('layouts.latest-photo')
    @endsection
    
@endsection

@section('footer')
@include('layouts.footer')
@endsection