@extends('layouts.frontend-layout')
@section('content')

        <!-- page-title -->
        <div class="ttm-page-title-row">
            <div class="ttm-page-title-row-inner ttm-bgcolor-darkgrey">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Contact Us</h2>
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <i class="ti ti-home margin_right1"></i>
                                    <a title="Homepage" href="#">Home</a>
                                </span>
                                <span>Contact Us</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--site-main start-->
        <div class="site-main">
            <!--double-section-->
            <section class="ttm-row conatact-section clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-7">
                            <div style="border: 1px solid #034693;padding: 15px;">
                                <div class="section-title without-seperator title-style-center_text">
                                    <div class="title-header">
                                        <h2 class="title" style="font-size: 30px;text-align: left;">Contact Infomation
                                        </h2>
                                    </div>
                                </div><!-- section title end -->
                                @foreach($contact as $key)
                                    @if($key->shops)
                                        @if($key->shops->sub_domain)
                                            <table class="table table-bordered text-left mb-4">
                                                <tbody>
                                                    <tr>
                                                        <th style="width: 40px;"><i class="fa fa-home"></i></th>
                                                        <td><a href="https://{{ $key->shops->sub_domain }}.x-grouprestaurant.com/contact" target="_blank"><strong
                                                                    style="font-weight: 900;"> {{ $key->shops->shop_name_logo->name }}</strong></a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th style="width: 40px;"><i class="fa fa-map-marker"></i></th>
                                                        <td>{{ $key->address }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th style="width: 40px;"><i class="fa fa-envelope-open"></i></th>
                                                        <td>{{ $key->email }}, {{ $key->email2 }} </td>
                                                    </tr>
                                                    <tr>
                                                        <th style="width: 40px;"><i class="fa fa-phone"></i></th>
                                                        <td>{{ $key->phone }}, {{ $key->phone2 }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th style="width: 40px;"><i class="fa fa-globe"></i></th>
                                                        <td><a href="http://{{ $key->shops->sub_domain }}.x-grouprestaurant.com" target="_blank">{{ $key->shops->sub_domain }}.x-grouprestaurant.com</a> </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            @endif
                                        @endif
                                    @endforeach                                
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div style="border: 1px solid #034693;padding: 15px;">
                                <div class="section-title without-seperator title-style-center_text">
                                    <div class="title-header">
                                        <h2 class="title" style="font-size: 30px;text-align: left;">Write To Us</h2>
                                    </div>
                                </div><!-- section title end -->
                                <div class="ttm-col-bgcolor-yes ttm-bg   z-index-2  res-991-margin_top30 res-991-p-15">
                                    <div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
                                    <div class="layer-content">
                                        <form action="{{ route('main-site.contact-message-submit') }}" id="contact_form" class="contact_form wrap-form clearfix" method="post"
                                        novalidate="novalidate" >
                                            @csrf 
                                            <div class="row ttm-boxes-spacing-15px">
                                                <div class="col-md-12 ttm-box-col-wrapper">
                                                    <label>
                                                        <h6> Name</h6>
                                                    </label>
                                                    <input name="name" type="text"  placeholder="Your Name">
                                                    @error('name')
                                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-6 ttm-box-col-wrapper">
                                                    <label>
                                                        <h6> Email</h6>
                                                    </label>
                                                    <input name="email" type="email"  placeholder="Your Email">
                                                    @error('email')
                                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-6 ttm-box-col-wrapper">

                                                    <label>
                                                        <h6> Phone</h6>
                                                    </label>
                                                    <input name="phone" type="text"   placeholder="Your Phone Number">
                                                    @error('phone')
                                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-12 ttm-box-col-wrapper">

                                                    <label>
                                                        <h6> Subject</h6>
                                                    </label>
                                                    <input  name="subject" type="Text"  placeholder="Your Subject">
                                                    @error('subject')
                                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                    @enderror
                                                </div>
                                                <div class="col-md-12 ttm-box-col-wrapper">

                                                    <label>
                                                        <h6> Message</h6>
                                                    </label>
                                                    <textarea name="message"  placeholder="Type Message"></textarea>
                                                    @error('message')
                                                    <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <button
                                                class="submit ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor w-100"
                                                type="submit">SEND MESSAGE!</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- row end -->
                </div>
            </section>
            <!-- conatact-section end -->


@endsection