@extends('front.layout.card_default_layout')
@section('content')
<script>
    function myFunction() {
        var copyText = document.getElementById("myInput");
        copyText.select();
        copyText.setSelectionRange(0, 99999)
        document.execCommand("copy");
        alert("Your Profile Link has been Copy.");
    }

</script>
<div class="readerBlack_background px-2 py-2">
    <div class="container-fluid">
        <div class="row justify-content-center">
            @foreach($user_info as $info)
            <div class="col-sm-4 rederBlackTopbg rounded-top-7 shadow-sm bg-white">
                <h5 class="text-white text-center pb-1 pt-2"><b>{{$info->profession}}</b></h5>
                <div class="col-12 py-4 ">
                    <div class="text-center ">
                                                <img src="{{URL::asset('public/card/img/user.png')}}" width="120px" class="rounded-circle shadow-sm">
                                            </div>
                    <h5 class="text-center text-white mt-2">{{$info->first_name}} {{$info->last_name}}</h5>
                    <div class="text-center text-profession">
                                            </div>
                </div>
            </div>
            @endforeach
        </div>
        <div class="row justify-content-center">
            <div class="col-sm-4 background-black shadow-sm ">
                @foreach($user_info as $info)
                <div class="mb-3 mt-4 py-2 bg-white text-red border-left-5 px-2">
                    <b>Contact </b>
                </div>
                @endforeach
                <div class="container">
                    <div class="row justify-content-center">
                        @foreach($user_info as $info)
                        <div class="col-3 mt-3 text-center">
                            <a href="tel:{{$info->contact}}">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-phone" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Calls
                                </div>
                            </a>
                        </div>
                        @endforeach

                        @foreach($user_info as $info)
                        @if($info->website_url != "")
                        <div class="col-3 mt-3 text-center">
                            <a href="{{$info->website_url}}" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-globe" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Website
                                </div>
                            </a>
                        </div>
                        @endif
                        @endforeach

                        @foreach($user_info as $info)
                        <div class="col-3 mt-3 text-center">
                            <a href="mailto:{{$info->email}}" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-envelope-o" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Email
                                </div>
                            </a>
                        </div>
                        @endforeach

                        @foreach($user_info as $info)
                        <div class="col-3 mt-3 text-center">
                            <a href="https://api.whatsapp.com/send?phone={{$info->whatapp_contact}}" target="_blank">

                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-whatsapp" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Whatapp
                                </div>
                            </a>
                        </div>
                        @endforeach

                        @foreach($socialLink_data as $social)
                        <div class="col-3 mt-3 text-center">
                            <a href="{{$social->url}}" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <img src="{{URL::asset('public/upload/link/'.$social->image)}}" width="40px" class="rounded-circle" height="40px">
                                </div>
                                <div class="readerBlackiconlabel">
                                    {{$social->link_name}}
                                </div>
                            </a>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="mb-3 mt-4 py-2 bg-white text-red border-left-5 px-2">
                    Profile
                </div>
                <div class="container">
                    <div class="row justify-content-center">
                        @if(!$achiv_info->isEmpty())
                        <div class="col-3 mt-3 text-center">
                            <a href="#" data-toggle="modal" data-target="#achievementModel">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-trophy" aria-hidden="true"></i>
                                </div>

                                <div class="readerBlackiconlabel">
                                    Achievement
                                </div>

                            </a>
                        </div>
                        @endif

                        @if(!$exp_info->isEmpty())
                        <div class="col-3 mt-3 text-center">
                            <a href="#" data-toggle="modal" data-target="#experienceModel">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-line-chart" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Experience
                                </div>
                            </a>
                        </div>
                        @endif

                        @if(!$edu_info->isEmpty())
                        <div class="col-3 mt-3 text-center">
                            <a href="#" data-toggle="modal" data-target="#educationModel">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Education
                                </div>
                            </a>
                        </div>
                        @endif

                        @if(!$skil_info->isEmpty())
                        <div class="col-3 mt-3  text-center">
                            <a href="#" data-toggle="modal" data-target="#skillsModel">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-area-chart" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Skills
                                </div>
                            </a>
                        </div>
                        @endif

                    </div>
                </div>
                @if(!$payment_info->isEmpty())
                <div class="mb-3 mt-4 py-2 bg-white text-red border-left-5 px-2">
                    Payment
                </div>
                <div class="container">
                    <div class="row justify-content-center">
                        @foreach($payment_info as $social)
                        @if($social->url != "")
                        <div class="col-3 mt-3 text-center">
                            <a href="{{$social->url}}" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <img src="{{URL::asset('public/upload/payment/'.$social->image)}}" width="40px" class="rounded-circle" height="40px">
                                </div>
                                <div class="readerBlackiconlabel">
                                    {{$social->link_name}}
                                </div>
                            </a>
                        </div>
                        @else
                         <div class="col-3 mt-3 text-center">
                            <a href="#" data-toggle="modal" data-target="#{{$social->ifsc_code}}">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <img src="{{URL::asset('public/upload/payment/'.$social->image)}}" width="40px" class="rounded-circle" height="40px">
                                </div>
                                <div class="readerBlackiconlabel">
                                    {{$social->link_name}}
                                </div>
                            </a>
                        </div>
                        @endif
                        @endforeach
                    </div>
                </div>
                @endif
                @if(!$shoping_info->isEmpty())
                <div class="mb-3 mt-4 py-2 bg-white text-red border-left-5 px-2">
                    Shopping Links
                </div>
                <div class="container">
                    <div class="row justify-content-center">
                        @foreach($shoping_info as $social)
                        <div class="col-3 mt-3 text-center">
                            <a href="{{$social->url}}" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <img src="{{URL::asset('public/upload/shoping/'.$social->image)}}" width="40px" class="rounded-circle" height="40px">
                                </div>
                                <div class="readerBlackiconlabel">
                                    {{$social->link_name}}
                                </div>
                            </a>
                        </div>
                        @endforeach
                    </div>
                </div>
                @endif
                @if(!$product_data->isEmpty())
                <div class="mb-3 mt-4 py-2 bg-white text-red border-left-5 px-2">
                    Product
                </div>

                <div class="container">
                    <div class="row justify-content-center">
                        @foreach($product_data as $product)
                        <div class="col-4 mt-3 text-center">
                            <a href="#" data-toggle="modal" data-target="#{{$product->_token.$product->product_id}}">
                                <div>
                                    <img src="{{URL::asset('public/upload/product/'.$product->head_image)}}" width="100%">
                                </div>
                                <div class="whiteblueiconlabel mt-1">
                                    {{$product->title}}
                                </div>
                            </a>
                        </div>
                        @endforeach
                    </div>

                </div>

                @endif
                <div class="mb-3 mt-4 py-2 bg-white text-red border-left-5 px-2">
                    Company
                </div>
                <div class="container">
                    @foreach($user_info as $info)
                    <div class="row justify-content-center">
                        <div class="col-4 mt-3 ">
                            <div class="readerBlackiconlabel">
                                Name
                            </div>
                        </div>
                        <div class="col-8 mt-3 ">
                            <div class="readerBlackiconlabel">
                                {{$info->company_name}}
                            </div>
                        </div>
                    </div>
                    @if($info->website_url != "")
                    <div class="row justify-content-center">
                        <div class="col-4 mt-3 ">
                            <div class="readerBlackiconlabel">
                                Website
                            </div>
                        </div>
                        <div class="col-8 mt-3 ">
                            <div class="readerBlackiconlabel">
                                {{$info->website_url}}
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="row justify-content-center">
                        <div class="col-4 mt-3">
                            <div class="readerBlackiconlabel">
                                Address
                            </div>
                        </div>
                        <div class="col-8 mt-3 r">
                            <div class="readerBlackiconlabel">
                                {{$info->address}}
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-4 mt-3 ">
                            <div class="readerBlackiconlabel">
                                Logo
                            </div>
                        </div>
                        <div class="col-8 mt-3 ">
                            <img src="{{URL::asset('public/upload/userinformation/'.$info->logo)}}" width="120px" class="rounded-circle shadow-sm">
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="mb-3 mt-4 py-2 bg-white text-red border-left-5 px-2">
                    Card Share Links
                </div>
                <div class="container">
                    <div class="row mt-3 justify-content-center">
                        <div class="col-12">
                            <input type="text" readonly value="{{$vistiURL}}" class="form-control mt-2" id="myInput">
                        </div>
                        <div class="col-3 mt-3 text-center">
                            <a onclick="myFunction()" href="#">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-link" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Copy Link
                                </div>
                            </a>
                        </div>
                        <div class="col-3 mt-3 text-center">
                            <a onclick="myFunction()" href="whatsapp://send?text={{$vistiURL}}">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-whatsapp" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Whatapp
                                </div>
                            </a>
                        </div>

                        <div class="col-3 mt-3 text-center">
                            <a onclick="myFunction()" href="https://www.facebook.com/" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-facebook" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Facebook
                                </div>
                            </a>
                        </div>
                        <div class="col-3 mt-3 text-center">
                            <a onclick="myFunction()" href="https://www.instagram.com/" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-instagram" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Instagram
                                </div>
                            </a>
                        </div>
                        <div class="col-3 mt-3 text-center">
                            <a onclick="myFunction()" href="https://in.linkedin.com/" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-linkedin" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Linkdin
                                </div>
                            </a>
                        </div>
                        <div class="col-3 mt-3 text-center">
                            <a onclick="myFunction()" href="sms:?body={{$vistiURL}}" target="_blank">
                                <div class="icon-i readerBlackicon rounded-circle text-white">
                                    <i class="fa fa-envelope-o" aria-hidden="true"></i>
                                </div>
                                <div class="readerBlackiconlabel">
                                    Message
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

            </div>

        </div>

        <div class="row justify-content-center">
            <div class="col-sm-4 rederBlackfooter rounded-top-7 py-3 pt-4 text-white text-center shadow-sm ">
                <a href="http://inventivecards.com/" target="_blank" class="text-white"><b>Powered by @ inventivecards.com</b></a>
            </div>
        </div>

    </div>



