@extends('web.master.master')

@section('content')

    <div class="content">
        <div class="container">

            <div class="mini-bio col-sm-12">
                <h1 class="mini-bio-title">Débora Camilo <span>é vereadora do PSOL em Santos</span></h1>
                <p>É a primeira vereadora do PSOL em Santos/SP. Na luta por uma Santos solidária, popular e feminista!
                    Venha fazer parte do nosso mandato coletivo. Seguimos firmes por justiça social!</p>
            </div>

            <!-- START: PAGE CONTENT -->
            <section class="section section-about">
                <div class="animate-up">
                    <div class="section-box">
                        <div class="profile">
                            <div class="row">
                                <div class="col-xs-5">
                                    <div class="profile-preword"><span>Participe do nosso mandato!</span></div>
                                    <div class="profile-photo"><img
                                                src="{{ url('frontend/img/uploads/rs-photo-v1.jpg') }}"
                                                alt="Participe do nosso mandato"/></div>
                                </div>
                                <div class="col-xs-7">
                                    <div class="profile-info">
                                        <h2 class="profile-position">Te cadastra para fazer parte do nosso mandato
                                            coletivo!</h2></div>
                                    @include('web.inc.lead_form')
                                </div>
                            </div>
                        </div>
                        <div class="profile-social">
                            <ul class="social">
                                <li><a class="ripple-centered" href="{{ env('FACEBOOK') }}" target="_blank"><i
                                                class="rsicon rsicon-facebook"></i></a></li>
                                <li><a class="ripple-centered" href="{{ env('WHATS') }}" target="_blank"><i
                                                class="rsicon rsicon-whatsapp"></i></a></li>
                                <li><a class="ripple-centered" href="{{ env('INSTAGRAM') }}" target="_blank"><i
                                                class="rsicon rsicon-instagram"></i></a></li>
                                <li><a class="ripple-centered" href="{{ env('TWITTER') }}" target="_blank"><i
                                                class="rsicon rsicon-twitter"></i></a></li>
                                <li><a class="ripple-centered" href="{{ env('FLICKR') }}" target="_blank"><i
                                                class="rsicon rsicon-flickr"></i></a></li>
                            </ul>
                        </div>
                    </div>

                </div>
            </section>
            <!-- #lead -->

            @if($projects)
                <section id="project" class="section section-references">
                    <div class="animate-up nav">
                        <h2 class="section-title">Projetos de Lei</h2>
                        <div class="section-box">
                            <ul class="ref-slider">
                                @foreach($projects as $project)
                                    <li>
                                        @if($project->state)
                                            <div class="aprovado icon-check">projeto aprovado</div>
                                        @endif
                                        <div class="ref-box">
                                            <div class="person-info">
                                                <div class="person-name-title">
                                                    <span class="person-name">{{ $project->title }}</span>
                                                    <span class="person-title">{{ $project->sector }}</span>
                                                </div>
                                            </div>
                                            <div class="person-speech row">
                                                @if($project->cover)
                                                    <div class="person-img col-sm-6">
                                                        <a href="{{ route('web.project', ['slug' => $project->slug]) }}"><img
                                                                    class="person-img" src="{{ $project->url_cover }}"
                                                                    alt="{{ $project->title }}"></a>
                                                    </div>
                                                @endif
                                                <div class="{{ ($project->cover ? 'col-sm-6' : 'col-sm-12') }}">
                                                    {!! $project->content_small !!}
                                                    <a href="{{ route('web.project', ['slug' => $project->slug]) }}"
                                                       class="btn btn-small btn-primary color-white m-4 link">Veja o projeto
                                                        na íntegra</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                            <div class="ref-slider-nav">
                                <span id="ref-slider-prev" class="slider-prev"></span>
                                <span id="ref-slider-next" class="slider-next"></span>
                            </div>
                        </div>
                    </div>
                </section>
            @endif
        <!-- #projects -->

            @if($postsImagens)
                <section id="destaque" class="section section-portfolio">
                    <div class="animate-up">
                        <h2 class="section-title">Destaques</h2>
                        {{--                        <div class="filter">--}}
                        {{--                            <div class="filter-inner">--}}
                        {{--                                <div class="filter-btn-group">--}}
                        {{--                                    <button data-filter="*">Todas</button>--}}
                        {{--                                    @if($postsImagesCategories)--}}
                        {{--                                        @foreach($postsImagesCategories as $postImageCategory)--}}
                        {{--                                            <button data-filter=".{{ $postImageCategory->category()->first()->slug }}">{{ $postImageCategory->category()->first()->title }}</button>--}}
                        {{--                                        @endforeach--}}
                        {{--                                    @endif--}}
                        {{--                                </div>--}}
                        {{--                                <div class="filter-bar">--}}
                        {{--                                    <span class="filter-bar-line"></span>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                        </div>--}}

                        <div class="grid">
                            <div class="grid-sizer"></div>
                            @foreach($postsImagens as $key => $postImage)
                                <div class="grid-item {{ ($key == 0 ? 'size22' : 'size11') }} {{ $postImage->category()->first()->slug }}">
                                    <div class="grid-box">
                                        <figure class="portfolio-figure">
                                            <img src="{{ $postImage->cover_home }}"
                                                 alt="{{ $postImage->title }}"/>
                                            <figcaption class="portfolio-caption">
                                                <div class="portfolio-caption-inner">
                                                    <h3 class="portfolio-title">{{ $postImage->title }}</h3>
                                                    <h4 class="portfolio-cat">{{ $postImage->category()->first()->title }}</h4>

                                                    <div class="btn-group">
                                                        <a class="portfolioFancybox btn-zoom"
                                                           data-fancybox-group="portfolioFancybox1"
                                                           href="#{{ $postImage->slug }}"><i
                                                                    class="rsicon rsicon-eye"></i></a>

                                                    </div>
                                                </div>
                                            </figcaption>
                                        </figure>

                                    <!-- Start: {{ $postImage->slug }} -->
                                        <div id="{{ $postImage->slug }}" class="fancybox-inline-box">
                                            <div class="inline-embed" data-embed-type="image"
                                                 data-embed-url="{{ $postImage->url_cover }}"></div>
                                            <div class="inline-cont">
                                                <h2 class="inline-title">{{ $postImage->title }}</h2>
                                                <div class="inline-text">
                                                    {!! $postImage->content !!}
                                                </div>
                                            </div>
                                        </div>
                                    <!-- End: {{ $postImage->slug }} -->
                                    </div>
                                </div>
                                <!-- .grid-item -->
                            @endforeach

                        </div>

                        <div class="grid-more" data-action="{{ route('web.homeImages') }}" data-offset="3">
                            @csrf
                            @method('POST')

                            <span class="ajax-loader"></span>
                            <button class="btn btn-border ripple"><i class="rsicon rsicon-add"></i></button>
                        </div>
                    </div>
                </section>
                <!-- #destaques -->
            @endif

            <section id="ouvidoria" class="section section-banners clearfix">
                <div class="animate-up">

                    <div class="col-sm-6">
                        <div class="banner-img">
                            <a href="{{ route('web.ouvidoria') }}">
                                <img title="Ouvidoria da Débora" alt="[Ouvidoria da Débora]"
                                     src="{{ url('frontend/img/ouvidoria.jpg') }}"/>
                            </a>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="banner-img">
                            <a href="{{ route('web.suaIdeia') }}">
                                <img title="Sua ideia pode virar lei" alt="[Sua ideia pode virar lei]"
                                     src="{{ url('frontend/img/sua-ideia.jpg') }}"/>
                            </a>
                        </div>
                    </div>

                </div>
            </section>
            <!-- #ouvidoria e sua ideia -->

            <section class="section section-banners">
                <div class="animate-up">
                    <div class="row banner-list">
                        <div class="col-sm-12">
                            <div class="banner-box box-primary">
                                <a href="{{ url('frontend/img/revista-1ano-de-mandato.pdf') }}">
                                    <img title="Filie-se!" alt="[Filie-se!]"
                                         src="{{ url('frontend/img/revista1ano.jpg') }}"/>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- #associate -->

            @if($emendations->count())
                <section id="emendations" class="section section-skills">
                    <div class="animate-up">
                        <h2 class="section-title">Emendas</h2>

                        <div class="section-box">
                            @foreach($emendations as $emendation)
                                <div class="row">

                                    <div class="col-sm-12">
                                        <div class="progress-bar">
                                            <div class="bar-data">
                                                <span class="bar-title">{{ $emendation->sector }}</span>
                                                <span class="bar-value">R$ {{ $emendation->amount }}</span>
                                            </div>
                                            <div class="bar-line">
                                                <span class="bar-fill"
                                                      data-width="{{ round(($emendation->amount_origin / $emendationsTotal) * 100, 0) }}%"></span>
                                                <span class="bar-percent">{{ number_format(round(($emendation->amount_origin / $emendationsTotal) * 100, 0), '0', ',', '.') }}%</span>
                                            </div>
                                            <div class="bar-content col-lg-10">{!! $emendation->content !!}</div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </section>
            @endif
        <!-- #emendations -->

            @if($posts)
                <section id="posts_recents" class="section section-blog">
                    <div class="animate-up">
                        <h2 class="section-title">Últimas publicações</h2>

                        <div class="blog-grid">
                            <div class="grid-sizer"></div>
                            @foreach($posts as $post)
                                @include('web.inc.the_post')
                            @endforeach
                        </div>
                    </div>
                </section>
            @endif
        <!-- #blog -->

            <section id="associate" class="section section-banners">
                <div class="animate-up">
                    <h2 class="section-title">Filie-se!</h2>
                    <div class="row banner-list">

                        <div class="col-sm-12">
                            <div class="banner-box box-primary">
                                <div class="banner-box-top">
                                    <span>Vem pro PSOL!</span>
                                    <small>O PSOL é o partido que mais cresce no Brasil, a melhor bancada de
                                        Deputad@s
                                        Federais</small>
                                </div>
                                <a href="{{ route('web.form', ['form' => 'filie-se']) }}">
                                    <picture>
                                        <source media="(max-width:896px)"
                                                srcset="{{ url('frontend/img/filie-se-mob.jpg') }}"/>
                                        <img title="Filie-se!" alt="[Filie-se!]"
                                             src="{{ url('frontend/img/filie-se.jpg') }}"/>
                                    </picture>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- #associate -->

            @if($activities)
                <section id="activities" class="section section-experience">
                    <div class="animate-up">
                        <h2 class="section-title">Se liga no que tá rolando!</h2>

                        <div class="timeline">
                            <div class="timeline-bar"></div>
                            <div class="timeline-inner clearfix">
                                @foreach($activities as $key => $activity)
                                    <div class="timeline-box {{ (($key+1) % 2 == 0 ? 'timeline-box-right' : 'timeline-box-left') }}">
                                        <span class="dot"></span>
                                        <div class="timeline-box-inner {{ (($key+1) % 2 == 0 ? 'animate-left' : 'animate-right') }}">
                                            <span class="arrow"></span>
                                            <h3>{{ $activity->title }}</h3>
                                            {!! $activity->content !!}
                                            <div class="date">{{ $activity->date_back }}</div>
                                        </div>
                                    </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                </section>
                <!-- #activities -->
            @endif

            <section id="institute" class="section section-banners">
                <div class="animate-up">
                    <div class="row banner-list">
                        <div class="col-sm-12">
                            <div class="banner-box box-primary">
                                <a href="https://www.institutomariellefranco.org/" target="_blank">
                                    <picture>
                                        <source media="(max-width:896px)"
                                                srcset="{{ url('frontend/img/instituto-marielle-mob.jpg') }}"/>
                                        <img title="Instituto Marielle Franco" alt="[Instituto Marielle Franco]"
                                             src="{{ url('frontend/img/instituto-marielle.jpg') }}"/>
                                    </picture>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- #Institute -->
        </div>
        <!-- .container -->
    </div>
@endsection