@extends('site.app')
@section('pageTitle', __('menu.magazines'))
@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>{{__('menu.magazines')}}</h2>
                        <span><a href="{{route('site.index')}}">{{__('menu.home')}}</a></span>
                        <a href="{{route('site.magazine')}}">{{__('banner.magazines')}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

<!-- REVISTAS AREA -->
<div class="revistas-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="revistas-title title ">
                    <h1>{!! trans('home.our_magazines') !!}</h1>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 col-lg-6">
              <div class="rse-intro">
                {!! trans('home.our_magazines_description') !!}
              </div>
            </div>
        </div>

        <div class="row">
            @foreach ($magazines as $magazine)
                <div class="col-lg-3 col-md-3 col-sm-6">
                    <div class="single-revistas-area">
                        <div class="single-revistas-img">
                            <img src="{{$magazine->cover}}" alt="{{$magazine->transTittle}}">
                        </div>
                        <div class="single-revistas-text">
                            <div class="single-revistas-title">
                                <p>{{$magazine->transTittle}}</p>
                            </div>
                            <div class="var-mas-btn">
                                <a href="{{ route('site.magazines.download', $magazine->id) }}" target="_blank">
                                    <span>{{__('home.download_magazine')}} <i class="fa fa-download"></i></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>

<div class="valores-reports-area">
    <div class="container">
        <div class="row">
            @foreach ($categories as $category )
                @if($category->active == 1)
                    @foreach ($category->magazines as $maga )
                        <div class="col-lg-3 col-md-3 col-sm-6">
                            <div class="single-revistas-area">
                                <div class="single-revistas-img">
                                    <img src="{{$maga->cover}}" alt="{{$maga->transTittle}}">
                                </div>
                                <div class="single-revistas-text">
                                    <div class="single-revistas-title">
                                        <p>{{$maga->transTittle}}</p>
                                    </div>
                                    <div class="var-mas-btn">
                                        <a href="{{ route('site.magazines.download', $maga->id) }}" target="_blank">
                                            <span>{{__('home.download_magazine')}} <i class="fa fa-download"></i></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="col-sm-12">
                        <div class="nosotros-area-right-text">
                            <div class="nosotros-text-title cls-title">
                                <h1>{{$category->transName}}</h1>
                            </div>
                            <div class="nosotros-text cls-text">
                                <p>{!! trans('home.sustainability_description') !!}</p>
                                @foreach ($category->magazines as $maga )
                                    <div class="var-mas-btn">
                                        <a href="{{ route('site.magazines.download', $maga->id) }}" target="_blank"><span>{{$maga->transTittle}}<i class="fa fa-download"></i></span></a>
                                    </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                @endif
            @endforeach
        </div>
    </div>
</div>

@endsection