@extends('frontend::layouts.app')
@section('title')
    {{ $data['title'] }}
@endsection
@section('meta_keywords')
    {{ $data['meta_keywords'] }}
@endsection
@section('meta_description')
    {{ $data['meta_description'] }}
@endsection

@section('content')
    <section class="td-terms-conditions section_space has-sticky">
        <div class="breadcrumb-text">
            <h2> {{ $data['title'] }}</h2>
        </div>
    </section>
    <section class="td-contact-page">
        <div class="td-contact-page-wrapper">
            <div class="td-contact-page-left">
                <a href="tel:{{ $data['contact_one_value'] }}" class="td-contact-page-left-card">
                    <span class="td-contact-page-left-card-icon">
                        <i class="text-white {{ $data['contact_one_icon'] }}"></i>
                    </span>
                    <span>{{ $data['contact_one_value'] }}</span>
                </a>
                <a href="mailto:{{ $data['contact_two_value'] }}" class="td-contact-page-left-card">
                    <span class="td-contact-page-left-card-icon">
                        <i class="text-white {{ $data['contact_two_icon'] }}"></i>
                    </span>
                    <span>{{ $data['contact_two_value'] }}</span>
                </a>
                <a href="tel:{{ $data['contact_three_value'] }}" class="td-contact-page-left-card">
                    <span class="td-contact-page-left-card-icon">
                        <i class="text-white {{ $data['contact_three_icon'] }}"></i>
                    </span>
                    <span>{{ $data['contact_three_value'] }}</span>
                </a>
                {!! $data['content'] !!}
            </div>
            <div class="td-contact-page-right">
                <form class="common-form" action="{{ route('mail-send') }}" method="POST">
                    @csrf
                    <div class="form-floating common-form-item">
                        <input type="text" name="name" class="form-control" id="floatingInput" placeholder="name"
                            required>
                        <label for="floatingInput">{{ __('Name') }}</label>
                    </div>
                    <div class="form-floating common-form-item">
                        <input type="email" name="email" class="form-control" id="floatingEmail"
                            placeholder="name@example.com" required>
                        <label for="floatingEmail">{{ __('Email') }}</label>
                    </div>
                    <div class="form-floating common-form-item">
                        <input type="text" name="subject" class="form-control" id="floatingSubject" placeholder="subject"
                            required>
                        <label for="floatingEmail">{{ __('Subject') }}</label>
                    </div>
                    <div class="form-floating common-form-item">
                        <textarea name="msg" class="form-control" placeholder="Leave a message here" id="floatingTextarea" required></textarea>
                        <label for="floatingTextarea">{{ __('Message') }}</label>
                    </div>
                    <div class="common-form-button">
                        <button type="submit" class="td-btn td-btn-xl">
                            <span class="td-btn-wrap">
                                <span class="td-btn-y-1">{{ $data['form_button_title'] }}</span>
                                <span class="td-btn-y-2">{{ $data['form_button_title'] }}</span>
                            </span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection
