@extends('v2.layout.apps')

@section('header')
<title>Investors Relation - Salutica Berhad</title>
@endsection

@section('content')
<div class="clearfix"></div>
<div class="text-center investor-whiteboard">
    <h5 class="h1 text-white pt-6">Investors Relation</h5>
</div>
<div class='clearfix'></div>
<div class='container mt-6'>
    <h5 class="h4 card-title text-salutica font-weight-bold">Our financial information</h5>
    <div class="row">
        <div class="col-md-6 mt-5">
            <h5 class='h5 text-salutica text-center font-weight-bold'>Press Releases</h5>
            @foreach($announcements as $announcement)
            <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-dark'>{{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>
            @endforeach
            <a href="/announcements" class="float-right h6 mt-2 text-salutica text-decoration-none investor-text-info">SEE ALL PRESS RELEASES <i class='fas fa-chevron-right'></i></a>
        </div>
        <div class="col-md-6 mt-5">
            <h5 class='h5 text-salutica text-center font-weight-bold'>Financial Information</h5>
            @foreach($financials as $announcement)
            <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-dark'>{{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>            
            @endforeach
            <a href="/financial-information" class="float-right h6 mt-2 text-salutica text-decoration-none investor-text-info">SEE ALL FINANCIAL INFORMATION <i class='fas fa-chevron-right'></i></a>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="row mt-5 border-top">
        <div class="col-md-6 col-sm-12 mt-3">
            <h5 class='h5 text-salutica text-center font-weight-bold'>Corporate Governances</h5>
            <div class='list-group mt-2'>
                @foreach($corporates as $announcement)
                <a href="{{$announcement->link}}" class="list-group-item list-group-item-action investor-list-group-item" target="_BLANK">
                    <span>{{$announcement->post}}</span>
                    <i class="fas fa-chevron-right text-salutica float-right"></i>
                </a>
                @endforeach
            </div>
            <a href="/corporate-governance" class="float-right h6 mt-2 text-salutica text-decoration-none investor-text-info">SEE ALL CORPORATE GOVERNANCE <i class='fas fa-chevron-right'></i></a>
        </div>
        <div class='col-md-6 col-sm-12 mt-5'>
            <img src="/images/haptic_STILL.jpg" alt="corporate-governance" class="img-fluid">
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="row mt-5 border-top">
        <div class='col-md-6 col-sm-12 mt-5'>
            <img src="/images/02.jpg" alt="annual-general-meeting" class="img-fluid">
        </div>
        <div class="col-md-6 col-sm-12 mt-4">
            <h5 class='h5 text-salutica text-center font-weight-bold'>Annual General Meeting {{$agm[0]->year}}</h5>
            <div class='list-group mt-2'>
                @foreach($agm as $announcement)
                <div href="{{$announcement->link}}" target="_BLANK" class="list-group-item list-group-item-action investor-list-group-item">
                    <span>{{$announcement->post}}</span>
                    <i class="fas fa-chevron-right text-salutica float-right"></i>
                </div>
                @endforeach
            </div>
            <a href="/annual-general-meeting" class="float-right h6 mt-2 text-salutica text-decoration-none investor-text-info">SEE ALL ANNUAL GENERAL MEETING <i class='fas fa-chevron-right'></i></a>
        </div>
    </div>
    <div class='clearfix'></div>
    <div class="row mt-5 border-top">
        <div class="col-md-6 mt-3">
            <h5 class='h4 card-title font-weight-bold'>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 class="col-md-6 mt-3">
            <img src="/images/panorama-433610_1920.jpg" alt="ir-relationship" class="img-fluid">
        </div>
    </div>
</div>
@endsection