@extends('layouts.fe_master')

@php
$title = "Kiet Nguyen TV - CONTACT";
$description = "hello@Kiet Nguyen TV.com";
$ogTitle = $title;
$ogDescription = $description;
$ogImage = url('/assets/images/media/Banner_Thumb.png');
$twitterTitle = $title;
$twitterDescription = $description;
$artistName = "Kiet Nguyen TV";
$schemaDescription = $description;
@endphp
@section('content')
<div class="header-padding"></div>
{{-- <div class="banner">
        <img src="{{ $page->banner_url }}" class="img" alt="home banner" />
<div class="play-btn">
    <img src="{{ asset('/assets') }}/media/images/svg/play-btn.svg" />
</div>
</div> --}}
<!-- main -->
<div class="main contact-container">
    <div class="contact-section">
        <section class="fs-pricing-form">
            <h2 class="fs-form-title">{{ __('label.get_a_quick_quote') }}</h2>
            <form action="#" method="POST">
                <div class="fs-form-group">
                    <label for="name">{{ __('label.name_your') }}</label>
                    <input type="text" id="name" name="name" required placeholder="{{ __('label.name_your_exp') }}">
                </div>
                <div class="fs-form-group">
                    <label for="email">Email</label>
                    <input type="email" id="email" name="email" required placeholder="example@gmail.com">
                </div>
                <div class="fs-form-group">
                    <label for="phone">{{ __('label.phone') }}</label>
                    <input type="text" id="phone" name="phone" required placeholder="09xx.xxx.xxx">
                </div>
                <div class="fs-form-group">
                    <label for="service">{{ __('label.choose_service') }}</label>
                    <select id="service" name="service" required>
                        <option value="">-- {{ __('label.please_choose_service') }} --</option>
                        @foreach ($categorys as $key => $service)
                        <option value="{{ @$service->id }}">{{ @$service->name }}</option>
                        @endforeach
                        <option value="other">-- {{ __('label.orther') }} --</option>
                    </select>
                </div>

                <div class="fs-form-group">
                    <label for="budget">{{ __('label.bugget') }} (USD)</label>
                    <div class="fs-input-with-symbol">
                        <span>$</span>
                        <input type="number" id="budget" name="budget" min="100" step="10" placeholder="1000">
                    </div>
                </div>

                <div class="fs-form-group">
                    <label for="note">{{ __('label.notes') }}</label>
                    <textarea id="note" name="note" rows="4" placeholder="{{ __('label.notes_exp') }}"></textarea>
                </div>

                <button type="submit" class="fs-btn-submit">{{ __('label.send_quote_request') }}</button>
            </form>
        </section>

    </div>
</div>
<!-- end main -->

@endsection