@extends('v2.layout.apps')

@section('header')
<title>Annual Report - Salutica Berhad</title>
@endsection

@section('content')
<div class="clearfix"></div>
<div class="investor-background text-white text-center">
</div>
<h1 class="text-center text-white investor-text">Salutica Annual Report</h1>
<div class='clearfix'></div>
<div class='container mt-6 mb-5'>
    @php
    $currentYear = "";
    @endphp
    <ul class="list-group">
        @foreach($reports as $report)
        @if($currentYear != $agm->year)
            @php
                $currentYear = $agm->year;
            @endphp
            <h4 class="text-salutica mt-5"><b>{{$currentYear}}</b></h4>
        @endif
        <a href="{{$agm->link}}" class="list-group-item list-group-item-action">
            <p class="text-salutica">{{$agm->post}}
                <i class="fas fa-chevron-right float-right pt-2"></i>
            </p>
        </a>
    @endforeach
    </ul>
    <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

{{-- @extends('layout.app')

@section('content')
<div class="clearfix"></div>
<div class="row">
    <div class='col-md-12 col-sm-12'>
        <img src="/images/20140827005630-Sharing.jpg" style="width:100%; overflow:hidden; margin-top:-500px;z-index:-99;">
        <div class="clearfix"></div>
        <h4 class="h4 text-blue text-center mt-3"><strong>ANNUAL REPORTS</strong></h4>
        <div class='row justify-content-center'>
            <div class="articles col-6">
                @php
                    $year = "";
                @endphp
                @foreach($reports as $report)
                    @if($year !== $report->year)
                        <br>{{$report->created_at}}
                        <a href="{{$report->link}}" class="text-black">{{$report->post}}</a>
                    @else   
                        <a href="{{$report->link}}" class="text-black">{{$report->post}}</a>
                    @endif
                @endforeach
            </div>
        </div>
        <a href="/investor-relations" class='btn btn-outline-info float-right'>Back</a>
    </div>
</div>
<div class='clearfix mt-4'></div>
@endsection

@section('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>
<script>
    $(document).ready(function(){
        $(".articles").niceScroll();
    })
</script>
@endsection --}}