</div>








<!-- Model System-->

<!-- Achievment Model-->
<div class="modal fade" id="achievementModel" 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">Achievement</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <ul>
                    @foreach($achiv_info as $achiv)
                    <li class="mt-3">
                        <div><b>Title : {{$achiv->achievement_name}}</b></div>
                        <div><b>Detail : </b></div>
                    </li>
                    @endforeach

                </ul>

            </div>


        </div>
    </div>
</div>
<!-- Experience Model-->
<div class="modal fade" id="experienceModel" 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">Experience</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <ul>
                    @foreach($exp_info as $exp)
                    <li class="mt-3">
                        <div><b>Title : {{$exp->name}}</b></div>
                        <div><b>Duration : {{$exp->duration}}</b></div>
                        <div><b>Detail : </b></div>
                    </li>
                    @endforeach
                </ul>
            </div>

        </div>
    </div>
</div>
<!-- Education Model-->
<div class="modal fade" id="educationModel" 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">Education</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <ul>
                    @foreach($edu_info as $edu)
                    <li class="mt-3">
                        <div><b>Title : {{$edu->title}}</b></div>
                        <div><b>Duration : {{$edu->duraction}}</b></div>
                        <div><b>Detail : </b></div>
                    </li>
                    @endforeach
                </ul>
            </div>

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

