@section('meta_title')
    @lang('language.crfm_mean')
@endsection

@extends('frontend.master')

@section('content')
    <div class="mainContainer">

        <div dir="@lang('language.dir')">

            <h3 class="contentHeader">
                @lang('language.crfm_mean')
            </h3>
            <br>
            <div class="contentImage">

                <div class="image mb-4">
                    <img src="{{ asset('Images/CFRM/cfrm.jpeg') }}" alt="">
                </div>
            </div>

            <div class="px-4 py-4 contentP">
                <p>@lang('language.crfm_desc')</p>
            </div>

            <div class="px-4 py-4 contentP">
                <p><span style="font-weight: 700">@lang('language.email'):</span> complaints@hrrac.af</p>
               <div dir="ltr" style="text-align:@lang('language.text')">
                    
                    @if(app()->getLocale() == 'en')
                    
                    <span style="font-weight: 700" >@lang('language.phone'):</span>
                    
                    @endif
                     <span>
                    {{ company()->phone }}
                    
                    @if(app()->getLocale() != 'en')
                    
                    <span style="font-weight: 700" dir"rtl">:@lang('language.phone')</span>
                    
                    @endif
                </span>
               </div>
            </div>

            <div class="px-4 py-4 contentP">
                <p>@lang('language.crfm_desc_2')</p>
            </div>
            

                <div class="contact-area pb-70">

                @if (session()->has('success_email'))
                    <div class="" style="text-align: center;color:green;font-size: 20px;margin-bottom: 30px;;">
                        <p>Thanks for Email</p>
                        <p>We will review your email as soon as possible.</p>
                    </div>
                @endif

                <div class="">
                    <form id="contactFormStyle" method="post"
                        action="{{ route('front.complaint.send', app()->getLocale()) }}">
                        @csrf
                        <h5>@lang('language.complaint_desc')</h5>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-user-alt-3"></i>
                                    </label>
                                    <input type="text" name="name" id="name" class="form-control"
                                        placeholder="@lang('language.name')" required="">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-ui-email"></i>
                                    </label>
                                    <input type="email" name="email" id="email" class="form-control"
                                        placeholder="@lang('language.email')" required="">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-ui-call"></i>
                                    </label>
                                    <input type="text" name="phone" id="phone_number" placeholder="@lang('language.phone')"
                                        required="" class="form-control">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-notepad"></i>
                                    </label>
                                    <input type="text" name="subject" id="msg_subject" class="form-control"
                                        placeholder="@lang('language.subject')" required="">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-comment"></i>
                                    </label>
                                    <textarea name="message" class="form-control" id="message" cols="30" rows="8"
                                        placeholder="@lang('language.message')" required=""></textarea>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <button type="submit" class="btn common-btn disabled"
                                    style="pointer-events: all; cursor: pointer;">
                                    @lang('language.send_message_btn')
                                </button>
                                <div id="msgSubmit" class="h3 text-center hidden"></div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>


        </div>


    </div>
@endsection