@extends('layouts.website')

@section('page_title', 'Our policies | Grindrod Limited')
@section('metaDescription', "Our policies and procedures guide our day-to-day operations ensuring the safety of our people, our customers, our suppliers and the communities in which we operate.")

@section('content')
    <page-header section-class="policies-header no-banner">
        <template v-slot:heading>Our policies</template>
        <template v-slot:body>
            Our policies and procedures guide our day-to-day operations ensuring the safety of our people, our
            customers, our suppliers and the communities in which we operate. They promote our transformation strategy,
            sustainability pillars and ensure that we adhere to the industry best practices and international standards
            whilst complying with laws and regulations. Our policies support our core values and our purpose, the
            compass that gives direction to our strategy and decision-making. They underpin Grindrod’s zero-tolerance
            for all forms of corruption or discrimination and promote processes to manage risk.
        </template>
    </page-header>
    <!-- <section class="page-header no-banner">
    	<div class="container">
    		<div class="banner-description">
    			<h1>Our policies</h1>
    			<div class="banner-copy">
	    			<p>
	    				Our policies and procedures guide our day-to-day operations ensuring the safety of our people, our customers, our suppliers and the communities in which we operate. They promote our transformation strategy, sustainability pillars and ensure that we adhere to the industry best practices and international standards whilst complying with laws and regulations. Our policies support our core values and our purpose, the compass that gives direction to our strategy and decision-making. They underpin Grindrod’s zero-tolerance for all forms of corruption or discrimination and promote processes to manage risk.
	    			</p>
    			</div>
    		</div>
    	</div>
    </section> -->

    <intro-with-block section-class="policies-intro policies-section" block-classes="bg-blue top-right white-color">
        <strong>We demand honesty and transparency</strong> in all our dealings and take personal accountability for
        outcomes.
    </intro-with-block>



    <section class="about-culture policies-section">
        <div class="container">
            <!-- <div class="about-red-block bg-blue top-right white-color">
                <div class="inner-flex">
                    <strong>We demand honesty and transparency</strong> in all our dealings and take personal accountability for outcomes.
                </div>
            </div> -->
            <div class="row mb-95">
                <div class="col-md-6">
                    <div class="">
                        <h2>OUR SUSTAINABILITY POLICIES</h2>
                        <div class="grouped-downloads">


                            <h6>Our sustainability pillars</h6>


                            <ul class="list-unstyled">
                                @foreach($policies['Our sustainability pillars'] as $k =>$value)

                                    <li>
                                        <a href="{{$value->path}}" target="_blank">
                                            {{$value->name}}
                                            <span>
                                            view
                                            <img src="/images/icons/download.svg" alt="Code of Ethics Download"
                                                 title="Code of Ethics Download">
                                        </span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>

                            {{-- @include('pages.website.partials.policies.sustainability-pillars') --}}


                        </div>
                        <div class="grouped-downloads">
                            <h6>Health and safety</h6>
                            <ul class="list-unstyled">

                                @foreach($policies['Health and Safety'] as $k =>$value)

                                    <li>
                                        <a href="{{$value->path}}" target="_blank">
                                            {{$value->name}}
                                            <span>
                                                view
                                                <img src="/images/icons/download.svg" alt="Code of Ethics Download"
                                                    title="Code of Ethics Download">
                                            </span>
                                        </a>
                                    </li>
                                    
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="grouped-downloads">
                        <h6>Our people</h6>

                        <ul class="list-unstyled">
                            @foreach($policies['Our People'] as $k =>$value)

                                <li>
                                    <a href="{{$value->path}}" target="_blank">
                                        {{$value->name}}
                                        <span>
                                            view
                                            <img src="/images/icons/download.svg" alt="Code of Ethics Download"
                                                 title="Code of Ethics Download">
                                        </span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>

                        {{--                        @include('pages.website.partials.policies.people')--}}

                    </div>
                </div>
                <div class="col-md-6">
                    <div class="left-border-cont">
                        <div class="grouped-downloads">
                            <h6>Our environment</h6>
                            <ul class="list-unstyled">
                                @foreach($policies['Our Environment'] as $k =>$value)

                                    <li>
                                        <a href="{{$value->path}}" target="_blank">
                                            {{$value->name}}
                                            <span>
                                            view
                                            <img src="/images/icons/download.svg" alt="Code of Ethics Download"
                                                 title="Code of Ethics Download">
                                        </span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="grouped-downloads">
                            <h6>Our communities</h6>
                            <ul class="list-unstyled">
                                @foreach($policies['Our Communities'] as $k =>$value)

                                    <li>
                                        <a href="{{$value->path}}" target="_blank">
                                            {{$value->name}}
                                            <span>
                                            view
                                            <img src="/images/icons/download.svg" alt="Code of Ethics Download"
                                                 title="Code of Ethics Download">
                                        </span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

    @if(count($new_policies) > 0)
        <section class="gov-policies">
            <div class="container">
                <div class="row align-items-end">
                    <div class="col-md-6">
                        <div class="left-border-cont">
                            <div class="grouped-downloads">
                                @foreach($new_policies as $title => $policies)
                                    <h6 class='mt-5'>{{  $title }}</h6>
                                    <ul class="list-unstyled">
                                        @foreach($policies as $policy)
                                            <li>
                                                <a href="{{$value->path}}" target="_blank">
                                                    {{$value->name}}
                                                    <span>
                                                        view
                                                        <img src="/images/icons/download-w.svg" alt="Code of Ethics Download"
                                                            title="Code of Ethics Download">
                                                    </span>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif

    <section class="gov-policies">
        <div class="container">
            <div class="row align-items-end">
                <div class="col-md-6">
                    <h2>OUR GOVERNANCE POLICIES</h2>
                    <div class="grouped-downloads">
                        <h6>Ethics</h6>
                        <ul class="list-unstyled">
                            @if(isset($policies['Ethics'] ))
                                @foreach($policies['Ethics'] as $k =>$value)
                                    <li>
                                        <a href="{{$value->path}}" target="_blank">
                                            {{ str_replace('Policy', 'policy',$value->name) }}
                                            <span>
                                            view
                                            <img src="/images/icons/download-w.svg" alt="Code of Ethics Download"
                                                 title="Code of Ethics Download">
                                        </span>
                                        </a>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="left-border-cont">
                        <div class="grouped-downloads">
                            <h6>Transformation / B-BBEE</h6>
                            <ul class="list-unstyled">

                                @if(isset($policies['B-BBEE Certificates'] ))
                                    @foreach($policies['B-BBEE Certificates'] as $k =>$value)

                                        <li>
                                            <a href="{{$value->path}}" target="_blank">
                                                                                                {{  $new_value }}
                                                <span>
                                            view
                                            <img src="/images/icons/download-w.svg" alt="Code of Ethics Download"
                                                 title="Code of Ethics Download">
                                        </span>
                                            </a>
                                        </li>
                                    @endforeach
                                @endif

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <page-news></page-news>

@endsection