@extends('layouts.mainapp')

@section('content')
    <section id="HomePage">
        <div class="container">
            <div class="opencalls-list row">

            </div>
            @if(isset($upcoming_calls) && $upcoming_calls->count()>0)
                <div class="upcoming-calls row">
                    <div class="upcoming-calls--left col-md-3">
                        <h3 class="main-title">Upcoming Calls</h3>
                        <img src="{{asset('images/upcoming-calls.png')}}" alt="Upcoming Calls">
                    </div>

                    <div class="upcoming-calls--list col-md-9 row">
                        @foreach($upcoming_calls as $upcoming)
                            <div class="col-md-4">
                                <div class="upcoming-calls--item">
                                    <div class="upcoming-calls--item---mini-title">
                                        {{--todo what is secondary title?--}}
                                        <h4 class="secondary-title">{{$upcoming->call_quote}}
                                        </h4>
                                        <p class="date-active">Opening:
                                            {{date_format(date_create($upcoming->call_opens_on),'d/m/Y' )}}
                                            - Deadline: {{ date_format(date_create($upcoming->submission_deadline),'d/m/Y' )}}</p>
                                    </div>
                                    {{--todo what is main title?--}}
                                    <h3 class="upcoming-calls--item---title main-title">{{$upcoming->call_title}}</h3>
                                    <div class="upcoming-calls--item---btn main-btn"><a
                                            href="{{route('open-calls-single', ['call' =>$upcoming ])}}">Read
                                            More</a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        {{--todo what if more than 3 ?--}}
                    </div>

                </div>
            @endif
            <div class="ai4-info row">
                <div class="ai4-info--logo col-md-4">
                    <img src="{{asset('images/ai4-info.png')}}">
                </div>
                <div class="ai4-info--content col-md-7">
                    <div class="ai4-info--content---logo">
                        <img src="{{asset('images/Demokritos-egov-dua-normal.svg')}}">
                    </div>
                    <p class="ai4-info--content---title main-title">Doctoral Dissertations (2026)</p>
                    <p class="ai4-info--content---description">
                        Annual program for announcing scholarships for the preparation of a doctoral dissertation.
                        The program is implemented by the Education Office of NCSR “D”. The duration of the scholarship
                        cannot exceed 4 years for PhD candidates who will begin in the academic year 2026–2027, and
                        3 years for PhD candidates who have already started working on their doctoral dissertation
                        in the academic year 2025–2026. </p>
{{--                    <div class="ai4-info--content---btn">--}}
{{--                        <a target="_blank" href="#">Read More</a>--}}
{{--                    </div>--}}
                </div>
            </div>

        </div>
    </section>
@endsection