@extends('site.app')
@section('pageTitle', __('menu.csr'))
@section('content')
@if (isset($banner) && $banner->image)
    <div class="rse-cover-area" style="background-image: url('/assets/images/banners/{{$banner->image}}');">
        <div class="container">
            <div class="row">
                <div class="col-lg-11 col-lg-offset-1">
                    <div class="rse-banner-text cmn-style">
                        <h2>{{__('banner.csr')}}</h2>
                        <span><a href="{{ route('site.index')}}">{{ __('menu.home') }}</a></span>
                        <a href="{{ route('site.rse') }}">{{ __('menu.csr') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
<div class="rse-area rse-1-area">
    <div class="container">
        <div class="row">
            <div class="sameHeight col-lg-10 col-lg-offset-1">
                <div class="rse-content">
                    <!-- intro -->
                    <div class="row">
                        <div class="col-xs-12 col-md-6 col-lg-6 rse-main-title">
                            <div class="ralt">
                                <div class="rse-area-left title">
                                    <h1 class="rse-hidden-500">{!! trans('csr.title') !!}</h1>
                                    <h1 class="rse-show-500"><span class="red">{{__('csr.title_mobile')}}</span></h1>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6">
                            <div class="rse-intro">
                                {{__('csr.title_text')}}
                            </div>
                            <div class="rse-ejes">
                                <div class="row">
                                    @foreach ($categoryRses as $category)
                                        <div class="col-sm-4">
                                            <a href="#{{$category->slug}}-int" class="int-link">
                                                <img src="{{$category->cover}}" alt="{{$category->transName}}">
                                                <h4>{{$category->transName}}</h4>
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- {# <div class="row">
                        <div class="col-xs-12 col-md-6 col-lg-6">
                            <div class="img-content">
                                <img src="{{ datas[0].image.getPath }}" alt="{{ datas[0].name }}">
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="rse-body mt20">
                                <h3>{{ 'banner.csr'|_ }}</h3>
                            </div>
                            <div class="rse-intro">
                                {{ datas[0].generic_text|raw }}
                            </div>
                        </div>
                    </div> #} --}}

                    @foreach ($categoryRses as $category )
                        <div id="{{ $category->slug }}-int" class="row">
                            <div class="col-xs-12 col-md-12 col-lg-12">
                                <div class="rse-body">
                                    <h3>{{$category->transName}}</h3>
                                    {!! $category->transContent !!}
                                </div>
                            </div>
                        </div>
                        <!-- cuerpo -->
                        @if ($category->type == 1)
                            <div class="row">
                                <div class="col-xs-12 col-md-12 col-lg-12">
                                    <div class="rse-items">
                                        @foreach ($category->rses as $rse)
                                            @php
                                                $index = 1;
                                            @endphp
                                            <div class="item-gallery sameHeight">
                                                <div class="gallery-item-content">
                                                    <div class="gallery-item-content-slide">
                                                        <img src="{{ $rse->cover}}" alt="{{ $rse->transName }}">
                                                    </div>
                                                </div>
                                                <div class="rse-items-body">
                                                    <h3><span>{{ $index }}.</span> {{ $rse->transName }}</h3>
                                                    {!! $rse->transContent !!}
                                                </div>
                                            </div>
                                            @php
                                                $index++;
                                            @endphp
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @elseif ($category->type == 2)
                            <div class="row">
                                <div class="items-alliances">
                                    @foreach ($category->rses as $rse )
                                        <div class="col-xs-6 col-md-6 col-lg-4">
                                            <div class="sameHeight">
                                                <a href="{{ $rse->link }}" target="_blank">
                                                    <img src="{{ $rse->cover }}" alt="{{ $rse->transName }}">
                                                </a>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    @endforeach




                </div>
            </div>
            {{-- {# <div class="sameHeight col-lg-4 col-md-4">
                    <div class="sidebar-area">
                        {% partial 'misc/sidebar' %}
                    </div>
                </div> #} --}}
        </div>
    </div>
</div>
@endsection