@extends('v2.layout.apps')

@section('content')
<div class="clearfix"></div>
<div class="investor-background text-white text-center">
</div>
<h1 class="text-center text-white investor-text">Salutica Financial Information</h1>
<div class='clearfix'></div>
<div class='container mt-6 mb-5'>
    @php
    $currentYear = "";
    $year= date("Y",strtotime("-1 year"));
    @endphp
    <ul class="nav nav-tabs nav-pills justify-content-center mb-3" id="myTab" role="tablist">
        @foreach($financials as $announcement)
        @if($currentYear != date("Y", strtotime($announcement->publish_date)))
        @php
        $currentYear = date("Y", strtotime($announcement->publish_date));
        @endphp
        @if($currentYear ==$year)
        <li class="nav-item">
            <a class="nav-link active" id="home-tab-{{$currentYear}}" data-toggle="tab" href="#home-{{$currentYear}}"
                role="tab" aria-controls="home-{{$currentYear}}" aria-selected="true">{{$currentYear}}</a>
        </li>
        @else
        <li class="nav-item">
            <a class="nav-link" id="home-tab-{{$currentYear}}" data-toggle="tab" href="#home-{{$currentYear}}"
                role="tab" aria-controls="home-{{$currentYear}}" aria-selected="false">{{$currentYear}}</a>
        </li>
        @endif
        @endif
        @endforeach
    </ul>
    <div class="tab-content" id="myTabContent">
        @foreach($financials as $announcement)
        @if($currentYear != date("Y", strtotime($announcement->publish_date)))
        @php
        $currentYear = date("Y", strtotime($announcement->publish_date));
        @endphp
        @if($currentYear ==$year)
        <div class="tab-pane fade show active" id="home-{{$currentYear}}" role="tabpanel"
            aria-labelledby="home-{{$currentYear}}">
            @foreach($financials as $announcement)
            @if($currentYear ==date("Y", strtotime($announcement->publish_date)))
            <a href="{{$announcement->link}}" class="card text-decoration-none investor-card-info">
                <div class='card-body'>
                    <div class="row">
                        <div class="col-sm-10 col-md-11">
                            <span
                                class='text-primary font-italic font-weight-bold'>{{date("M j, Y",strtotime($announcement->publish_date))}}</span>
                            <div class="clearfix"></div>
                            <p class="text-salutica">{{$announcement->post}}</p>
                        </div>
                        <div class='col-sm-1 col-md-1'>
                            <i class="fas fa-chevron-right text-salutica investor-list-item"></i>
                        </div>
                    </div>
                </div>
            </a>
            @endif
            @endforeach
        </div>
        @endif
        @if($currentYear !=$year)
        <div class="tab-pane fade" id="home-{{$currentYear}}" role="tabpanel" aria-labelledby="home-{{$currentYear}}">
            @foreach($financials as $announcement)
            @if($currentYear ==date("Y", strtotime($announcement->publish_date)))
            <a href="{{$announcement->link}}" class="card text-decoration-none investor-card-info">
                <div class='card-body'>
                    <div class="row">
                        <div class="col-sm-10 col-md-11">
                            <span
                                class='text-primary font-italic font-weight-bold'>{{date("M j, Y",strtotime($announcement->publish_date))}}</span>
                            <div class="clearfix"></div>
                            <p class="text-salutica">{{$announcement->post}}</p>
                        </div>
                        <div class='col-sm-1 col-md-1'>
                            <i class="fas fa-chevron-right text-salutica investor-list-item"></i>
                        </div>
                    </div>
                </div>
            </a>
            @endif
            @endforeach</div>
        @endif
        @endif
        @endforeach
    </div>
    <div class='clearfix'></div>
    <div class="row mt-5 border-top">
        <div class="col-md-6 mt-3">
            <img src="/images/panorama-433610_1920.jpg" alt="ir-relationship" class="img-fluid">
        </div>
        <div class="col-md-6 mt-3">
            <h5 class='h4 card-title'>IR Contact</h5>
            <p>For inquiries relating to stock, company's information and business update, you can contact us at :</p>
            <p>
                <strong>Michelle Chan</strong>, <small>Chief Finance Officer</small>
                <div class='clearfix'></div>
                Tel: +605 320 6800
                <div class="clearfix"></div>
                Email: <a href="mailto:invest@salutica.com.my">invest@salutica.com.my</a>
            </p>
        </div>
    </div>
</div>
@endsection