@extends('layouts.index')

@if($account && $account->accounts_website_theme == 'theme5')
    @include('themes.theme5.pages.contactus')
@else

    @section('content')

            <div class="mt-md-5">
                <div class="container my-md-4  p-md-0 p-4 ">
                    {{-- <h3 class="text-center my-md-5 my-4 text_7">{{ __('lang.contactUs')  }}</h3> --}}
                    {{-- @include('includes.errors') --}}
                    <div class="row">
                        <div class="col-md-5 col-12 px-md-0">
                            <div class="card border-0 p-3">
                                <h3 class="text_7">{{ __('lang.contactUs') }}</h3>
                                <hr/>
                                    {!! $info->infos_contacts !!}
                                    {{-- <div class="font-20"><strong>{{ __('lang.email') }}:</strong> <span class="text_7">{{ $info->infos_email }}</span></div> --}}
                                <hr/>
                                <div class="row">
                                    <div class="col-12 text-center">
                                        @include('includes.socialIcons')
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-7 col-12  ps-md-5 my-md-0 my-4 ">
                            <div class="card border-0 ">
                                {{-- <h3 class="text_7">{{ __('lang.getInTouch') }}</h3>
                                <hr/> --}}
                                <div class="card-body p-3">
                                    <form class="custom-form contactus-form" action="{{route('postContact')}}" method="POST" autocomplete="off">
                                        @csrf
                                        <input type="hidden" name="accountId" value="{{env('accountId')}}" >
                                        <input type="hidden" name="accounts_multiple_countries" value="{{$account->accounts_multiple_countries }}" >
                                        <input type="hidden" name="mobile_digits_count" value="{{$account->accounts_country_mobile_digits_count ? $account->accounts_country_mobile_digits_count : '8'}}" >
                                        <input type="hidden" name="countryCode" id="countryCode" value="{{!$account->accounts_multiple_countries ? $account->accounts_country_code : ''}}" >

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group px-0">
                                                    <label for="contacts_name" class="form-label  ">{{__('lang.name')}}</label>
                                                    <input type="text" class="form-control  {{ $errors->first('contacts_name') ? 'is-invalid' : '' }}" id="contacts_name" value="{{old('contacts_name',session()->get('customer') ? session()->get('customer')->customers_name : '')}}" name="contacts_name"  >
                                                    @if ($errors->first('contacts_name'))
                                                    <div class="invalid-feedback d-inline">{{ $errors->first('contacts_name') }}</div>
                                                    @endif
                                                </div>

                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group  px-0" dir="ltr">
                                                    <div class="input-group mb-3">

                                                        <div class="input-group-prepend {{ $account->accounts_multiple_countries ?  'd-none' : '' }}">
                                                            <span class="input-group-text" id="basic-addon1">{{ $account->accounts_country_code }}</span>
                                                        </div>
                                                        <input type="text" dir="ltr" class="form-control {{ $errors->first('contacts_phone') ? 'is-invalid' : '' }} " name="contacts_phone"  value="{{old('contacts_phone',session()->get('customer') ? session()->get('customer')->customers_phone : '')}}" id="contacts_phone" >
                                                        <label for="contacts_phone" class="form-label "> {{__('lang.phone')}}</label>
                                                        @if ($errors->first('contacts_phone'))
                                                        <div class="invalid-feedback  d-inline" dir="{{ $dir }}">{{ $errors->first('contacts_phone') }}</div>
                                                        @endif
                                                    </div>

                                                </div>


                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group  px-0">
                                                    <label for="contacts_subjects_id" class="form-label  "> {{__('lang.subject')}}</label>
                                                    <select class="form-select" name="contacts_subjects_id" id="contacts_subjects_id" aria-label="Default select example">
                                                        <option value="">{{ __('lang.subject') }}</option>
                                                        @foreach ($contact_subjects as $subject)
                                                            <option value="{{ $subject->contacts_subjects_id }}">{{ $subject->contacts_subjects_title }}</option>
                                                        @endforeach
                                                    </select>
                                                    @if ($errors->first('contacts_subjects_id'))
                                                    <div class="invalid-feedback  d-inline">{{ $errors->first('contacts_subjects_id') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group px-0">
                                                    <label for="contacts_message" class="form-label ">{{__('lang.message')}}</label>
                                                    <textarea class="form-control {{ $errors->first('contacts_message') ? 'is-invalid' : '' }} " name="contacts_message"  value="{{old('contacts_message')}}" rows="5"  id="contacts_message" ></textarea>
                                                    @if ($errors->first('contacts_message'))
                                                    <div class="invalid-feedback  d-inline">{{ $errors->first('contacts_message') }}</div>
                                                    @endif
                                                </div>
                                            </div>

                                            <div class="d-grid col-md-12 ">
                                                <button type="submit" class="btn background_3 text_2  mt-3" >{{__('lang.send')}}</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>


                        </div>
                        <hr>
                        <div class="col-12 {{$info && $info->infos_gps ? '' : 'd-none'}}  ">
                            <div class="form-group   form-float">
                                {{-- <div class="col-md-12" id="map" style="width:100%;height:450px; "></div> --}}
                                @if($info && $info->infos_gps )
                                                                        <iframe width="100%" height="450" id="gmap_canvas"
                                        src="https://maps.google.com/maps?q={{ $accounts_gps[0].','.$accounts_gps[1] }}&t=&z=20&ie=UTF8&iwloc=&output=embed"
                                        frameborder="0" scrolling="no" marginheight="0" marginwidth="0">
                                    </iframe>
                                @endif
                            </div><br/>
                        </div>
                    </div>

                </div>

            </div>

    @endsection

@endif