@extends('layouts.app')

@section('title', 'ติดต่อทีมเขียนโปรแกรม อุบลราชธานี | Ubon Software House')
@section('description', 'ติดต่อทีมรับเขียนโปรแกรม ทำเว็บ และทำแอปในอุบลราชธานี เพื่อปรึกษาแนวทางพัฒนาระบบสำหรับธุรกิจของคุณ')

@section('content')
<section class="page-hero">
    <div class="container">
        <span class="section-kicker">START A PROJECT</span>
        <h1>เล่าไอเดียของคุณ<br>ให้เราช่วยสร้างระบบ</h1>
        <p>ปรึกษาทีมเขียนโปรแกรมจากอุบลราชธานีได้ทั้งเรื่องทำเว็บ ทำแอป และพัฒนาซอฟต์แวร์ตามสั่ง</p>
    </div>
</section>

<section class="section">
    <div class="container contact-grid">
        <div class="contact-panel">
            <h3>Talk directly with our development team</h3>
            <p>Tell us about your website, application, internal system or software project.</p>
            <div class="contact-detail"><span>โทรศัพท์</span><strong><a href="{{ config('site.phone_href') }}">{{ config('site.phone') }}</a></strong></div>
            <div class="contact-detail"><span>Line ID</span><strong><a href="{{ config('site.line_href') }}" target="_blank" rel="noopener noreferrer">{{ config('site.line_id') }}</a></strong></div>
            <div class="contact-detail"><span>Working hours</span><strong>Monday - Friday</strong></div>
        </div>

        <div class="form-card">
            @if (session('contact_success'))
                <div class="alert">{{ session('contact_success') }}</div>
            @endif

            @if ($errors->any())
                <div class="alert" style="background:#fff0f0;color:#9c2525">Please check the information in the form and try again.</div>
            @endif

            <form method="POST" action="{{ route('contact.store') }}">
                @csrf
                <div class="honeypot"><label>Website<input name="website" tabindex="-1" autocomplete="off"></label></div>
                <div class="form-grid">
                    <div class="field"><label for="name">Name *</label><input id="name" name="name" value="{{ old('name') }}" required></div>
                    <div class="field"><label for="phone">Phone *</label><input id="phone" name="phone" value="{{ old('phone') }}" required></div>
                    <div class="field"><label for="email">Email</label><input id="email" type="email" name="email" value="{{ old('email') }}"></div>
                    <div class="field"><label for="project_type">Project type</label><select id="project_type" name="project_type"><option value="">Choose a service</option>@foreach (config('site.services') as $service)<option value="{{ $service['title'] }}">{{ $service['thai'] }}</option>@endforeach</select></div>
                    <div class="field full"><label for="budget">Estimated budget</label><input id="budget" name="budget" value="{{ old('budget') }}" placeholder="e.g. 50,000 - 100,000 THB"></div>
                    <div class="field full"><label for="message">Project details *</label><textarea id="message" name="message" required>{{ old('message') }}</textarea></div>
                </div>
                <button class="btn btn-primary" type="submit">Send project details <i class="fa-solid fa-arrow-right"></i></button>
            </form>
        </div>
    </div>
</section>
@endsection