<!-- Skills Model-->
<div class="modal fade" id="skillsModel" 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">Skills</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <ul>
                    @foreach($skil_info as $skil)
                    <li class="mt-3">
                        <div><b>Title : {{$skil->skil_name}}</b></div>
                        <div class="progress">
                            <div class="progress-bar progress-bar-striped" role="progressbar" style="width: {{$skil->skil_value}}%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </li>
                    @endforeach

                </ul>
            </div>

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

<!--Multiple Product Module-->
@foreach($product_data as $product)
<div class="modal fade" id="{{$product->_token.$product->product_id}}" 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">{{$product->title}}</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 id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                              <div class="carousel-inner">
                                  @foreach($imgs as $val)
                                                                        <div class="carousel-item {{$i==1?'active':''}}">
                                      <img src="{{URL::asset('public/upload/product/'.$val)}}" width="100%" class="mt-1">
                                    </div>
                                                                     @endforeach
                              </div>
                              <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                              </a>
                              <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                              </a>
                            </div>
                    
                    
                    
                    
                    
                </div>
                <div class="mt-3">
                                    </div>
                <div class="mt-3">
                    <a href="{{$product->links}}" class="btn btn-primary" target="_blank">GO TO LINK</a>
                </div>
            </div>

        </div>
    </div>
</div>
@endforeach

<!--- Payment Model -->
@foreach($payment_info as $social)
@if($social->url == "")
<div class="modal fade" id="{{$social->ifsc_code}}" 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">{{$social->link_name}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
               <table class="table  table-striped table-bordered" cellspacing="0" style="width:100%;">
                        <tbody>
                            <tr>
                                <th>Bank Name</th><td>{{$social->bank_name}}</td>
                            </tr>
                            <tr>
                                <th>Customer Name</th><td>{{$social->customer_name}}</td>
                            </tr>
                            <tr>
                                <th>IFSC Code</th><td>{{$social->ifsc_code}}</td>
                            </tr>
                            <tr>
                                <th>Account Number</th><td>{{$social->account_number}}</td>
                            </tr>
                            
                        </tbody>
            </div>

        </div>
    </div>
</div>
@endif
@endforeach





@stop