@extends('frontEnd.layout')

@section('content')
    @php
    $title_var = "title_" . app()->getLocale();
    $title_var2 = "title_" . config('app.fallback_locale','en');
    $details_var = "details_" . app()->getLocale();
    $details_var2 = "details_" . config('app.fallback_locale','en');
    if ($Topic->$title_var != "") {
        $title = $Topic->$title_var;
    } else {
        $title = $Topic->$title_var2;
    }
    if ($Topic->$details_var != "") {
        $details = $details_var;
    } else {
        $details = $details_var2;
    }
    $section = "";
    try {
        if ($Topic->section->$title_var != "") {
            $section = $Topic->section->$title_var;
        } else {
            $section = $Topic->section->$title_var2;
        }
    } catch (Exception $e) {
        $section = "";
    }
    @endphp

    @if($Topic->photo_file !="")
        <div class="fl-container">
            <div class="posts-block">
                <div class="contentarea">
                    <div class="fw_block wall_wrap image_background about1_bg dark_bg mb30">
                        <div class="over"></div>
                        <div class="container absolute_container">
                            <div class="bg_title">
                                <h1 style="font-size: 30px;"> {{ $title }}</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @else
        <div class="fl-container">
            <div class="posts-block">
                <div class="contentarea">
                    <div class="fw_block wall_wrap image_background about2_bg dark_bg mb30">
                        <div class="over"></div>
                        <div class="container absolute_container">
                            <div class="bg_title">
                                <h1> {{ $title }}</h1>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    @endif
    <style>
        .about1_bg{
            background-image: url("{{ url('uploads/topics/'.$Topic->photo_file) }}");
            background-position: top center;
        }
        .about2_bg{
            background-image: url("{{ asset('frontEnd/img/dim.jpg') }}");
        }
    </style>

    <section id="content">
        <div class="container">
            <div class="row">

                <div class="col-lg-12">

                    <article>
                        @if($WebmasterSection->type==2 && $Topic->video_file!="")
                            {{--video--}}
                            <div class="post-video">
                                <div class="post-heading">
                                    <h1>
                                        @if($Topic->icon !="")
                                            <i class="fa {!! $Topic->icon !!} "></i>&nbsp;
                                        @endif
                                        {{ $title }}
                                    </h1>
                                </div>
                                <div class="video-container">
                                    @if($Topic->video_type ==1)
                                        @php
                                        $Youtube_id = Helper::Get_youtube_video_id($Topic->video_file);
                                        @endphp
                                        @if($Youtube_id !="")
                                            {{-- Youtube Video --}}
                                            <iframe allowfullscreen
                                                    src="https://www.youtube.com/embed/{{ $Youtube_id }}">
                                            </iframe>
                                        @endif
                                    @elseif($Topic->video_type ==2)
                                        @php
                                        $Vimeo_id = Helper::Get_vimeo_video_id($Topic->video_file);
                                        @endphp
                                        @if($Vimeo_id !="")
                                            {{-- Vimeo Video --}}
                                            <iframe allowfullscreen
                                                    src="https://player.vimeo.com/video/{{ $Vimeo_id }}?title=0&amp;byline=0">
                                            </iframe>
                                        @endif

                                    @elseif($Topic->video_type ==3)
                                        @if($Topic->video_file !="")
                                            {{-- Embed Video --}}
                                            {!! $Topic->video_file !!}
                                        @endif

                                    @else
                                        <video width="100%" height="450" controls autoplay>
                                            <source src="{{ url('uploads/topics/'.$Topic->video_file) }}"
                                                    type="video/mp4">
                                            Your browser does not support the video tag.
                                        </video>
                                    @endif


                                </div>
                            </div>
                        @elseif($WebmasterSection->type==3 && $Topic->audio_file!="")
                            {{--audio--}}
                            <div class="post-video">
                                <div class="post-heading">
                                    <h1>
                                        @if($Topic->icon !="")
                                            <i class="fa {!! $Topic->icon !!} "></i>&nbsp;
                                        @endif
                                        {{ $title }}
                                    </h1>
                                </div>
                                @if($Topic->photo_file !="")
                                    <img src="{{ url('uploads/topics/'.$Topic->photo_file) }}"
                                         alt="{{ $title }}"/>
                                @endif
                                <div>
                                    <audio controls autoplay>
                                        <source src="{{ url('uploads/topics/'.$Topic->audio_file) }}"
                                                type="audio/mpeg">
                                        Your browser does not support the audio element.
                                    </audio>

                                </div>
                            </div>

                        @elseif(count($Topic->photos)>0)
                            {{--photo slider--}}
                            <div class="post-slider">
                                <div class="post-heading">
                                    <h1>
                                        @if($Topic->icon !="")
                                            <i class="fa {!! $Topic->icon !!} "></i>&nbsp;
                                        @endif
                                        {{ $title }}
                                    </h1>
                                </div>
                                <!-- start flexslider -->

                                {{--                                        @if($Topic->photo_file !="")--}}
                                {{--                                            <li>--}}
                                {{--                                                <img src="{{ url('uploads/topics/'.$Topic->photo_file) }}"--}}
                                {{--                                                     alt="{{ $title }}"/>--}}
                                {{--                                            </li>--}}
                                {{--                                        @endif--}}
                                {!! $Topic->$details !!}

                                @foreach($Topic->photos as $photo)
                                    <li>
                                        <img src="{{ url('uploads/topics/'.$photo->file) }}"
                                             alt="{{ $photo->title  }}"/>
                                    </li>
                                @endforeach

                            <!-- end flexslider -->
                            </div>

                        @else
                            {{--one photo--}}
                            <div class="post-image">
                                <div class="post-heading">
                                    <h1>
                                        @if($Topic->icon !="")
                                            <i class="fa {!! $Topic->icon !!} "></i>&nbsp;
                                        @endif
                                        {{ $title }}
                                    </h1>
                                </div>
                                @if($Topic->photo_file !="")
                                    <img src="{{ url('uploads/topics/'.$Topic->photo_file) }}"
                                         alt="{{ $title }}" title="{{ $title }}"/>
                                @endif
                            </div>
                        @endif


                        {{--Additional Feilds--}}
                        @if(count($Topic->webmasterSection->customFields) >0)
                            <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-12">
                                        @php
                                        $cf_title_var = "title_" . app()->getLocale();
                                        $cf_title_var2 = "title_" . config('app.fallback_locale','en');
                                        @endphp
                                        @foreach($Topic->webmasterSection->customFields as $customField)
                                            @php
                                            if ($customField->$cf_title_var != "") {
                                                $cf_title = $customField->$cf_title_var;
                                            } else {
                                                $cf_title = $customField->$cf_title_var2;
                                            }

                                            $cf_saved_val = "";
                                            $cf_saved_val_array = array();
                                            if (count($Topic->fields) > 0) {
                                                foreach ($Topic->fields as $t_field) {
                                                    if ($t_field->field_id == $customField->id) {
                                                        if ($customField->type == 7) {
                                                            // if multi check
                                                            $cf_saved_val_array = explode(", ", $t_field->field_value);
                                                        } else {
                                                            $cf_saved_val = $t_field->field_value;
                                                        }
                                                    }
                                                }
                                            }

                                            @endphp

                                            @if(($cf_saved_val!="" || count($cf_saved_val_array) > 0) && ($customField->lang_code == "all" || $customField->lang_code == app()->getLocale()))
                                                @if($customField->type ==12)
                                                    {{--Vimeo Video Link--}}
                                                    @php
                                                    $CF_Vimeo_id = Helper::Get_vimeo_video_id($cf_saved_val);
                                                    @endphp
                                                    @if($CF_Vimeo_id !="")
                                                        <div class="row field-row">
                                                            <div class="col-lg-3">
                                                                {!!  $cf_title !!} :
                                                            </div>
                                                            <div class="col-lg-9">
                                                                {{-- Vimeo Video --}}
                                                                <iframe allowfullscreen style="height:450px;width: 100%"
                                                                        src="https://player.vimeo.com/video/{{ $CF_Vimeo_id }}?title=0&amp;byline=0">
                                                                </iframe>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @elseif($customField->type ==11)
                                                    {{--Youtube Video Link--}}

                                                    @php
                                                    $CF_Youtube_id = Helper::Get_youtube_video_id($cf_saved_val);
                                                    @endphp
                                                    @if($CF_Youtube_id !="")
                                                        <div class="row field-row">
                                                            <div class="col-lg-3">
                                                                {!!  $cf_title !!} :
                                                            </div>
                                                            <div class="col-lg-9">
                                                                {{-- Youtube Video --}}
                                                                <iframe allowfullscreen
                                                                        style="height: 450px;width: 100%"
                                                                        src="https://www.youtube.com/embed/{{ $CF_Youtube_id }}">
                                                                </iframe>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @elseif($customField->type ==10)
                                                    {{--Video File--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <video width="100%" height="450" controls>
                                                                <source src="{{ url('uploads/topics/'.$cf_saved_val) }}"
                                                                        type="video/mp4">
                                                                Your browser does not support the video tag.
                                                            </video>
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==9)
                                                    {{--Attach File--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <a href="{{ url('uploads/topics/'.$cf_saved_val) }}"
                                                               target="_blank">
                                                                <span class="badge">
                                                                    {!! Helper::GetIcon(url('uploads/topics/'),$cf_saved_val) !!}
                                                                    {!! $cf_saved_val !!}</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==8)
                                                    {{--Photo File--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <img src="{{ url('uploads/topics/'.$cf_saved_val) }}"
                                                                 alt="{{ $cf_title }} - {{ $title }}"
                                                                 title="{{ $cf_title }} - {{ $title }}">
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==7)
                                                    {{--Multi Check--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            @php
                                                            $cf_details_var = "details_" . app()->getLocale();
                                                            $cf_details_var2 = "details_en" . config('app.fallback_locale','en');
                                                            if ($customField->$cf_details_var != "") {
                                                                $cf_details = $customField->$cf_details_var;
                                                            } else {
                                                                $cf_details = $customField->$cf_details_var2;
                                                            }
                                                            $cf_details_lines = preg_split('/\r\n|[\r\n]/', $cf_details);
                                                            $line_num = 1;
                                                            @endphp
                                                            @foreach ($cf_details_lines as $cf_details_line)
                                                                @if (in_array($line_num,$cf_saved_val_array))
                                                                    <span class="badge">
                                                            {!! $cf_details_line !!}
                                                        </span>
                                                                @endif
                                                                @php
                                                                $line_num++;
                                                                @endphp
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==6)
                                                    {{--Select--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            @php
                                                            $cf_details_var = "details_" . app()->getLocale();
                                                            $cf_details_var2 = "details_en" . config('app.fallback_locale','en');
                                                            if ($customField->$cf_details_var != "") {
                                                                $cf_details = $customField->$cf_details_var;
                                                            } else {
                                                                $cf_details = $customField->$cf_details_var2;
                                                            }
                                                            $cf_details_lines = preg_split('/\r\n|[\r\n]/', $cf_details);
                                                            $line_num = 1;
                                                            @endphp
                                                            @foreach ($cf_details_lines as $cf_details_line)
                                                                @if ($line_num == $cf_saved_val)
                                                                    {!! $cf_details_line !!}
                                                                @endif
                                                                @php
                                                                $line_num++;
                                                                @endphp
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==5)
                                                    {{--Date & Time--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            {!! date('Y-m-d H:i:s', strtotime($cf_saved_val)) !!}
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==4)
                                                    {{--Date--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            {!! date('Y-m-d', strtotime($cf_saved_val)) !!}
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==3)
                                                    {{--Email Address--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            {!! $cf_saved_val !!}
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==2)
                                                    {{--Number--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            {!! $cf_saved_val !!}
                                                        </div>
                                                    </div>
                                                @elseif($customField->type ==1)
                                                    {{--Text Area--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            {!! nl2br($cf_saved_val) !!}
                                                        </div>
                                                    </div>
                                                @else
                                                    {{--Text Box--}}
                                                    <div class="row field-row">
                                                        <div class="col-lg-3">
                                                            {!!  $cf_title !!} :
                                                        </div>
                                                        <div class="col-lg-9">
                                                            {!! $cf_saved_val !!}
                                                        </div>
                                                    </div>
                                                @endif
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            <br>
                        @endif
                        {{--End of -- Additional Feilds--}}


                        @if($Topic->attach_file !="")
                            @php
                            $file_ext = strrchr($Topic->attach_file, ".");
                            $file_ext = strtolower($file_ext);
                            @endphp
                            <div class="bottom-article">
                                @if($file_ext ==".jpg"|| $file_ext ==".jpeg"|| $file_ext ==".png"|| $file_ext ==".gif")
                                    <div class="text-center">
                                        <img src="{{ url('uploads/topics/'.$Topic->attach_file) }}"
                                             alt="{{ $title }}"/>
                                    </div>
                                @else
                                    <a href="{{ url('uploads/topics/'.$Topic->attach_file) }}">
                                        <strong>
                                            {!! Helper::GetIcon(url('uploads/topics/'),$Topic->attach_file) !!}
                                            &nbsp;{{ trans('frontLang.downloadAttach') }}</strong>
                                    </a>
                                @endif
                            </div>
                        @endif

                        {{-- Show Additional attach files --}}
                        @if(count($Topic->attachFiles)>0)
                            <div style="padding: 10px;border: 1px dashed #ccc;margin-bottom: 10px;">
                                @foreach($Topic->attachFiles as $attachFile)
                                    @php
                                    if ($attachFile->$title_var != "") {
                                        $file_title = $attachFile->$title_var;
                                    } else {
                                        $file_title = $attachFile->$title_var2;
                                    }
                                    @endphp
                                    <div style="margin-bottom: 5px;">
                                        <a href="{{ url('uploads/topics/'.$attachFile->file) }}" target="_blank">
                                            <strong>
                                                {!! Helper::GetIcon(url('uploads/topics/'),$attachFile->file) !!}
                                                &nbsp;{{ $file_title }}</strong>
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                        @endif

                        <div class="bottom-article">
                            <ul class="meta-post">
                                @if($WebmasterSection->date_status)
                                    <li><i class="fa fa-calendar"></i> <a>{!! $Topic->date  !!}</a></li>
                                @endif
                                {{--                                <li><i class="fa fa-user"></i> <a--}}
                                {{--                                            href="{{route('FrontendUserTopics',$Topic->created_by)}}">{{$Topic->user->name}}</a>--}}
                                {{--                                </li>--}}
                                <li><i class="fa fa-eye"></i> <a>{{ trans('frontLang.visits') }}
                                        : {!! $Topic->visits !!}</a></li>
                                @if($WebmasterSection->comments_status)
                                    <li><i class="fa fa-comments"></i><a
                                            href="#comments">{{ trans('frontLang.comments') }}
                                            : {{count($Topic->approvedComments)}} </a>
                                    </li>
                                @endif
                            </ul>
                            <div class="pull-right">
                                {{ trans('frontLang.share') }} :
                                <ul class="social-network share">
                                    <li><a href="{{ Helper::SocialShare("facebook", $PageTitle)}}" class="facebook"
                                           data-placement="top"
                                           title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="{{ Helper::SocialShare("twitter", $PageTitle)}}" class="twitter"
                                           data-placement="top" title="Twitter"
                                           target="_blank"><i
                                                class="fa fa-twitter"></i></a></li>
                                    <li><a href="{{ Helper::SocialShare("google", $PageTitle)}}" class="google"
                                           data-placement="top"
                                           title="Google+"
                                           target="_blank"><i
                                                class="fa fa-google-plus"></i></a></li>
                                    <li><a href="{{ Helper::SocialShare("linkedin", $PageTitle)}}" class="linkedin"
                                           data-placement="top" title="linkedin"
                                           target="_blank"><i
                                                class="fa fa-linkedin"></i></a></li>
                                    <li><a href="{{ Helper::SocialShare("tumblr", $PageTitle)}}" class="pintrest"
                                           data-placement="top" title="Pinterest"
                                           target="_blank"><i
                                                class="fa fa-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>

                        @if(count($Topic->maps) >0)
                            <div class="row">
                                <div class="col-lg-12">
                                    <br>
                                    <h4>{{ trans('frontLang.locationMap') }}</h4>
                                    <div id="google-map"></div>
                                </div>
                            </div>
                        @endif


                        @if($WebmasterSection->comments_status)
                            <div id="comments">
                                @if(count($Topic->approvedComments)>0)
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <br>
                                            <h4><i class="fa fa-comments"></i> {{ trans('frontLang.comments') }}</h4>
                                            <hr>
                                        </div>
                                    </div>
                                    @foreach($Topic->approvedComments as $comment)
                                        @php
                                        $dtformated = date('d M Y h:i A', strtotime($comment->date));
                                        @endphp
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <img src="{{ url('uploads/contacts/profile.jpg') }}" class="profile"
                                                     alt="{{$comment->name}}">
                                                <div class="pullquote-left">
                                                    <strong>{{$comment->name}}</strong>
                                                    <div>
                                                        <small>
                                                            <small>{{ $dtformated }}</small>
                                                        </small>
                                                    </div>
                                                    {!! nl2br(strip_tags($comment->comment)) !!}
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif

                                <div class="row">
                                    <div class="col-lg-12">
                                        <br>
                                        <h4><i class="fa fa-plus"></i> {{ trans('frontLang.newComment') }}</h4>
                                        <div class="bottom-article newcomment">
                                            <div id="sendmessage"><i class="fa fa-check-circle"></i>
                                                &nbsp;{{ trans('frontLang.youCommentSent') }} &nbsp; <a
                                                    href="{{url()->current()}}"><i
                                                        class="fa fa-refresh"></i> {{ trans('frontLang.refresh') }}
                                                </a>
                                            </div>
                                            <div id="errormessage">{{ trans('frontLang.youMessageNotSent') }}</div>

                                            {{Form::open(['route'=>['Home'],'method'=>'POST','class'=>'commentForm'])}}
                                            <div class="form-group">
                                                {!! Form::text('comment_name',"", array('placeholder' => trans('frontLang.yourName'),'class' => 'form-control','id'=>'comment_name', 'data-msg'=> trans('frontLang.enterYourName'),'data-rule'=>'minlen:4')) !!}
                                                <div class="alert alert-warning validation"></div>
                                            </div>
                                            <div class="form-group">
                                                {!! Form::email('comment_email',"", array('placeholder' => trans('frontLang.yourEmail'),'class' => 'form-control','id'=>'comment_email', 'data-msg'=> trans('frontLang.enterYourEmail'),'data-rule'=>'email')) !!}
                                                <div class="validation"></div>
                                            </div>
                                            <div class="form-group">
                                                {!! Form::textarea('comment_message','', array('placeholder' => trans('frontLang.comment'),'class' => 'form-control','id'=>'comment_message','rows'=>'5', 'data-msg'=> trans('frontLang.enterYourComment'),'data-rule'=>'required')) !!}
                                                <div class="validation"></div>
                                            </div>

                                            @if(env('NOCAPTCHA_STATUS', false))
                                                <div class="form-group">
                                                    {!! NoCaptcha::renderJs(app()->getLocale()) !!}
                                                    {!! NoCaptcha::display() !!}
                                                </div>
                                            @endif
                                            <div>
                                                <input type="hidden" name="topic_id" value="{{$Topic->id}}">
                                                <button type="submit"
                                                        class="btn btn-theme">{{ trans('frontLang.sendComment') }}</button>
                                            </div>
                                            {{Form::close()}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if($WebmasterSection->order_status)
                            <div id="order">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <br>
                                        <h4><i class="fa fa-cart-plus"></i> {{ trans('frontLang.orderForm') }}</h4>
                                        <div class="bottom-article newcomment">
                                            <div id="ordersendmessage"><i class="fa fa-check-circle"></i>
                                                &nbsp;{{ trans('frontLang.youOrderSent') }}
                                            </div>
                                            <div id="ordererrormessage">{{ trans('frontLang.youMessageNotSent') }}</div>

                                            {{Form::open(['route'=>['Home'],'method'=>'POST','class'=>'orderForm'])}}
                                            <div class="form-group">
                                                {!! Form::text('order_name',"", array('placeholder' => trans('frontLang.yourName'),'class' => 'form-control','id'=>'order_name', 'data-msg'=> trans('frontLang.enterYourName'),'data-rule'=>'minlen:4')) !!}
                                                <div class="alert alert-warning validation"></div>
                                            </div>
                                            <div class="form-group">
                                                {!! Form::text('order_phone',"", array('placeholder' => trans('frontLang.phone'),'class' => 'form-control','id'=>'order_phone', 'data-msg'=> trans('frontLang.enterYourPhone'),'data-rule'=>'minlen:4')) !!}
                                                <div class="validation"></div>
                                            </div>
                                            <div class="form-group">
                                                {!! Form::email('order_email',"", array('placeholder' => trans('frontLang.yourEmail'),'class' => 'form-control','id'=>'order_email', 'data-msg'=> trans('frontLang.enterYourEmail'),'data-rule'=>'email')) !!}
                                                <div class="validation"></div>
                                            </div>
                                            <div class="form-group">
                                                {!! Form::number('order_qty',"", array('placeholder' => trans('frontLang.quantity'),'class' => 'form-control','id'=>'order_qty', 'data-msg'=> trans('frontLang.yourQuantity'),'data-rule'=>'minlen:1','min'=>'1')) !!}
                                                <div class="validation"></div>
                                            </div>
                                            <div class="form-group">
                                                {!! Form::textarea('order_message','', array('placeholder' => trans('frontLang.notes'),'class' => 'form-control','id'=>'order_message','rows'=>'5')) !!}
                                                <div class="validation"></div>
                                            </div>

                                            @if(env('NOCAPTCHA_STATUS', false))
                                                <div class="form-group">
                                                    {!! NoCaptcha::renderJs(app()->getLocale()) !!}
                                                    {!! NoCaptcha::display() !!}
                                                </div>
                                            @endif
                                            <div>
                                                <input type="hidden" name="topic_id" value="{{$Topic->id}}">
                                                <button type="submit"
                                                        class="btn btn-theme">{{ trans('frontLang.sendOrder') }}</button>
                                            </div>
                                            {{Form::close()}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif


                        @if($WebmasterSection->related_status)
                            @if(count($Topic->relatedTopics))
                                <div id="Related">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <br>
                                            <h4><i class="fa fa-bookmark"></i> {{ trans('backLang.relatedTopics') }}
                                            </h4>
                                            <div class="bottom-article newcomment">
                                                @php
                                                $title_var = "title_" . app()->getLocale();
                                                $title_var2 = "title_" . config('app.fallback_locale','en');
                                                $slug_var = "seo_url_slug_" . app()->getLocale();
                                                $slug_var2 = "seo_url_slug_" . config('app.fallback_locale','en');
                                                @endphp
                                                @foreach($Topic->relatedTopics as $relatedTopic)
                                                    @php


                                                    if ($relatedTopic->topic->$title_var != "") {
                                                        $relatedTopic_title = $relatedTopic->topic->$title_var;
                                                    } else {
                                                        $relatedTopic_title = $relatedTopic->topic->$title_var2;
                                                    }

                                                    if ($relatedTopic->topic->$slug_var != "" && Helper::GeneralWebmasterSettings("links_status")) {
                                                        if (app()->getLocale() != config('app.locale','ar')) {

                                                            $topic_link_url = url(app()->getLocale() . "/" . $relatedTopic->topic->$slug_var);
                                                        } else {
                                                            $topic_link_url = url($relatedTopic->topic->$slug_var);
                                                        }
                                                    } else {
                                                        if (app()->getLocale() != config('app.locale','ar')) {
                                                            $topic_link_url = route('FrontendTopicByLang', ["lang" => app()->getLocale(), "section" => $relatedTopic->topic->webmasterSection->name, "id" => $relatedTopic->topic->id]);
                                                        } else {
                                                            $topic_link_url = route('FrontendTopic', ["section" => $relatedTopic->topic->webmasterSection->name, "id" => $relatedTopic->topic->id]);
                                                        }
                                                    }
                                                    @endphp
                                                    <div style="margin-bottom: 5px;">
                                                        <a href="{{ $topic_link_url }}"><i
                                                                class="fa fa-bookmark-o"></i>&nbsp; {!! $relatedTopic_title !!}
                                                        </a>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endif

                    </article>
                </div>
                {{--                @if(count($Categories) >0)--}}
                {{--                    @include('frontEnd.includes.side')--}}
                {{--                @endif--}}
            </div>
        </div>
    </section>

@endsection
@section('footerInclude')
    @if(count($Topic->maps) >0)
        @foreach($Topic->maps->slice(0,1) as $map)
            @php
                $MapCenter = $map->longitude . "," . $map->latitude;
            @endphp
        @endforeach
        @php
        $map_title_var = "title_" . app()->getLocale();
        $map_details_var = "details_" . app()->getLocale();
        @endphp
        <script type="text/javascript" src="//maps.google.com/maps/api/js?key=AIzaSyAgzruFTTvea0LEmw_jAqknqskKDuJK7dM"></script>

        <script type="text/javascript">
            // var iconURLPrefix = 'http://maps.google.com/mapfiles/ms/icons/';
            var iconURLPrefix = "{{ url('backEnd/assets/images/')."/" }}";
            var icons = [
                iconURLPrefix + 'marker_0.png',
                iconURLPrefix + 'marker_1.png',
                iconURLPrefix + 'marker_2.png',
                iconURLPrefix + 'marker_3.png',
                iconURLPrefix + 'marker_4.png',
                iconURLPrefix + 'marker_5.png',
                iconURLPrefix + 'marker_6.png'
            ]

            var locations = [
                @foreach($Topic->maps as $map)
                ['@php echo "<strong>" . $map->$map_title_var . "</strong>" . "<br>" . $map->$map_details_var; @endphp', @php echo $map->longitude; @endphp, @php echo $map->latitude; @endphp, @php echo $map->id; @endphp, @php echo $map->icon; @endphp],
                @endforeach
            ];

            var map = new google.maps.Map(document.getElementById('google-map'), {
                zoom: 6,
                draggable: false,
                scrollwheel: false,
                center: new google.maps.LatLng(@php echo $MapCenter; @endphp),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });

            var infowindow = new google.maps.InfoWindow();

            var marker, i;

            for (i = 0; i < locations.length; i++) {
                marker = new google.maps.Marker({
                    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                    icon: icons[locations[i][4]],
                    map: map
                });

                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    return function () {
                        infowindow.setContent(locations[i][0]);
                        infowindow.open(map, marker);
                    }
                })(marker, i));
            }
        </script>
    @endif
    <script type="text/javascript">

        jQuery(document).ready(function ($) {
            "use strict";

            @if($WebmasterSection->comments_status)
            //Comment
            $('form.commentForm').submit(function () {

                var f = $(this).find('.form-group'),
                    ferror = false,
                    emailExp = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;

                f.children('input').each(function () { // run all inputs

                    var i = $(this); // current input
                    var rule = i.attr('data-rule');

                    if (rule !== undefined) {
                        var ierror = false; // error flag for current input
                        var pos = rule.indexOf(':', 0);
                        if (pos >= 0) {
                            var exp = rule.substr(pos + 1, rule.length);
                            rule = rule.substr(0, pos);
                        } else {
                            rule = rule.substr(pos + 1, rule.length);
                        }

                        switch (rule) {
                            case 'required':
                                if (i.val() === '') {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'minlen':
                                if (i.val().length < parseInt(exp)) {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'email':
                                if (!emailExp.test(i.val())) {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'checked':
                                if (!i.attr('checked')) {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'regexp':
                                exp = new RegExp(exp);
                                if (!exp.test(i.val())) {
                                    ferror = ierror = true;
                                }
                                break;
                        }
                        i.next('.validation').html('<i class=\"fa fa-info\"></i> &nbsp;' + ( ierror ? (i.attr('data-msg') !== undefined ? i.attr('data-msg') : 'wrong Input') : '' )).show();
                        !ierror ? i.next('.validation').hide() : i.next('.validation').show();
                    }
                });
                f.children('textarea').each(function () { // run all inputs

                    var i = $(this); // current input
                    var rule = i.attr('data-rule');

                    if (rule !== undefined) {
                        var ierror = false; // error flag for current input
                        var pos = rule.indexOf(':', 0);
                        if (pos >= 0) {
                            var exp = rule.substr(pos + 1, rule.length);
                            rule = rule.substr(0, pos);
                        } else {
                            rule = rule.substr(pos + 1, rule.length);
                        }

                        switch (rule) {
                            case 'required':
                                if (i.val() === '') {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'minlen':
                                if (i.val().length < parseInt(exp)) {
                                    ferror = ierror = true;
                                }
                                break;
                        }
                        i.next('.validation').html('<i class=\"fa fa-info\"></i> &nbsp;' + ( ierror ? (i.attr('data-msg') != undefined ? i.attr('data-msg') : 'wrong Input') : '' )).show();
                        !ierror ? i.next('.validation').hide() : i.next('.validation').show();
                    }
                });
                if (ferror) return false;
                else var str = $(this).serialize();
                $.ajax({
                    type: "POST",
                    url: "@php echo route("commentSubmit"); @endphp",
                    data: str,
                    success: function (msg) {
                        if (msg == 'OK') {
                            $("#sendmessage").addClass("show");
                            $("#errormessage").removeClass("show");
                            $("#comment_name").val('');
                            $("#comment_email").val('');
                            $("#comment_message").val('');
                        }
                        else {
                            $("#sendmessage").removeClass("show");
                            $("#errormessage").addClass("show");
                            $('#errormessage').html(msg);
                        }

                    }
                });
                return false;
            });
            @endif

            @if($WebmasterSection->order_status)

            //Order
            $('form.orderForm').submit(function () {

                var f = $(this).find('.form-group'),
                    ferror = false,
                    emailExp = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;

                f.children('input').each(function () { // run all inputs

                    var i = $(this); // current input
                    var rule = i.attr('data-rule');

                    if (rule !== undefined) {
                        var ierror = false; // error flag for current input
                        var pos = rule.indexOf(':', 0);
                        if (pos >= 0) {
                            var exp = rule.substr(pos + 1, rule.length);
                            rule = rule.substr(0, pos);
                        } else {
                            rule = rule.substr(pos + 1, rule.length);
                        }

                        switch (rule) {
                            case 'required':
                                if (i.val() === '') {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'minlen':
                                if (i.val().length < parseInt(exp)) {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'email':
                                if (!emailExp.test(i.val())) {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'checked':
                                if (!i.attr('checked')) {
                                    ferror = ierror = true;
                                }
                                break;

                            case 'regexp':
                                exp = new RegExp(exp);
                                if (!exp.test(i.val())) {
                                    ferror = ierror = true;
                                }
                                break;
                        }
                        i.next('.validation').html('<i class=\"fa fa-info\"></i> &nbsp;' + ( ierror ? (i.attr('data-msg') !== undefined ? i.attr('data-msg') : 'wrong Input') : '' )).show();
                        !ierror ? i.next('.validation').hide() : i.next('.validation').show();
                    }
                });
                if (ferror) return false;
                else var str = $(this).serialize();
                var xhr = $.ajax({
                    type: "POST",
                    url: "@php echo route("orderSubmit"); @endphp",
                    data: str,
                    success: function (msg) {
                        if (msg == 'OK') {
                            $("#ordersendmessage").addClass("show");
                            $("#ordererrormessage").removeClass("show");
                            $("#order_name").val('');
                            $("#order_phone").val('');
                            $("#order_email").val('');
                            $("#order_qty").val('');
                            $("#order_message").val('');
                        }
                        else {
                            $("#ordersendmessage").removeClass("show");
                            $("#ordererrormessage").addClass("show");
                            $('#ordererrormessage').html(msg);
                        }

                    }
                });
                //console.log(xhr);
                return false;
            });

            @endif
        });
    </script>

@endsection