@extends('front.layouts.app')

@section('main')
    @include('front.sections.content-hero')

    <section class="masonry">

        <div>
            <article class="box-8x-5y dark from-left">

                <h1>{{ $uiLabels['contact_form'] ?? 'İletişim Formu' }}</h1>

                <form class="contact-form" method="POST" action="{{route('contact.send') }}">
                    @csrf

                    <div class="form-inputs">
                        <div class="form-group">
                            <label for="name">{{ $uiLabels['name_surname'] ?? 'Ad, Soyad' }}</label>
                            <input type="text" name="name" id="name" required value="{{ old('name') }}">
                            @error('name')
                            <div>{{ $message }}</div> @enderror
                        </div>

                        <div class="form-group">
                            <label for="email">{{ $uiLabels['e_mail'] ?? 'e-Posta' }}</label>
                            <input type="email" name="email" id="email" required value="{{ old('email') }}">
                            @error('email')
                            <div>{{ $message }}</div> @enderror
                        </div>
                    </div>

                    <div class="form-message">
                        <div class="form-group">
                            <label for="message">{{ $uiLabels['message'] ?? 'İleti' }}</label>
                            <textarea name="message" id="message" rows="4" required>{{ old('message') }}</textarea>
                            @error('message')
                            <div>{{ $message }}</div> @enderror
                        </div>
                    </div>

                    <div class="form-inputs">
                        <button class="btn-primary" type="submit">
                            <span>{{ $uiLabels['bt_send'] ?? 'GÖNDER' }}</span>
                        </button>

                        @if(session('success'))
                            <div class="success">{{ session('success') }}</div>
                        @endif

                        @if(session('error'))
                            <div class="danger">{{ session('error') }}</div>
                        @endif
                    </div>
                </form>

            </article>

            <article class="box-4x-5y important from-right">
                <img src="img/contact.png">
                <h3 style="margin: 0"> {{ $siteSettings->contact_email }}</h3>
                <h3 style="margin: 0">{{ $siteSettings->contact_phone }}</h3>
            </article>
        </div>

    </section>

    <section class="masonry">
        <div>
            @if($siteSettings->show_maps)
                @foreach($maps as $map)
                    <article class="box-12x-4y from-bottom">
                        @include('front.components.map', ['map' => $map])
                    </article>
                @endforeach
            @endif
        </div>
    </section>

@endsection