@extends('themes.basic.layouts.single')
@section('title', d_trans('Contact The Team'))
@section('header_title', d_trans('Create New Support Ticket'))
@section('breadcrumbs', Breadcrumbs::render('contact'))
@section('breadcrumbs_schema', Breadcrumbs::view('breadcrumbs::json-ld', 'contact'))
@section('header_v1', true)
@section('container', 'container-custom')
@section('content')
    <div class="col-md-8 mx-auto box">
    <div class="alert alert-warning mb-4">If you need to make contact with the team simply fill out the form below. We will reply to your questions and comments as quickly as possible but maybe a little slower at weekends. A simple ticket ID will be created and you will recieve a ticket email verifiying reciept of your contact with the team..</div>
        <form action="{{ route('contact') }}" method="POST">
            @csrf
            <div class="row g-3 mb-3">
                <div class="col-12 col-lg-6">
                    <label class="form-label">{{ d_trans('Name') }}</label>
                    <input type="text" name="name" class="form-control form-control-md"
                        value="{{ authUser() ? authUser()->getName() : '' }}" required>
                </div>
                <div class="col-12 col-lg-6">
                    <label class="form-label">{{ d_trans('Email') }}</label>
                    <input type="email" name="email" class="form-control form-control-md"
                        value="{{ authUser() ? authUser()->email : '' }}" required>
                </div>
                <div class="col-12">
                    <label class="form-label">{{ d_trans('Subject') }}</label>
                    <input type="text" name="subject" class="form-control form-control-md" value="{{ old('subject') }}"
                        required>
                </div>
                <div class="col-12">
                    <label class="form-label">{{ d_trans('Message') }}</label>
                    <textarea class="form-control" name="message" rows="8" required>{{ old('message') }}</textarea>
                </div>
            </div>
            <x-captcha />
            <button class="btn btn-primary btn-md px-5">{{ d_trans('Send') }}</button>
        </form>
    </div>
@endsection