@extends('web.layouts.container')


@section('content')
    <div class="page-heading" style="background: url({{asset('assets/web/images/page-heading-1.png')}});">
        <div class="container">
            <div class="text-box text-center">
                <h1 class="sec-title"> {{$pageTitle[0]}} <b>{{$pageTitle[1]}}</b></h1>
            </div>
        </div>
    </div>

    <section class="about-pg">
        <div class="container">
            <div class="inner-sec">
                <div class="main-text text-start">
                    <div class="row">
                        <div class="col-md-5">
                            <div class="img-box2 mb-5" style="height: 400px;">
                                <img src="{{asset($impact->sustainability_image)}}" alt="" class="main-img ">
                            </div>
                        </div>
                        <div class="col-md-7">
                            <h6 class="subtitle">{{__('impacts.out_impact_title')}}</h6>
                            <h2 class="title mt-3 mb-4">{{$impact->sustainability_first_title}}</h2>
                            <p class="p mb-1">
                                <b>{{$impact->sustainability_second_title}}</b>
                            </p>
                            <p class="p mb-1">{!! $impact->sustainability_description !!}</p>
                        </div>
                    </div>
                </div>
                <div class="impact_files mt-4 pt-4 border-top">
                    <h5> {{__('impact_files.financials')}} </h5>
                    <div class="row">
                        @foreach($financials as $row)
                            <div class="col-lg-4">
                                <div class="file_card">
                                    <div class="logo">
                                        <img src="https://nesmawae.com/assets/web/images/logo.svg" alt="" class="logo ">
                                    </div>
                                    <h6> {{$row->title}} </h6>
                                    <div class="button_su more-btn">
                                        <span class="su_button_circle desplode-circle"></span>
                                        <a href="{{asset($row->file)}}" class="button_su_inner" target="_blank">
                                            <span class="button_text_container">{{__('main.view')}}</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="impact_files mt-5 pt-4 border-top">
                    <h5> {{__('impact_files.certificates')}} </h5>
                    <div class="row">
                        @foreach($certificates as $row)
                            <div class="col-lg-4">
                                <div class="file_card">
                                    <div class="logo">
                                        <img src="https://nesmawae.com/assets/web/images/logo.svg" alt="" class="logo ">
                                    </div>
                                    <h6> {{$row->title}} </h6>
                                    <div class="button_su more-btn">
                                        <span class="su_button_circle desplode-circle"></span>
                                        <a href="{{asset($row->file)}}" class="button_su_inner" target="_blank">
                                            <span class="button_text_container">{{__('main.view')}}</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')
    {{--    <script>--}}
    {{--        let url = "{{asset($about->image)}}";--}}
    {{--       $('header').addClass('inner-pages').attr('style', 'background: url('+url+')');--}}

    {{--    </script>--}}
@endsection