@extends('layouts.siteLayouts')

@section('head')
    <!-- select2 -->
    <link rel="stylesheet" href="{{url('assets/css/plugins/select2.min.css')}}">
    <link rel="stylesheet" href="{{url('assets/css/plugins/select2-bootstrap4.min.css')}}">
    <meta name="_token" content="{{csrf_token()}}">
@stop
@section('content')

    <!-- Start Contact Us Area -->
    <section class="contact-area pb-40">
        <div class="container">
            <ul class="breadcrumb">
                <li><a href="{{url('/')}}"><i class="icofont-home"></i> صفحه اصلی</a></li>
                <li><i class="icofont-rounded-left"></i></li>
                <li>تماس با ما</li>
            </ul>

            <div class="row">
                <div class="col-lg-8 col-md-12">
                    <div class="contact-form">
                        <h3>تماس با ما</h3>

                        <form id="commentForm" onsubmit="return false;">
                            @if(config('app.recaptcha') != null)
                                {!!  GoogleReCaptchaV3::renderField('contact_us_id','contact_us_action') !!}
                            @endif
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        @if(auth()->check() && auth()->user()->lname != null)
                                            <input name="name"
                                                   value="{{auth()->user()->fname.' '.auth()->user()->lname}}"
                                                   readonly class="form-control" type="text" id="name" required data-error="نام خود را وارد کنید" placeholder="نام و نام خانوادگی">
                                        @else
                                            <input name="name" class="form-control" type="text" id="name"  required data-error="نام خود را وارد کنید" placeholder="نام و نام خانوادگی">
                                        @endif
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <input type="email" class="form-control" name="email" id="email" placeholder="ایمیل شما *" required data-error="ایمیل خود را وارد کنید">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <div class="form-group">
                                        @if(auth()->check())
                                            <input name="mobile" value="{{auth()->user()->mobile}}" readonly
                                                   class="form-control" type="text">
                                        @else
                                            <input name="mobile" class="form-control"
                                                   type="text">
                                        @endif
                                        <div class="inline-example"></div>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <select name="subject_id" class="form-control select"
                                                placeholder="انتخاب کنید">
                                            @foreach($subjects as $subject)
                                                <option value="{{$subject->id}}">{{$subject->title}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <textarea placeholder="پیام شما *" name="body" id="message" class="form-control" cols="30" rows="10" required data-error="پیام خود را بنویسید"></textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <a onclick="saveComment()" class="btn btn-primary">ارسال پیام</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12">
                    <div class="contact-info">
                        <h3>اطلاعات بیشتر</h3>
                        {!! get_option('contact') !!}
                        <br>
                        @php($setting = \App\Config::first())
                        <ul>
                            <li><i class="icofont-google-map"></i> {{$setting->address}}</li>
                            <li>{{$setting->postalcode}}<i class="icofont-mail"></i> </li>
                            <li><i class="icofont-phone"></i> <a href="tel:{{$setting->phone}}">{{$setting->phone}}</a></li>
                            <li><i class="icofont-envelope"></i> <a href="mail:{{$setting->email}}">{{$setting->email}}</a></li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Contact Us Area -->

    @if(config('app.recaptcha') != null)
        {!!  GoogleReCaptchaV3::init() !!}
    @endif

    @include('layouts.loading')


@stop

@section('footer')
    <!--  select2 -->
    <script src="{{url('assets/js/plugins/select2.min.js')}}"></script>
    <script>
        saveComment = function () {
            $("#loading").show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            var form = $('#commentForm').serialize();
            $.ajax({
                url: '{{ url('/contact') }}',
                type: 'POST',
                data: form,
                success: function (response) {
                    $("#loading").hide();
                    toastr.success(response.message);
                    document.getElementById("commentForm").reset();
                },
                error: function (xhr) {
                    $("#loading").hide();
                    if (xhr.status === 422) {
                        jQuery.each(xhr.responseJSON.errors, function (key, value) {
                            toastr.error(value);
                        });
                    }
                    if (xhr.status !== 422) {
                        toastr.warning('خطایی در سامانه رخ داد!');
                    }
                }
            });
        }
    </script>
@stop