@extends('layouts.app')

@section('title', 'Contact')
@section('description', 'Contact Harmony globally or Pukka Indonusa for local machine inquiries and support.')

@section('content')
<main>
    <section class="page-hero">
        <div class="container">
            <div class="grid grid-2">
                <div>
                    <p class="eyebrow">Contact</p>
                    <h1>Let's talk about your production.</h1>
                    <p>Tell us what you manufacture and the workflow you want to improve. We'll help identify the right next conversation.</p>
                </div>
                <div class="contact-block">
                    <p class="eyebrow">Indonesia</p>
                    <h2>Talk to Pukka Indonusa</h2>
                    <p>Official local representation, installation, training, technical support, and after-sales service.</p>
                    <a class="btn primary" href="mailto:{{ $settings->contact_email }}">{{ $settings->contact_email }} &nearr;</a>
                    <a href="tel:{{ str_replace(' ', '', $settings->contact_phone) }}">{{ $settings->contact_phone }}</a>
                    <span>{{ $settings->contact_address }}</span>
                </div>
            </div>
        </div>
    </section>

    <section class="block" style="border-bottom:none;">
        <div class="container">
            <p class="eyebrow">Other markets</p>
            <h2>Talk to Harmony</h2>
            <p>For global machine inquiries, distribution, and partnership opportunities.</p>

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

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

            <form class="contact-form" method="POST" action="{{ route('contact.store') }}">
                @csrf
                <div>
                    <label for="name">Name</label>
                    <input type="text" id="name" name="name" value="{{ old('name') }}" required>
                </div>
                <div>
                    <label for="company">Company</label>
                    <input type="text" id="company" name="company" value="{{ old('company') }}">
                </div>
                <div>
                    <label for="country">Country</label>
                    <input type="text" id="country" name="country" value="{{ old('country') }}">
                </div>
                <div>
                    <label for="email">Email</label>
                    <input type="email" id="email" name="email" value="{{ old('email') }}">
                </div>
                <div>
                    <label for="machine_of_interest">Machine of interest</label>
                    <input type="text" id="machine_of_interest" name="machine_of_interest" value="{{ old('machine_of_interest') }}">
                </div>
                <div>
                    <label for="message">Message</label>
                    <textarea id="message" name="message" rows="5" required>{{ old('message') }}</textarea>
                </div>
                <button class="btn primary" type="submit">Send message</button>
            </form>
        </div>
    </section>
</main>
@endsection