@extends('template.'.config('settings.template').'.content.master')
@section('content')


        <div class="row">
            <div id="header_static" style="background-color: #9699AA; background-image: url('{{ asset('uploads/lists/' . $listModel->image) }}'); background-position: center; background-size: cover;" >



                <div class="d-none d-md-block">
                    <br>
                    <br>
                </div>

                <div class="d-none d-lg-block">
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                </div>



                <div id="city_headline">
                    <h1>Die besten <strong>Arbeitsstellen</strong> in <strong> {{ $listModel->name }}</strong> auf jobs-oberpfalz.de</h1>
                    <h2>Jetzt Traumjob finden und direkt online bewerben.</h2>
                </div>

                <div class="d-none d-md-block">
                    <br>
                </div>

                <div class="d-none d-lg-block">
                    <br>
                </div>

            </div> <!-- header_static -->
        </div>




        <section class="mt-2">
            <div class="row">
                <div class="col-xs-12">
                    <h2 class="mt-2">Aktuelle Jobs in  <strong>{{ $listModel->name }}</strong></h2>
                    <br>
                    @if (isset($listModel))
                        {{ $listModel->description }}
                    @endif


                </div>
            </div>
        </section>




        @if (\Request::is('schwandorf'))

            <section class="mt-5 d-md-none">

                <div class="row">
                    <div class="col">
                        <br>
                        <a class="btn-lg btn btn-success" href="https://chat.whatsapp.com/LAcOUGLcvSbAgzvbZBWCmS">
                            <svg style="height: 30px; margin-right: 1px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
                            Whatsapp Gruppe "Jobs in Schwandorf" beitreten
                        </a>
                    </div>
                </div>
            </section>

        @endif

        @if (\Request::is('regensburg'))

            <section class="mt-5 d-md-none">

                <div class="row">
                    <div class="col">
                        <br>
                        <a class="btn-lg btn btn-success" href="https://chat.whatsapp.com/KFqf1VZ1CZY0CqlvV3lKdS">
                            <svg style="height: 30px; margin-right: 1px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
                            Whatsapp Gruppe "Jobs in Regensburg" beitreten
                        </a>
                    </div>
                </div>
            </section>

        @endif

        @if (\Request::is('weiden'))

            <section class="mt-5 d-md-none">

                <div class="row">
                    <div class="col">
                        <br>
                        <a class="btn-lg btn btn-success" href="https://chat.whatsapp.com/IC2x7qGOKK7D6Zd1gKDKzo">
                            <svg style="height: 30px; margin-right: 1px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
                            Whatsapp Gruppe "Jobs in Weiden" beitreten
                        </a>
                    </div>
                </div>
            </section>

        @endif

        @if (\Request::is('amberg'))

            <section class="mt-5 d-md-none">

                <div class="row">
                    <div class="col">
                        <br>
                        <a class="btn-lg btn btn-success" href="https://chat.whatsapp.com/GvuDAZl5d685Xy6HHx36h9">
                            <svg style="height: 30px; margin-right: 1px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
                            Whatsapp Gruppe "Jobs in Amberg" beitreten
                        </a>
                    </div>
                </div>
            </section>

        @endif

        @if (\Request::is('tirschenreuth'))

            <section class="mt-5 d-md-none">

                <div class="row">
                    <div class="col">
                        <br>
                        <a class="btn-lg btn btn-success" href="https://chat.whatsapp.com/IPi7voUe4805iATe0NOdTm">
                            <svg style="height: 30px; margin-right: 1px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
                            Whatsapp Gruppe "Jobs in Tirschenreuth" beitreten
                        </a>
                    </div>
                </div>
            </section>

        @endif

        @if (\Request::is('vohenstrauss'))

            <section class="mt-5 d-md-none">

                <div class="row">
                    <div class="col">
                        <br>
                        <a class="btn-lg btn btn-success" href="https://chat.whatsapp.com/HXmKGiG6aQv8P4U68Q7iqO">
                            <svg style="height: 30px; margin-right: 1px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
                            Whatsapp Gruppe "Jobs in Vohenstrauß" beitreten
                        </a>
                    </div>
                </div>
            </section>

        @endif

        @if (\Request::is('cham'))

            <section class="mt-5 d-md-none">

                <div class="row">
                    <div class="col">
                        <br>
                        <a class="btn-lg btn btn-success" href="https://chat.whatsapp.com/EIc1cFq4ssL0zrWMmG63Dg">
                            <svg style="height: 30px; margin-right: 1px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
                            Whatsapp Gruppe "Jobs in Cham" beitreten
                        </a>
                    </div>
                </div>
            </section>

        @endif






        <section>
            <div class="row">

                <div id="jobs" class="col-lg-12">


                    <h2>Aktuelle <strong>Jobangebote in {{ $listModel->name }}</strong></h2>

                    @foreach($nachrichten as $nach)



                        <div class="col-12" style="padding-bottom: 1rem;">

                            <div class="card" style="background-color: #f8f8f8;">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-3 col-lg-1">
                                            <a href="{{ route('author.get', [$nach->user->slug]) }}"
                                               onclick="gtag('event', 'See Employer', {'event_category' : 'List: {{ $listModel->name }}', 'event_label' : '{{ $nach->user->name }}'});"

                                            >
                                                <img src="{{ $nach->user->gravatar() }}" title="{{ $nach->user->name }}" height="70px" class="border rounded" alt="Logo {{ $nach->user->name }}">
                                            </a>
                                        </div>

                                        <div class="col-9 col-lg-2">

                                            <br>
                                            <a href="{{ route('author.get', [$nach->user->slug]) }}" class="text-muted"
                                               onclick="gtag('event', 'See Employer', {'event_category' : 'List: {{ $listModel->name }}', 'event_label' : '{{ $nach->user->name }}'});"

                                            >
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022zM6 8.694L1 10.36V15h5V8.694zM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15z"/>
                                                    <path d="M2 11h1v1H2v-1zm2 0h1v1H4v-1zm-2 2h1v1H2v-1zm2 0h1v1H4v-1zm4-4h1v1H8V9zm2 0h1v1h-1V9zm-2 2h1v1H8v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1V9zm0 2h1v1h-1v-1zM8 7h1v1H8V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zM8 5h1v1H8V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm0-2h1v1h-1V3z"/>
                                                </svg>
                                                {{ $nach->user->name }}
                                            </a>
                                        </div>
                                        <div class="col-12 col-lg-6">
                                            <h5 class="card-title" style="margin-top: 20px;">
                                                <a href="{{ route_content($nach) }}"
                                                   onclick="gtag('event', 'See Job', {'event_category' : 'List: {{ $listModel->name }}', 'event_label' : '{{$nach->title}}'});"

                                                >
                                                    {{$nach->title}}
                                                </a>
                                            </h5>

                                        </div>

                                        <div class="col-5 col-lg-1">
                                            <br>
                                            <h6 class="card-subtitle mb-2 text-muted" title="{{date('d.m.Y', strtotime($nach->created_at))}}">{{ $nach->created_at->diffForHumans() }}</h6>

                                        </div>
                                        <div class="col-7 col-lg-2 text-end ">
                                            <br>
                                            <a class="btn btn-ci" href="{{ route_content($nach) }}"
                                               onclick="gtag('event', 'See Job', {'event_category' : 'List: {{ $listModel->name }}', 'event_label' : '{{$nach->title}}'});"
                                            >
                                                Job ansehen

                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
                                                </svg>
                                            </a>

                                        </div>
                                    </div>




                                </div>
                            </div>
                        </div>


                    @endforeach



                    {!! $nachrichten->render() !!}

                </div>
            </div>
        </section>




