@extends('layouts.public')

@section('title') {{trans('seo.title.index')}} @endsection
@section('description') {{trans('seo.description.index')}} @endsection

@section('content')

<div class="charity-banner">
    <div class="charity-banner-two">
        <div class="charity-banner-two-layer">
            <span class="charity-transparent-layer"></span>
            <img src="/extra-images/slide-1.png" alt="Crveni križ Zadarske županije">
            <div class="charity-banner-two-caption">
                <div class="container">
                    <div class="row">
                        <h1 class="charity-color">Crveni Križ Zadarske županije</h1>
                        <p>Društvo Crvenog križa Zadarske županije je humanitarna udruga koja promiče humanitarne ciljeve i akcije od opće koristi.</p>
                        <div class="clearfix"></div>
                        <a href="{{route('public.about-us')}}" class="charity-bgcolor">Opširnije</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="charity-banner-two-layer">
            <span class="charity-transparent-layer"></span>
            <img src="/extra-images/slide-2.png" alt="Crveni križ Zadarske županije">
            <div class="charity-banner-two-caption charity-banner-two-caption-left">
                <div class="container">
                    <div class="row">
                        <h1 class="charity-color">Dobrovoljno <br> darivanje krvi</h1>
                        <p>Krv je jedini nezamjenjivi lijek, a služi u spašavanju ljudskih života i liječenju raznih bolesti. Sudjeluj u plemenitom i humanom činu dobrovoljnog darivanja krvi.</p>
                        <div class="clearfix"></div>
                        <a href="{{route('dobrovoljni-darivatelji-krvi')}}" class="charity-bgcolor">Opširnije</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="charity-main-content">
    <div class="charity-main-section charity-minus-margin">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="charity-fancy-title"> <div class="charity-fancy-title-wrap"> <h2>O nama</h2> </div> <span>Sve o Crvenom križu Zadarske županije</span> </div>
                    <div class="charity-cause charity-cause-simplegrid">
                        <ul class="row">
                            <li class="col-md-4">
                                <figure>
                                    <a href="{{route('public.about-us')}}"><img src="/extra-images/o-nama-2.jpg" alt="O nama - Crveni Križ Zadarske županije"><span class="charity-bloggrid-hover"><i class="icon-share4"></i></span></a>
                                </figure>
                                <section>
                                    <h4><a href="{{route('public.about-us')}}">Crveni križ Zadarske županije</a></h4>
                                    <p>Društvo Crvenog križa Zadarske županije je po svom statusu humanitarna udruga i u osnovi su mu djelovanja promicanje humanitarnih ciljeva i akcija od opće koristi.</p>
                                </section>
                            </li>
                            <li class="col-md-4">
                                <figure>
                                    <a href="{{route('public.information')}}"><img src="/extra-images/pristup-informacijama-2.jpg?v=2" alt="Pristup informacijama - Crveni Križ Zadarske županije"><span class="charity-bloggrid-hover"><i class="icon-share4"></i></span></a>
                                </figure>
                                <section>
                                    <h4><a href="{{route('public.information')}}">Pristup informacijama</a></h4>
                                    <p>Pravo na pristup informaciji ostvaruje svaka fizička ili pravna osoba koja zahtjeva pristup informaciji podnošenjem usmenog ili pisanog zahtjeva.</p>
                                </section>
                            </li>
                            <li class="col-md-4">
                                <figure>
                                    <a href="{{route('public.international-movement')}}"><img src="/extra-images/medjunarodni-pokret-2.png" alt="Međunarodni pokret - Crveni Križ Zadarske županije"><span class="charity-bloggrid-hover"><i class="icon-share4"></i></span></a>
                                </figure>
                                <section>
                                    <h4><a href="{{route('public.international-movement')}}">Međunarodni pokret</a></h4>
                                    <p>Međunarodnog pokret Crvenog križa i Crvenog polumjeseca slijedi načela: humanosti, nepristranosti, neutralnosti, neovisnosti, dobrovoljnosti, jedinstva   i univerzalnosti.</p>
                                </section>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="charity-main-section charity-our-services-full">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="charity-fancy-title charity-fancy-title-white"> <div class="charity-fancy-title-wrap"> <h2>Što radimo</h2> </div> <span>Neke od naših aktivnosti</span> </div>
                    <div class="charity-service charity-simple-service">
                        <ul class="row">
                            <li class="col-md-4">
                                <span><i class="icon-users-group"></i></span>
                                <h3>Dobrovoljni darivatelji krvi</h3>
                                <p>Krv je jedini nezamjenjivi lijek, a služi u spašavanju ljudskih života i liječenju raznih bolesti.</p>
                            </li>
                            <li class="col-md-4">
                                <span><i class="icon-charity"></i></span>
                                <h3>Humanitarno socijalni program</h3>
                                <p>Humanitarna pomoć čovjeku kojemu je neophodna pomoć je stalna aktivnost Crvenog križa.</p>
                            </li>
                            <li class="col-md-4">
                                <span><i class="icon-help"></i></span>
                                <h3>Prva pomoć</h3>
                                <p>Tradicionalna djelatnost Crvenog križa je pružanje prve medicinske pomoći ozlijeđenih osoba.</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="charity-main-section charity-blog-grid-full">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="charity-fancy-title"> <div class="charity-fancy-title-wrap"> <h2>Vijesti</h2> </div> <span>Najnovije vijesti</span> </div>
                    <div class="charity-blog charity-blog-grid">
                        @foreach($posts->chunk(3) as $chunk)
                        <ul class="row">
                            @foreach($chunk as $post)
                            <li class="col-md-4">
                                <figure>
                                    <a href="{{route('public.post', $post)}}"><img src="{{asset($post->thumbnail)}}" alt="{{$post->title}}"> <span class="charity-bloggrid-hover"><i class="icon-share4"></i></span> </a>
                                    <figcaption>
                                        <time class="charity-bgcolor">{{$post->day_formated}} <span>{{$post->month_formated}}</span></time>
                                    </figcaption>
                                </figure>
                                <section>
                                    <h4><a href="{{route('public.post', $post)}}">{{$post->title}}</a></h4>
                                    <p>{{$post->summary}}</p>
                                    <a href="{{route('public.post', $post)}}" class="charity-read-more charity-bgcolor">Opširnije <i class="fa fa-angle-right"></i></a>
                                </section>
                            </li>
                            @endforeach 
                        </ul>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="charity-main-section">
        <div class="container-fluid">
            <div class="row">
                <div class="charity-fancy-title"> <div class="charity-fancy-title-wrap"> <h2>Galerije</h2> </div> <span>Galerije naših događanja</span> </div>
                <div class="charity-gallery charity-masonery-gallery">
                    <ul>
                        @foreach($galleries as $gallery)
                        <li class="element-item metal col-md-4">
                            <figure>
                                <img src="{{asset($gallery->thumbnail)}}" alt="{{$gallery->title}}">
                                <figcaption>
                                    <div class="charity-masonery-hover">
                                        <span class="charity-left-top-border"></span>
                                        <span class="charity-right-top-border"></span>
                                        <span class="charity-left-bottom-border"></span>
                                        <span class="charity-right-bottom-border"></span>
                                    </div>
                                    <div class="charity-masonery-caption">
                                        <a href="{{route('public.gallery', $gallery)}}" class="charity-gallery-btn"><i class="icon-link4"></i></a>
                                        <h4>{{$gallery->title}}</h4>
                                    </div>
                                </figcaption>
                            </figure>
                        </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="charity-main-section charity-counterbg-full">
        <span class="dark-black-transparent"></span>
        <div class="container">
            <div class="row">
                <div class="col-md-4 charity-counter-text">
                    <h2>Pomažemo <span class="charity-color">potrebitima</span> gotovo stoljeće i pol</h2>
                    <a href="{{route('public.contact')}}" class="charity-counter-btn charity-color charity-bordercolor"><span>Pridruži nam se <i class="fa fa-long-arrow-right"></i></span></a>
                </div>
                <div class="col-md-8 padding-top-spacer">
                    <div class="charity-counter">
                        <ul class="row">
                            <li class="col-md-3">
                                <i class="icon-charity"></i>
                                <span class="charity-color" id="word-count1">7500</span>
                                <small>Darivatelja krvi</small>
                            </li>
                            <li class="col-md-3">
                                <i class="icon-helping"></i>
                                <span class="charity-color" id="word-count2">110</span>
                                <small>Volontera</small>
                            </li>
                            <li class="col-md-3">
                                <i class="icon-calendar2"></i>
                                <span class="charity-color" id="word-count3">144</span>
                                <small>Godišnje akcije</small>
                            </li>
                            <li class="col-md-3">
                                <i class="icon-help"></i>
                                <span class="charity-color" id="word-count4">4500</span>
                                <small>Prikupljeno krvi</small>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="charity-main-section charity-event-medium-full">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="charity-fancy-title"> <div class="charity-fancy-title-wrap"> <h2>Događanja</h2> </div> <span>Sva naša događanja</span> </div>
                    <div class="charity-event charity-event-grid">
                        @foreach($events->chunk(3) as $chunk)
                        <ul class="row">
                            @foreach($chunk as $event)
                            <li class="col-md-4">
                                <figure><a href="{{route('public.event', $event)}}"><img src="{{asset($event->thumbnail)}}" alt="{{$event->title}}"><i class="fa fa-link"></i></a>
                                    <figcaption>
                                        <span><time>{{$event->day_formated}} {{$event->month_formated}}</time></span>
                                        <h5><a href="{{route('public.event', $event)}}">{{$event->title}}</a></h5>
                                    </figcaption>
                                </figure>
                                <div class="charity-event-grid-text">
                                    <p>{{$event->summary}}</p>
                                    <ul>
                                        <li><i class="fa fa-map-marker"></i>{{$event->location}}</li>
                                        <li><i class="fa fa-clock-o"></i>{{$event->time}}</li>
                                    </ul>
                                    <a href="{{route('public.event', $event)}}" class="charity-event-readmore-btn">Opširnije <i class="fa fa-share"></i></a>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection