@extends('layouts.app')
@section('title','Contact')
@section('meta_title','Contact | Genkai Grill & Sushi Hasselt')
@section('meta_description','Neem contact op met Genkai Grill & Sushi in Hasselt. Stuur ons een bericht, bel of plan je bezoek.')
@php
    $g = config('genkai', []);
    $restaurantPhone = $settings['restaurant_phone'] ?? $g['phone'];
    $restaurantEmail = $settings['restaurant_email'] ?? $g['email'];
    $restaurantAddress = $settings['restaurant_address'] ?? $g['address'];
@endphp
@push('head')
<link rel="preload" as="image" href="{{ $g['images']['wine_1'] }}" fetchpriority="high">
<link rel="stylesheet" href="{{ asset('css/pages/contact.css') }}?v={{ @filemtime(public_path('css/pages/contact.css')) ?: time() }}">
@endpush
@section('content')
<div class="contact-page">
<section class="contact-hero">
    <div class="contact-hero__media" aria-hidden="true"><img src="{{ $g['images']['wine_1'] }}" alt="" fetchpriority="high"></div><div class="contact-hero__shade" aria-hidden="true"></div>
    <div class="container contact-hero__inner"><div class="reveal"><nav class="contact-breadcrumb"><a href="{{ route('home') }}">Home</a><span>/</span><span>Contact</span></nav><span class="contact-kicker">Vragen? We helpen je graag.</span><h1>Neem contact<br><span>met ons op.</span></h1><p>Over een reservatie, groepsarrangement, cadeaubon of gewoon een praktische vraag? Stuur ons een bericht.</p></div></div>
</section>
<section class="contact-main"><div class="container contact-main__grid">
    <aside class="contact-info reveal">
        <span class="eyebrow dark">GENKAI HASSELT</span><h2>We horen graag van je.</h2>
        <div class="contact-info__cards">
            <a href="tel:{{ preg_replace('/\s+/', '', $restaurantPhone) }}"><small>Bel ons</small><strong>{{ $restaurantPhone }}</strong><span>→</span></a>
            <a href="mailto:{{ $restaurantEmail }}"><small>Mail ons</small><strong>{{ $restaurantEmail }}</strong><span>→</span></a>
            <div><small>Plan je bezoek</small><strong>{{ $restaurantAddress }}</strong></div>
        </div>
        <div class="contact-hours"><h3>Openingsuren</h3>@foreach($g['hours'] as $row)<div><span>{{ $row['days'] }}</span><strong>{{ $row['hours'] }}</strong></div>@endforeach</div>
    </aside>
    <div class="contact-form-card reveal delay-1">
        <span class="eyebrow dark">STUUR EEN BERICHT</span><h2>Waarmee kunnen we helpen?</h2>
        @if(session('contact_success'))<div class="contact-success"><strong>Verstuurd.</strong><span>{{ session('contact_success') }}</span></div>@endif
        @if($errors->any())<div class="contact-errors"><strong>Controleer je gegevens.</strong><ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif
        <form method="POST" action="{{ route('contact.store') }}" class="contact-form">@csrf
            <div class="contact-form__two"><label><span>Naam</span><input name="name" value="{{ old('name') }}" autocomplete="name" required></label><label><span>E-mail</span><input type="email" name="email" value="{{ old('email') }}" autocomplete="email" required></label></div>
            <div class="contact-form__two"><label><span>Telefoon <small>optioneel</small></span><input name="phone" value="{{ old('phone') }}" autocomplete="tel"></label><label><span>Onderwerp</span><input name="subject" value="{{ old('subject') }}" placeholder="Waar gaat je vraag over?" required></label></div>
            <label><span>Bericht</span><textarea name="message" rows="7" maxlength="5000" required>{{ old('message') }}</textarea></label>
            <label class="contact-consent"><input type="checkbox" name="privacy" value="1" @checked(old('privacy')) required><span>Ik ga akkoord met de <a href="{{ route('privacy') }}" target="_blank">privacyverklaring</a>. Mijn gegevens worden gebruikt om op dit bericht te antwoorden.</span></label>
            <button type="submit"><span>Bericht versturen</span><i>→</i></button>
        </form>
        
    </div>
</div></section>
</div>
@endsection