@stop


@section('scripts')
<!--
<script>
    function initMap() {
        $.ajax({
            url: '{{ route('location.list', $listModel->slug) }}',
            type: "GET",
            dataType: "json",
            success: function (data) {
                var dados = data.data;

                if (dados.length != 0) {
                    const map = new google.maps.Map(document.getElementById("map-canvas"), {
                        zoom: 10,
                        //center: { lat: -25.363, lng: 131.044 },
                    });

                    var markers = data.lg;
                    var bounds = new google.maps.LatLngBounds();
                    for (var i = 0; i < markers.length; i++) {
                        bounds.extend(markers[i]);
                    }

                    google.maps.event.addListener(map, 'zoom_changed', function() {
                        zoomChangeBoundsListener =
                            google.maps.event.addListener(map, 'bounds_changed', function(event) {
                                if (this.getZoom() > 15 && this.initialZoom == true) {
                                    // Change max/min zoom here
                                    this.setZoom(15);
                                    this.initialZoom = false;
                                }
                                google.maps.event.removeListener(zoomChangeBoundsListener);
                            });
                    });
                    map.initialZoom = true;
                    map.fitBounds(bounds);

                    $.each(dados, function(propName, propVal) {
                        var marker = new google.maps.Marker({
                            position: { lat: parseFloat(propVal.lat), lng: parseFloat(propVal.lng) },
                            map,
                            link: propVal.url,
                        });
                        new google.maps.event.addListener(marker, "click", function () {

                            window.open(this.link,"_blank");
                        });
                    });
                }
            }
        });
    }
</script>

<script src="https://maps.googleapis.com/maps/api/js?key={{ env('MAPS_API_KEY', 'AIzaSyAQj1N9Mj-OzOiUjt5QUDRkcDonXz4O85A') }}&callback=initMap&libraries=&v=weekly" defer></script>
-->
@stop