@extends('layouts/full')

@section('title')
Neem contact op
@endsection

@section('page_class')news_post post_container @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="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
    <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
    <li>Neem contact op</li>
</ul>
@endsection

@section('content')

<div class="post_body">
    <ul class="post_details clearfix">
        <li class="detail date">
            <i class="fa-regular fa-clock"></i>
            {{Formatter::relativeDate($page->published)}} om {{$page->published->format('H:i')}}
            @if($page->edited && ($page->edited->format('d m H i') != $page->published->format('d m H i')))
            | bijgewerkt:
            @if($page->edited->format('d m') != $page->published->format('d m'))
            {{strtolower(Formatter::relativeDate($page->edited))}}
            @endif
            om {{$page->edited->format('H:i')}} uur
            @endif
        </li>
        {{-- @if($page->author)
        <li class="detail author"><i class="fa-solid fa-pen"></i> {{$page->author}}</li>
        @endif --}}
    </ul>

    <div class="row">
        <div class="col-12 col-md-6">
            <p>{!!$page->content!!}</p>
        </div>
        <div class="col-12 col-md-6">
            <h3>Contact | Tip de redactie</h3>
            @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
            @endif

            @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif

            <form class="contant-form" action="{{ route('contact.submit') }}" method="POST"
                enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="form-group">
                    <label for="name">Naam</label>
                    <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}" required>
                </div>
                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}"
                        required>
                </div>
                <div class="form-group">
                    <label for="message">Bericht</label>
                    <textarea class="form-control" id="message" name="message" rows="5"
                        required>{{ old('message') }}</textarea>
                </div>
                <div class="form-group">
                    <label for="image">Afbeelding (optioneel)</label>
                    <input type="file" class="form-control-file" id="image" name="image" accept="image/*">
                </div>
                <div class="form-group">
                    <label for="video">Video (optioneel)</label>
                    <input type="file" class="form-control-file" id="video" name="video" accept="video/*">
                </div>
                <div class="form-group">
                    {!! FriendlyCaptcha::renderWidget() !!}
                </div>
                <button type="submit" class="btn action_button">Verstuur</button>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
{!! FriendlyCaptcha::renderWidgetScripts() !!}
@endpush