@extends('web.layout.default')
@section('page_title')
| {{ trans('labels.help_contact_us') }}
@endsection
@section('content')
<div class="breadcrumb-sec">
<div class="container">
<div class="breadcrumb-sec-content">
<nav class="text-dark d-flex breadcrumb-divider" aria-label="breadcrumb">
<ol class="breadcrumb">
<li
class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }}">
<a class="fw-bold text-dark" href="{{ route('home') }}">{{ trans('labels.home') }}</a>
</li>
<li class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }} text-primary fw-bold active"
aria-current="page">{{ trans('labels.help_contact_us') }}</li>
</ol>
</nav>
</div>
</div>
</div>
<!-- Contact us Section Start Here -->
<section class="my-5">
<div class="contact-us">
<div class="container">
<h3 class="fw-bold color-changer fs-2 mb-4 truncate-2">{{ trans('labels.contact_us') }}
</h3>
<div class="contact-content">
<div class="d-md-flex">
<div class="col-md-6 col-12 p-5 left-side my-md-0 my-2 contact_us_left">
<div class="col-12 my-1">
<div class="border-0 h-100 d-flex ">
<h2 class="fw-bold text-white mb-0">Get in Touch</h2>
</div>
</div>
<div class="col-12">
<div class="border-0 pt-3 h-100 d-flex gap-3">
<span class="icons">
<i class="fa-solid fa-location-dot"></i>
</span>
<div class="col-xl-auto col-9">
<h5 class="text-white mb-1">{{ trans('labels.address') }}</h5>
<a href="javascript:void(0)"
class="text-white">{{ @helper::appdata()->address }}</a>
</div>
</div>
</div>
<div class="col-12">
<div class="border-0 pt-3 h-100 d-flex gap-3">
<span class="icons">
<i class="fa-solid fa-envelope"></i>
</span>
<div class="col-xl-auto col-9">
<h5 class="text-white mb-1">{{ trans('labels.email') }}</h5>
<a href="mailto:{{ @helper::appdata()->email }}"
class=" text-white">{{ @helper::appdata()->email }}</a>
</div>
</div>
</div>
<div class="col-12">
<div class="border-0 pt-3 h-100 d-flex gap-3">
<span class="icons">
<i class="fa-solid fa-phone"></i>
</span>
<div class="col-xl-auto col-9">
<h5 class="text-white mb-1">{{ trans('labels.mobile') }}</h5>
<a href="tel:{{ @helper::appdata()->mobile }}"
class="text-white">{{ @helper::appdata()->mobile }}</a>
</div>
</div>
</div>
<div class="col-12">
<div class="border-0 pt-3 h-100 d-flex gap-3">
<span class="icons">
<i class="fa-solid fa-clock"></i>
</span>
<div class="col-xl-auto col-9">
<h5 class="text-white mb-1">{{ trans('labels.working_hours') }}
</h5>
<h6 class="text-white">{{ ucfirst($timedata->day) }} <span class="cursor-pointer"
data-bs-toggle="modal" data-bs-target="#modal_working_hours"><i
class="fa-solid fa-circle-info fs-6 text-white"></i></span></h6>
<div class="row ">
<p class="col-auto text-white fs-7 fw-600">{{ $timedata->open_time }}
<b>{{ trans('labels.to') }}</b>
{{ $timedata->break_start }}
</p>
<p class="col-auto text-white fs-7 fw-600">{{ $timedata->break_end }}
<b>{{ trans('labels.to') }}</b>
{{ $timedata->close_time }}
</p>
</div>
</div>
</div>
</div>
<div class="mt-4">
<span class="fw-bold text-white mb-3 d-block">{{ trans('labels.social_share') }} :</span>
<div class="social-links d-flex align-items-center gap-2">
@foreach (@helper::getsociallinks() as $links)
<a href="{{ $links->link }}" target="_blank"> {!! $links->icon !!}</a>
@endforeach
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 col-auto right-side">
<form method="POST" class="p-5" action="{{ route('createcontact') }}">
@csrf
<div class="row">
<p class="fs-2 color-changer fw-bold mb-2">{{ trans('labels.contactus_heading') }}</p>
<span class="text-muted">{{ trans('labels.contactus_description') }}</span>
</div>
<div class="mb-3 mt-sm-5 mt-4 form-group">
<div class="row g-sm-3 g-2">
<div class="col-6">
<label for=""
class="form-label">{{ trans('messages.first_name') }}
<span class="text-danger">*</span>
</label>
<input type="text" class="form-control" name="fname"
placeholder="{{ trans('messages.first_name') }}" required>
</div>
<div class="col-6">
<label for="" class="form-label">{{ trans('messages.last_name') }}
<span class="text-danger">*</span>
</label>
<input type="text" class="form-control" name="lname"
placeholder="{{ trans('messages.last_name') }}" required>
</div>
</div>
</div>
<div class="mb-3 form-group">
<label for="" class="form-label">{{ trans('labels.email') }}
<span class="text-danger">*</span>
</label>
<input type="email" class="form-control" name="email"
placeholder="{{ trans('labels.email') }}" required>
</div>
<div class="mb-3 form-group">
<label for="" class="form-label">{{ trans('labels.message') }}
<span class="text-danger">*</span>
</label>
<textarea class="form-control" rows="2" name="message" placeholder="{{ trans('labels.message') }}" required></textarea>
</div>
@if (@helper::checkaddons('recaptcha'))
@include('web.layout.recaptcha')
@endif
<div class="col-12 d-inline-block">
<button type="submit"
class="btn px-4 btn-primary float-end">{{ trans('labels.save') }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection
@section('scripts')
<!-- IF VERSION 2 -->
@if (helper::appdata()->recaptcha_version == 'v2')
<script src='https://www.google.com/recaptcha/api.js'></script>
@endif
<!-- IF VERSION 3 -->
@if (helper::appdata()->recaptcha_version == 'v3')
{!! RecaptchaV3::initJs() !!}
@endif
@endsection