@extends('vcard.layout')

@if ($vcard->direction == 2)
    @section('rtl', 'dir=rtl')
@endif

@if ($vcard->direction == 2)
@section('rtl-css')
<link rel="stylesheet" href="{{asset('public/assets/front/user/css/vcard/template5-10/rtl-style.css')}}">
@endsection
@endif

@section('base-color')
<link rel="stylesheet" href="{{asset('assets/front/user/css/vcard/template5-10/vcard-base-color.php').'?color='.$vcard->base_color}}">
@endsection

@section('og-image', asset('assets/front/img/user/vcard/' . $vcard->cover_image))
@section('og-title')
    {{$vcard->name}} ({{$vcard->occupation}})
@endsection
@section('og-description')
    {{$vcard->introduction}}
@endsection

@section('content')
<!--====== Start Page Wrapper ======-->
<div class="page-wrapper red-light-bg">
    <div class="container p-0">
        <!--====== Page Area Start ======-->
        <div class="page-area page-area-one">
            <!--====== Start Admin ======-->
            <div class="admin-box admin-box-one bg_cover lazy" data-bg="{{!empty($vcard->cover_image) ? asset('assets/front/img/user/vcard/' . $vcard->cover_image) : asset('assets/front/img/user/vcard/vcard_cover.jpg')}}">
                <div class="admin-info-box d-flex">
                    <div class="user-thumb">
                        <img class="lazy" data-src="{{!empty($vcard->profile_image) ? asset('assets/front/img/user/vcard/' . $vcard->profile_image) : asset('assets/front/img/user/blank_propic.png')}}" alt="user thumb">
                        <div class="user-social">
                            <ul>
                                @if (!empty($vcard->phone) && (is_array($prefs) && in_array('Call', $prefs)))
                                <li><a href="tel:{{$vcard->phone}}"><i class="fas fa-phone"></i></a></li>
                                @endif
                                @if (!empty($vcard->phone) && (is_array($prefs) && in_array('Whatsapp', $prefs)))
                                <li><a href="https://wa.me/{{$vcard->phone}}?text=Hello"><i class="fab fa-whatsapp"></i></a></li>
                                @endif
                                @if (!empty($vcard->email) && (is_array($prefs) && in_array('Mail', $prefs)))
                                <li><a href="/cdn-cgi/l/email-protection#bcc7c798cadfddced89182d9d1ddd5d0c1c1"><i class="fas fa-envelope"></i></a></li>
                                @endif
                            </ul>
                        </div>
                    </div>
                    <div class="user-info">
                        <div class="user-title">
                            @if (!empty($vcard->name))
                            <h3>{{$vcard->name}}</h3>
                            @endif
                            @if (!empty($vcard->occupation))
                            <p class="position">
                                {{$vcard->occupation}}, 
                                @if (!empty($vcard->company))
                                ({{$vcard->company}})
                                @endif
                            </p>
                            @endif
                        </div>
                        <p>{{$vcard->introduction}}</p>
                    </div>
                    <div class="user-button">
                        @if (!empty($vcard->phone) && (is_array($prefs) && in_array('Add to Contact', $prefs)))
                            <a href="{{route('front.user.vcardImport', [getParam(), $vcard->id])}}" class="user-btn"><i class="fas fa-plus"></i>{{$keywords["Add_to_Contact"] ?? "Add to Contact"}}</a>
                        @endif
                    </div>
                    @if (is_array($prefs) && in_array('Share vCard', $prefs))
                        <a href="#" data-toggle="modal" data-target="#socialMediaModal" class="share-btn"><i class="fas fa-share-alt"></i></a>
                    @endif
                </div>
            </div><!--====== End Admin ======-->

            @if (is_array($prefs) && in_array('Information', $prefs))
            <!--====== Start Contact-information ======-->
            <div class="section-widget contact-info-one white-bg">
                @if (!empty($vcard->phone))
                <div class="info-box d-flex">
                    <div class="icon">
                        <i class="fas fa-phone"></i>
                    </div>
                    <div class="text">
                        <h3>{{$keywords["Phone"] ?? "Phone"}}</h3>
                        <p><a href="tel:{{$vcard->phone}}">{{$vcard->phone}}</a></p>
                    </div>
                </div>
                @endif
                @if (!empty($vcard->email))
                <div class="info-box d-flex">
                    <div class="icon">
                        <i class="fas fa-paper-plane"></i>
                    </div>
                    <div class="text">
                        <h3>{{$keywords["Email"] ?? "Email"}}</h3>
                        <p><a href="/cdn-cgi/l/email-protection#651e1e411306041701485b0008040c091818">{{$vcard->email}}</a></p>
                    </div>
                </div>
                @endif
                @if (!empty($vcard->address))
                <div class="info-box d-flex">
                    <div class="icon">
                        <i class="fas fa-map-marker-alt"></i>
                    </div>
                    <div class="text">
                        <h3>{{$keywords["Address"] ?? "Address"}}</h3>
                        <p>{{$vcard->address}}</p>
                    </div>
                </div>
                @endif
                @if (!empty($vcard->website_url))
                <div class="info-box d-flex">
                    <div class="icon">
                        <i class="fas fa-link"></i>
                    </div>
                    <div class="text">
                        <h3>{{$keywords["Website_URL"] ?? "Website URL"}}</h3>
                        <p><a href="{{$vcard->website_url}}">{{$vcard->website_url}}</a></p>
                    </div>
                </div>
                @endif
                @foreach ($infos as $info)
                    <div class="info-box d-flex">
                        <div class="icon">
                            <i class="{{$info['icon']}}"></i>
                        </div>
                        <div class="text">
                            <h3>{{$info['label']}}</h3>
                            <p><a @if ($info['link'] == 1) target="_blank" href="{{$info['value']}}" @endif>{{$info['value']}}</a></p>
                        </div>
                    </div>
                @endforeach
            </div><!--====== End Contact-information ======-->
            @endif

            @if (is_array($prefs) && in_array('About Us', $prefs))
            <!--====== Start About ======-->
            <div class="section-widget about-area-one white-bg">
                <h3 class="widget-title">{{$keywords["About_us"] ?? "About us"}}</h3>
                <div class="about-content">
                    <p>{!! $vcard->about !!}</p>
                </div>
            </div><!--====== End About ======-->
            @endif

            @if (is_array($prefs) && in_array('Services', $prefs))
                <!--====== Start Service ======-->
                <div class="section-widget service-area-one">
                    <div class="row">
                        <div class="col-8">
                            <h3 class="widget-title">{{$keywords["Our_Service"] ?? "Our Service"}}</h3>
                        </div>
                        <div class="col-4">
                            <div class="service-arrows"></div>
                        </div>
                    </div>
                    <div class="service-slider-one">
                        @php
                            $services = !empty($vcard->user_vcard_services) ? $vcard->user_vcard_services()->orderBy('serial_number', 'ASC')->get() : [];
                        @endphp
                        @foreach ($services as $service)
                            <div class="service-item">
                                @if ($service->external_link_status == 1 && !empty($service->external_link))

                                <a class="d-block" href="{{$service->external_link}}" target="_blank">
    
                                @elseif ($service->external_link_status == 0 && !empty($service->short_details))
    
                                <a href="#" data-toggle="modal" data-target="#serviceDetails" class="d-block no-ext" data-details="{{$service->short_details}}">
    
                                @endif
                                    <div class="img-holder">
                                        <img class="lazy" data-src="{{asset('assets/front/img/user/services/' . $service->image)}}" alt="Image">
                                    </div>
                                    <div class="text text-center">
                                        <h3>{{$service->title}}</h3>
                                    </div>
                                </a>
                                
                            </div>
                        @endforeach
                    </div>
                </div>
                <!--====== End Service ======-->
                <!-- Modal -->
                <div class="modal fade" id="serviceDetails" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLongTitle">{{$keywords["Details"] ?? "Details"}}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body"></div>
                        </div>
                    </div>
                </div>
            @endif

            @if (is_array($prefs) && in_array('Projects', $prefs))
            <!--====== Start Project ======-->
            <div class="section-widget project-area-one">
                <div class="row">
                    <div class="col-8">
                        <h3 class="widget-title">{{$keywords["Projects"] ?? "Projects"}}</h3>
                    </div>
                    <div class="col-4">
                        <div class="project-arrows"></div>
                    </div>
                </div>
                @php
                    $projects = !empty($vcard->user_vcard_projects) ? $vcard->user_vcard_projects()->orderBy('serial_number', 'ASC')->get() : [];
                @endphp
                @if (!empty($projects))
                <div class="project-slider-one">
                    @foreach ($projects as $project)
                        <div class="project-item">
                            <div class="img-holder">
                                <img data-src="{{asset('assets/front/img/user/projects/' . $project->image)}}" class="lazy" alt="">
                                <a class="img-overlay img-popup" href="{{asset('assets/front/img/user/projects/' . $project->image)}}"></a>
                            </div>
                            <div class="text">
                                <h3><a>{{$project->title}}</a></h3>
                                @if ($project->external_link_status == 1 && !empty($project->external_link))
                                    <a href="{{$project->external_link}}" target="_blank" class="btn_link">{{$keywords["Details"] ?? "Details"}}</a>
                                @elseif ($project->external_link_status == 0 && !empty($project->short_details))
                                    <a href="#" data-toggle="modal" data-target="#projectDetails" class="btn_link" data-details="{{$project->short_details}}">{{$keywords["Details"] ?? "Details"}}</a>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
                @endif
            </div><!--====== End Project ======-->

            <!-- Modal -->
            <div class="modal fade" id="projectDetails" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLongTitle">{{$keywords["Details"] ?? "Details"}}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                        </div>
                    </div>
                </div>
            </div>
            @endif
            

            @if (is_array($prefs) && in_array('Video', $prefs))
                <!--====== Start Video ======-->
                <div class="section-widget intro-area-one">
                    <div class="row">
                        <div class="col-12">
                            <h3 class="widget-title">{{$keywords["Video"] ?? "Video"}}</h3>
                        </div>
                    </div>

                    @if (!empty($vcard->video))
                        <div class="intro-item">
                            <div class="img-holder">
                                <iframe class="embed-responsive-item" src="{{$vcard->video}}" allowfullscreen width="100%" height="220"></iframe>
                            </div>
                        </div>
                    @endif
                </div><!--====== End Video ======-->
            @endif

            @if (is_array($prefs) && in_array('Testimonials', $prefs))
            <!--====== Start Testimonial ======-->
            <div class="section-widget testimonial-area-one">
                <div class="row">
                    <div class="col-8">
                        <h3 class="widget-title">{{$keywords["Testimonial"] ?? "Testimonial"}}</h3>
                    </div>
                    <div class="col-4">
                        <div class="testimonial-arrows"></div>
                    </div>
                </div>
                @php
                    $testimonials = !empty($vcard->user_vcard_testimonials) ? $vcard->user_vcard_testimonials()->orderBy('serial_number', 'ASC')->get() : [];
                @endphp
                @if (!empty($testimonials))
                    <div class="testimonial-slider-one">
                        @foreach ($testimonials as $testimonial)
                            <div class="testimonial-item">
                                <div class="testimonial-content">
                                    <div class="author-title-thumb d-flex">
                                        <div class="author-thumb">
                                            <img data-src="{{asset('assets/front/img/user/testimonials/' . $testimonial->image)}}" class="lazy" alt="">
                                        </div>
                                        <div class="author-title">
                                            <h3>{{$testimonial->name}}</h3>
                                            <ul class="rating">
                                                @for ($i = 0; $i < $testimonial->rating; $i++)
                                                <li><i class="fas fa-star"></i></li>
                                                @endfor
                                                @for ($i = 0; $i < (5 - $testimonial->rating); $i++)
                                                <li><i class="far fa-star"></i></li>
                                                @endfor
                                            </ul>
                                        </div>
                                    </div>
                                    <p>{{$testimonial->comment}}</p>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @endif
            </div><!--====== End Testimonial ======-->
            
            @endif

            @if (is_array($prefs) && in_array('Enquiry Form', $prefs))
                <!--====== Start Contact ======-->
                <div class="section-widget contact-area-one">
                    <div class="row">
                        <div class="col-12">
                            <h3 class="widget-title">{{$keywords["Enquiry_Form"] ?? "Enquiry_Form"}}</h3>
                        </div>
                    </div>
                    <div class="contact-form">
                        <form action="{{route('front.contact.message', getParam())}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="id" value="{{$vcard->user_id}}">
                            <input type="hidden" name="type" value="vcard">
                            <input type="hidden" name="to_name" value="{{$vcard->name}}">
                            <input type="hidden" name="to_mail" value="{{$vcard->email}}">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form_group">
                                        <input type="text" class="form_control" placeholder="{{$keywords["Enter_Name"] ?? "Enter_Name"}}" name="fullname" required>
                                        @if ($errors->has('fullname'))
                                            <p class="text-danger mb-0">{{$errors->first('fullname')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form_group">
                                        <input type="email" class="form_control" placeholder="{{$keywords["Enter_Email_Address"] ?? "Enter_Email_Address"}}" name="email" required>
                                        @if ($errors->has('email'))
                                            <p class="text-danger mb-0">{{$errors->first('email')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form_group">
                                        <input type="text" class="form_control" placeholder="{{$keywords["Enter_Subject"] ?? "Enter_Subject"}}" name="subject" required>
                                        @if ($errors->has('subject'))
                                            <p class="text-danger mb-0">{{$errors->first('subject')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form_group">
                                        <textarea class="form_control" placeholder="{{$keywords["Enter_Message"] ?? "Enter_Message"}}" name="message"></textarea>
                                        @if ($errors->has('message'))
                                            <p class="text-danger mb-0">{{$errors->first('message')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        @if ($userBs->is_recaptcha == 1)
                                            <div class="d-block mb-4">
                                                {!! NoCaptcha::renderJs() !!}
                                                {!! NoCaptcha::display() !!}
                                                @if ($errors->has('g-recaptcha-response'))
                                                    @php
                                                        $errmsg = $errors->first('g-recaptcha-response');
                                                    @endphp
                                                    <p class="text-danger mb-0 mt-2">{{ __("$errmsg") }}</p>
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form_group">
                                        <button class="form-btn" type="submit">{{$keywords["Send"] ?? "Send"}}</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div><!--====== End Contact ======-->
            @endif
        </div><!--====== Page Area End ======-->
    </div>
</div><!--====== End Page Wrapper ======-->

@endsection<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>