@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('styles')
<style>
    .admin-box-two:before {
        background: url({{!empty($vcard->cover_image) ? asset('assets/front/img/user/vcard/' . $vcard->cover_image) : asset('assets/front/img/user/vcard/vcard_cover.jpg')}});
    }
</style>
@endsection

@section('content')

    <!--====== Start Page Wrapper ======-->
    <div class="page-wrapper">
        <div class="container p-0">
            <!--====== Page Area Start ======-->
            <div class="page-area page-area-two">
                <!--====== Start Admin ======-->
                <div class="admin-box-two">
                    <div class="admin-info-box text-center" style="background-color: #{{$vcard->summary_background_color}};">
                        <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>
                        <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>
                            @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 class="user-social d-flex justify-content-between">
                                <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#740f0f500217150610594a1119151d180909"><i class="fas fa-envelope"></i></a></li>
                                    @endif
                                </ul>
                                @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>
                    </div>
                </div><!--====== End Admin ======-->

                @if (is_array($prefs) && in_array('Information', $prefs))
                <!--====== Start Contact-information ======-->
                <div class="contact-info-two">
                    @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#b6cdcd92c0d5d7c4d29b88d3dbd7dfdacbcb">{{$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-two mb-30">
                        <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-two mb-25">
                        <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="img-holder 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 img-holder no-ext" data-details="{{$service->short_details}}">
        
                                    @endif
                                        <img class="lazy" data-src="{{asset('assets/front/img/user/services/' . $service->image)}}" alt="Image">
                                        <div class="img-overlay">
                                            <div class="hover-content">
                                                <h3>{{$service->title}}</h3>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div><!--====== End Service ======-->
                    <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-two mb-25">
                        <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-two mb-25">
                        <div class="video-slider-one">
                            @if (!empty($vcard->video))
                            <div class="intro-item">
                                <div class="img-holder">
                                    <iframe class="embed-responsive-item" src="{{$vcard->video}}" allowfullscreen width="100%" height="250"></iframe>
                                </div>
                            </div>
                        @endif
                        </div>
                    </div><!--====== End Video ======-->
                @endif

                @if (is_array($prefs) && in_array('Testimonials', $prefs))
                <!--====== Start Testimonial ======-->
                <div class="section-widget testimonial-area-two mb-25">
                    @php
                        $testimonials = !empty($vcard->user_vcard_testimonials) ? $vcard->user_vcard_testimonials()->orderBy('serial_number', 'ASC')->get() : [];
                    @endphp

                    @if (!empty($testimonials))
                        <div class="testimonial-slider-two">
                            @foreach ($testimonials as $testimonial)
                                <div class="testimonial-item">
                                    <div class="testimonial-content text-center">
                                        <div class="author-title-thumb">
                                            <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>
                                            </div>
                                        </div>
                                        <p>{{$testimonial->comment}}</p>
                                        <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>
                            @endforeach
                        </div>
                    @endif
                </div><!--====== End Testimonial ======-->
                @endif

                @if (is_array($prefs) && in_array('Enquiry Form', $prefs))
                    <!--====== Start Contact ======-->
                    <div class="section-widget contact-area-two">
                        <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>