@extends('frontend.layouts.app')

@section('content')
    <div class="container">
        <div class="contact-us pt-6">
            <div class="row">
                <div class="col-sm-12 col-md-6">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="contact-us my-5">
                                <div class="card">
                                    <div class="card-body">
                                        @if ($errors->any())
                                            @foreach ($errors->all() as $error)
                                                <div class="text-danger my-2 font-weight-bold">{{ $error }}</div>
                                            @endforeach
                                        @endif
                                        <form action="{{ route('contact-us.store') }}" method="post">
                                            @csrf
                                            <div class="mb-3">
                                                <label class="form-label"> {{ translate('Name') }} <span
                                                        class="text-danger">*</span> </label>
                                                <input type="text" class="form-control" name="name"
                                                    placeholder="{{ translate('Enter your full name') }}" required>
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label"> {{ translate('Email') }} <span
                                                        class="text-danger">*</span></label>
                                                <input type="email" class="form-control" name="email"
                                                    placeholder="{{ translate('Enter Your E-mail') }}" required>
                                                <div class="form-text">
                                                    {{ translate('Please, enter the email address where you wish to receive our
                                                                                                                                            answer.') }}
                                                </div>
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label"> {{ translate('Subject') }} <span
                                                        class="text-danger">*</span> </label>
                                                <input type="text" class="form-control" name="subject"
                                                    placeholder="{{ translate('Write the subject here') }}" required>
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label"> {{ translate('Description') }} <span
                                                        class="text-danger">*</span> </label>
                                                <textarea class="form-control" rows="8" placeholder=" {{ translate('Write your description here') }}"
                                                    name="description" required style="resize: none;"></textarea>
                                            </div>
                                            <button type="submit"
                                                class="btn btn-block btn-primary">{{ translate('Send') }}</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-12 col-md-6 pt-5 pb-7">
                    <div class="row">
                        <h2 class="text-left mb-4" style="padding-left: 18px;
                            margin: 0 18px;
                            padding-bottom: 18px;
                            border-bottom: 3px solid #000000;
                            width: 100%;
                        }">{{ translate('How can we help you?') }}</h2>
                        <div class="col-md-12">
                            <div class="contact-info">
                                <div class="contact-info-item">
                                    <div class="contact-info-icon">
                                        <i class="fas fa-map-marked"></i>
                                    </div>
                                    <div class="contact-info-text">
                                        <h2>address</h2>
                                        <span>212, 214, 215, Anand Mangal - 3 , Opp. Parimal Jain Derasar,</span><span>  B/h kalyan Jewellers, Nr. Doctor House,</span> 
                                        <span>Ambawadi, Ahmedabad  -  380015</span> 
                                    </div>
                                </div>            
                            </div>          
                        </div> 

                        <div class="col-md-12">
                            <a href="https://dizname.in/mahavir-jain-matrimony/" class="contact-info">
                                <div class="contact-info-item">
                                    <div class="contact-info-icon">
                                        <i class="fas fa-envelope"></i>
                                    </div>
                                    <div class="contact-info-text">
                                        <h2>Digital Business Card </h2>
                                        <span>Click Here</span> 
                                        <span>For Digital Business Card</span>
                                    </div>
                                </div>            
                            </a>                
                        </div>   

                        <div class="col-md-12">
                            <div class="contact-info">
                                <div class="contact-info-item">
                                    <div class="contact-info-icon">
                                        <i class="fas fa-clock"></i>
                                    </div>
                                    <div class="contact-info-text">
                                        <h2>Bank Details</h2>
                                        <span>Bank Name : IDBI BANK</span>
                                        <span>Branch : Lal Bungalow,C.G.Road,Ahmedabad</span>
                                        <span>Account Number : 0009102000084738</span>
                                        <span>IFSC Code : IBKL0000009</span>
                                    </div>
                                </div>            
                            </div>          
                        </div>          
                    </div>
                </div>    
            </div>
        </div>
    </div>
@endsection