nhgooi.nl/resources/views/kennismakingsbijeenkomst.blade.php

@extends('layouts/full')

@section('title')
    Meebouwen?
@endsection

@section('breadcrumb')
    <ul class="bread_crumb">
        <li><a title="Home" href="/">Home</a></li>
        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
        <li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
        <li>Ontmoet ons</li>
    </ul>
@endsection

@section('content')
    <div class="page_body margin_bottom">

    @if(isset($antispam))
        <div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
            <p>Oeps, de anti-spam waarde was incorrect! Helaas krijgen we zoveel spam binnen dat we je moeten vragen om
                een simpele rekensom op te lossen, voordat we je verzoek doorsturen.</p>
        </div>
    @endif
    @if(isset($bevestiging))
        <div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
            <p>Dank je wel voor je aanmelding! Een bevestiging hiervan is gestuurd naar <code>{{ $bevestiging }}</code>.
            </p>
        </div>
    @endif

    <!--
<h3 class="page_margin_top">Programma informatiebijeenkomst NH Gooi 27 november 2021</h3>
<table>
<tr>
<td>Vanaf 13.45</td> <td>Inloop</td>
</tr>
<tr>
<td>14.00 uur</td> <td>Kennismaking met NH Gooi Radio
</tr>
<tr>
<td></td> <td>Eerste ronde speeddates met redacteuren, technici en programmamakers</td>
</tr>
<tr>

<td></td> <td>Tweede ronde speeddates met redacteuren, technici en programmamakers</td>
</tr>
<tr>

<td></td> <td> Afsluiting, vragen</td>
</tr>
<tr>

<td>ca. 17.00</td> <td> Einde</td>
</tr>
</table>

<p>
<b>Locatie:</b> <a href="https://goo.gl/maps/X55jy4YKG8CZZMis9">IJsselmeerstraat 3B, Huizen (NH)</a>
</p>

-->

    <p>
        Als je het leuk vindt om met, bij en voor ons aan de slag te gaan en mee te bouwen aan een sterke streekomroep,
        laat dan hieronder je naam en contactgegevens achter. Geef ons ook alvast wat informatie waar je interesse naar
        uitgaat en wat je te bieden hebt. We nemen dan binnenkort contact met je op voor een persoonlijke kennismaking.
    </p>

    @if(!isset($bevestiging))
        <h4 class="box_header">
            Aanmelden
        </h4>

        <p>
            Er gebeurt veel bij NH Gooi. Van radio en podcasts maken tot ICT en uitzendtechniek en van Tv-interviews
            produceren tot marketing en communicatie. Maar ook organisatorisch talent kunnen we goed gebruiken. Schrijf
            daarom zo concreet en volledig mogelijk op wat (op dit moment) je interesse hebt en waar je mogelijk al
            ervaring mee hebt.
        </p>

        <form class="forr margin_top_15" id="form" method="post" action="/vacatures/ontmoet-ons"
              style="background: none;">
            {{ csrf_field() }}
            <fieldset style="display: inline;">
                <p>Ja, ik maak graag kennis met NH Gooi!</p>
            </fieldset>
            <fieldset class="">
                <div class="block">
                    <label for="name">Naam</label>
                    <input class="text_input hint" id="name" name="name" type="text" placeholder="Naam"
                           required="required">
                </div>
            </fieldset>
            <fieldset class="">
                <div class="block">
                    <label for="email">E-mailadres</label>
                    <input class="text_input hint" id="email" name="email" type="text" placeholder="Emailadres"
                           required="required">
                </div>
            </fieldset>
            <fieldset class="">
                <div class="block">
                    <label for="phone">Telefoonnummer</label>
                    <input class="text_input hint" id="phone" name="phone" type="text" placeholder="Telefoonnummer"
                           required="required">
                </div>
            </fieldset>
            <fieldset>
                <div class="block">
                    <p style="padding-bottom: 0;">Korte toelichting: wat wil je doen en welke ervaring heb je eventueel
                        al?</p>
                </div>
                <textarea class="texterea_input" name="message" placeholder="Toelichting" class="hint"></textarea>
            </fieldset>
            <fieldset class="">
                <div class="block">
                    <label for="phone">Anti-spam</label>
                    <input class="text_input hint" id="antispam" name="antispam" type="text"
                           placeholder="Uitkomst van de som" required="required">
                    <p style="">Helaas krijgen we ook veel spam binnen. Vul alsjeblieft in getallen in hoeveel <b>twee
                            plus drie</b> is.</p>
                </div>
            </fieldset>
            <fieldset>
                <input type="hidden" name="action" value="contact_form">
                <input type="submit" name="submit" value="Aanmelden!" class="more active">
            </fieldset>
        </form>
        <p style="color: #333; font-size: 80%;">Privacy-statement: bovenstaande informatie wordt alleen gebruikt door
            geselecteerde medewerkers om contact met je op te nemen over je aanmelding en je informatie te sturen. Je
            gegevens worden verder niet opgeslagen en na de bijeenkomst danwel je tijdige afmelding verwijderd, tenzij
            we deze gegevens nog nodig hebben omdat je (vrijwillige) werkzaamheden wilt gaan verrichten bij NH Gooi.</p>
    @endif

    </div>

    <style>
        .page_body table {
            width: 100%;
        }

        .page_body td {
            border-top: solid 1px #ddd;
            vertical-align: top;
            color: #444;
            line-height: 150%;
        }

        .page_body li {
            margin-left: 10px;
            padding-top: 2px;
            margin-top: 0;
            padding-left: 25px;
        }

        .page_body td > ul > li {
            background-repeat: no-repeat;
            background-position: left 10px;
            background-image: url("/images/icons/other/bullet_style_2.png");
        }

        .page_body fieldset {
            border: none;
        }

        .page_body fieldset .block {
            display: flex;
            margin-bottom: 3px;
        }

        .page_body fieldset label {
            display: block;
            flex: 0 1 150px;
            margin-top: auto;
            margin-bottom: auto;
            color: #777;
        }

        .page_body fieldset input {
            flex: 1 1;
        }

        .page_body fieldset textarea {
            width: 100%;
        }

        @media screen and (max-width: 479px) {
            .page_body fieldset .block {
                flex-wrap: wrap;
                margin-top: 15px;
            }

            .page_body fieldset label {
            }
        }
    </style>
@endsection