@extends('front.layout')

@section('title')
    {{ __('f6') }} - {{ __('n1') }}
@endsection

@section('content')
    <div class="container py-5 dir">

        <h1 class="text-center fw-bold">
        {{ __('f6') }}
        </h1>

        <div class="w-75 mx-auto my-5 p-5 border border-1 rounded-2 bg-light">
            <form action="{{ route('sendContactEmail') }}" method="POST">
                @csrf
                @method('POST')
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="name" class="form-label fw-bold">{{ __('f9') }}</label>
                        <input type="text" name="name" class="form-control shadow-none dir" id="name"
                            placeholder="{{ __('f10') }}" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="email" class="form-label fw-bold">{{ __('f11') }}</label>
                        <input type="email" name="email" class="form-control shadow-none dir" id="email"
                        placeholder="{{ __('f12') }}" required>
                    </div>
                </div>

                <div class="mb-3">
                    <label for="subject" class="form-label fw-bold">{{ __('f13') }}</label>
                    <input type="text" name="subject" class="form-control shadow-none dir" id="subject"
                    placeholder="{{ __('f14') }}" required>
                </div>

                <div class="mb-3">
                    <label for="message" class="form-label fw-bold">{{ __('f15') }}</label>
                    <textarea class="form-control shadow-none dir" name="message" id="message" rows="5" required></textarea>
                </div>

                <button type="submit" class="btn btn-primary btn-block mb-4 w-100 fw-bold">{{ __('f16') }}</button>

            </form>
        </div>

    </div>
@endsection