@extends('front.layout.app')
@section('title', 'Contact Us | Touro Resources Limited Japan Support')
@section('meta_description', 'Get in touch with the Touro Resources Limited Japan team for commercial vehicle procurement, global auction access, heavy machinery, and genuine spare parts inquiry.')
@section('content')
    <style>
        /* Mobile screen ke liye (768px se choti screens par 1 column ho jayega) */
        @media (max-width: 768px) {
            .grid-sw-2 {
                display: block !important; /* Ya agar grid use ho raha hai to grid-template-columns: 1fr !important; */
            }

            /* Agar fieldsets ke darmiyan thoda gap chahiye to yeh bhi add kar dein */
            .grid-sw-2 fieldset {
                margin-bottom: 15px;
                width: 100% !important;
            }

            /* Label ko hamesha left align rakhne ke liye */
            .grid-sw-2 label,
            fieldset label {
                text-align: left !important;
                display: block !important; /* Taake label poori line le aur input ke upar left se shuru ho */
                width: 100%;
            }
        }
    </style>
    <section class="flat-property mt-20">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="inner-heading flex-two flex-wrap">
                        <h1 class="heading-listing">Contact Us</h1>

                        @php
                            $currentUrl = url()->current();
                            $title = "Partner with Touro Resources Limited Japan for Premium Vehicle Exports";
                        @endphp

                        <div class="social-listing flex-six flex-wrap">
                            <p>Share this page:</p>

                            <div class="icon-social style1">
                                <!-- Facebook -->
                                <a href=""
                                   target="_blank">
                                    <i class="icon-autodeal-facebook"></i>
                                </a>

                                <!-- LinkedIn -->
                                <a href=""
                                   target="_blank">
                                    <i class="icon-autodeal-linkedin"></i>
                                </a>

                                <!-- Twitter (X) -->
                                <a href=""
                                   target="_blank">
                                    <i class="icon-autodeal-twitter"></i>
                                </a>

                                <!-- WhatsApp -->
                                <a href="">
                                    <i class="icon-autodeal-instagram"></i>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="tf-section-contact">
        <div class="container">
            <div class="row">
                <div class="col-md-8 contact-left">
                    <div class="heading-section mb-30">
                        <h2> {{ \App\Models\CmsPage::get($cms, 'hero_title') }}</h2>
                        <p class="mt-12">
                            {{ \App\Models\CmsPage::get($cms, 'hero_description') }}
                        </p>
                    </div>
                    <div id="comments" class="comments">
                        <div class="respond-comment">
                            <form class="comment-form form-submit"
                                  accept-charset="utf-8" novalidate="novalidate">
                                <div class="grid-sw-2">
                                    <fieldset class="email-wrap style-text">
                                        <label class="font-1 fs-14 fw-5">Full Name / Company Name</label>
                                        <input type="text" class="tb-my-input" name="name"
                                               placeholder="Your Name or Company"
                                               required="">
                                    </fieldset>
                                    <fieldset class="phone-wrap style-text">
                                        <label class="font-1 fs-14 fw-5">Email Address</label>
                                        <input type="email" class="tb-my-input" name="email"
                                               placeholder="Your corporate email"
                                               required="">
                                    </fieldset>
                                </div>
                                <div class="grid-sw-2">
                                    <fieldset class="email-wrap style-text">
                                        <label class="font-1 fs-14 fw-5">Phone Number (with Country Code)</label>
                                        <input type="tel" class="tb-my-input" name="tel" placeholder="e.g., +81..."
                                               required="">
                                    </fieldset>
                                    <fieldset class="phone-wrap style-text">
                                        <label class="font-1 fs-14 fw-5">Inquiry Subject</label>
                                        <input type="text" class="tb-my-input" name="subject"
                                               placeholder="e.g., Auction Bid / Machinery Sourcing / Spare Parts"
                                               required="">
                                    </fieldset>
                                </div>
                                <fieldset class="phone-wrap style-text">
                                    <label class="font-1 fs-14 fw-5">Your Fleet Specification or Procurement
                                        Requirements</label>
                                    <textarea id="comment-message" name="message" rows="4" tabindex="4"
                                              placeholder="Please details model years, equipment type, quantities, and target destination port..."
                                              aria-required="true"></textarea>
                                </fieldset>

                                <div class="button-boxs">
                                    <button class="sc-button" name="submit" type="submit">
                                        <span>Submit Trade Inquiry</span>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 contact-right">
                    <div class="contact-info box-sd">
                        <h2 class="mb-30">TRL Japan HQ</h2>
                        <div class="wrap-info">
                            <div class="box-info">
                                <h5>Corporate Trust</h5>
                                <p class="text-muted small">
                                    Experts in international export of vehicles, heavy equipment, and components.
                                </p>
                            </div>
                            <div class="box-info">
                                <h5>Headquarters Address</h5>
                                <p>491-18 Kashiwadera Noda City, <br> Chiba Ken 270-0214</p>
                            </div>
                            <div class="box-info">
                                <h5>Contact Us</h5>
                                <p>090-3239-2686</p>
                                <p>fayyaz@trljapan.com</p>
                            </div>

                            <div class="box-info">
                                <h5>Follow Us</h5>
                                <div class="icon-social style2">
                                    <a href="" target="_blank"><i
                                            class="icon-autodeal-facebook"></i></a>
                                    <a href="" target="_blank"><i
                                            class="icon-autodeal-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </section>

    {{--    @include('front.layout.partner')--}}
@endsection