@extends('index')

@section('content')
<!-- breadcrumb -->
<div class="container pt-5">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{route('frontend.home')}}">首頁</a></li>
            <li class="breadcrumb-item active" aria-current="page">聯絡我們</li>
        </ol>
    </nav>
</div>

<!-- 聯絡我們 -->
<section class="section">
    <div class="container">
        <div class="section-header mb-5">
            <h2 class="section-heading heading-underline fw-bold text-center">聯絡我們</h2>
        </div>
        <form action="{{route('frontend.contact_submit')}}" id="contact-form" class="contact-form pb-5" method="POST">
            @csrf
            <div class="row">
                <div class="col-lg-6 mb-3">
                    <div class="form-group">
                        <label class="form-label">
                            <span class="text-danger">*</span>
                            <span class="form-label__title">聯絡人姓名</span>
                        </label>
                        <input type="text" class="form-control @error('contact_name') is-invalid @enderror" name="contact_name" placeholder="請輸入您的姓名" value="{{old('contact_name')}}">
                    </div>
                </div>
                <div class="col-lg-6 mb-3">
                    <div class="form-group">
                        <label class="form-label">
                            <span class="text-danger">*</span>
                            <span class="form-label__title">聯絡電話</span>
                        </label>
                        <input type="text" class="form-control @error('contact_mobile') is-invalid @enderror" name="contact_mobile" placeholder="請輸入您的電話" value="{{old('contact_mobile')}}">
                    </div>
                </div>
                <div class="col-lg-6 mb-3">
                    <div class="form-group">
                        <label class="form-label">
                            <span class="text-danger">*</span>
                            <span class="form-label__title">Email</span>
                        </label>
                        <input class="form-control @error('contact_email') is-invalid @enderror" name="contact_email" placeholder="請輸入您的郵箱" value="{{old('contact_email')}}">
                    </div>
                </div>
                <div class="col-lg-6 mb-3">
                    <div class="form-group form-select">
                        <label class="form-label">
                            <span class="text-danger">*</span>
                            <span class="form-label__title">主旨類別</span>
                        </label>
                        <select class="form-control @error('contact_subject') is-invalid @enderror" name="contact_subject">
                            <option value="" disabled selected>請選擇您的主旨</option>
                            <option value="廣告洽詢" {{ old('contact_subject') == '廣告洽詢' ? 'selected' : '' }}>廣告洽詢</option>
                            <option value="合作聯絡" {{ old('contact_subject') == '合作聯絡' ? 'selected' : '' }}>合作聯絡</option>
                            <option value="新聞投稿" {{ old('contact_subject') == '新聞投稿' ? 'selected' : '' }}>新聞投稿</option>
                        </select>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <label class="form-label">
                            <span class="text-danger">*</span>
                            <span class="form-label__title">諮詢內容</span>
                        </label>
                        <textarea class="form-control @error('contact_content') is-invalid @enderror" name="contact_content" rows="8" placeholder="請輸入您的資訊內容">{{old('contact_content')}}</textarea>
                    </div>
                </div>

            </div>
            <button type="submit" class="button button-primary text-white mx-auto mt-5">提交</button>
        </form>
    </div>
</section>
@endsection