@extends('layouts.app')

@section('title')Scandia IT: {{ $user->name }}'s CV @endsection

@section('description'){{ getFirstName($user->name) }}, {{ $profile ? $profile['job_title'] : ""}} @endsection

@section('content')



    <!-- Page title -->
    <section id="page-title" class="page-title-classic">
        <div class="container">
            <div class="page-title">
                <h1>{{ getFirstName($user->name) }}</h1>
                <span>{{ $profile ? $profile['job_title'] : ""}}</span>
            </div>
        </div>
    </section>
    <!-- end: Page title -->

    <section>
        <div class="container">

            @if ($profile)
                @php $rank = emp_ranking($profile['total_exp']) @endphp

                @if($rank == 'AAA')
                    @php $badge_style = "badge badge-success" @endphp
                @elseif($rank == 'AA')
                    @php $badge_style = "badge badge-primary" @endphp
                @else
                    @php $badge_style = "badge badge-warning" @endphp
                @endif
            @else
                @php $badge_style = "badge badge-warning" @endphp
                @php $rank = emp_ranking($profile['total_exp']) @endphp
                {{--Rating: <span class="{{$badge_style}}">{{ $rank }}</span><br>--}}
            @endif


            <div class="row team-members team-members-left team-members-shadow m-b-40">

                <div class="col-lg-12">
                    <div class="team-member">
                        <div class="team-image text-center" style="width: 300px;">

                            @if(empty($profile->photo))
                                <img src="{{asset('css/images/default.jpg')}}" >
                            @else
                                <img src="{{ Voyager::image( $profile['photo']) }}" >
                            @endif
                        </div>

                        <div class="team-desc">

                            <div style="width: 100% !important;">
                                <div style="width: 80%; float: left;"><h3> {{ getFirstName($user->name) }} <span class="{{($badge_style)}}">{{ $rank }}</span>   </h3> </div>
                                <div style="width: 20%; float: left; text-align: right;" class="no-print"><button onclick="myFunction()"><i class="fa fa-print" aria-hidden="true"></i></button> </div>
                            </div>

                            <div style="width: 100% !important; float: left; margin: 10px 0px 10px 0px;"><span>{{ $profile ? $profile['job_title'] : ""}} </span></div>
                            <div style="width: 100% !important; float: left"> <p>  {{ $profile ? $profile['overview']  : "" }}</p></div>
                            <div style="width: 100% !important; float: left"><p>Technologies:
                                    @foreach($user->skills as $skill)
                                        @if($loop->index < 12)
                                            <span> {{ $skill->skill }},</span>
                                        @endif
                                    @endforeach
                                </p></div>
                            <div style="width: 100% !important; float: left" class="no-print"><p><a href="#" data-toggle="modal" data-target="#playVideo" ><i class="fa  fa-play-circle "></i> Watch my video presentation</a></p>
                            </div>
                            <br>
                        </div>
                    </div>
                </div>
            </div>

            @if(!empty($user->skills->toArray()))
                <div class="row">
                    <div class="col-lg-3">
                        <div class="heading heading text-left m-b-20">
                            <h2>Years of Experience</h2>
                        </div>
                    </div>

                    <div class="col-lg-9">
                        <div class="m-t-60">
                            @foreach($user->skills as $skill)
                                @if($loop->index < 12)
                                    <div class="progress-bar-container title-up small color" style="height: 3px;">
                                        <div class="progress-bar" data-percent="{{ ($skill->pivot->user_skill_exp / 10) * 100 }}" data-delay="0" data-type="%">
                                            <div class="progress-title">{{ $skill->skill }} </div>
                                            <span class="progress-custom-label animated fadeIn">{{$skill->pivot->user_skill_exp}} years</span>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif
            @if(!empty($user->educations->toArray()))
                <div class="row m-t-40">
                    <div class="col-lg-3">
                        <div class="heading heading text-left m-b-20">
                            <h2>Education</h2>
                        </div>
                    </div>
                    <div class="col-lg-9 m-t-10">
                        <ul class="list-icon list-icon-plus list-icon-colored">
                            @foreach($user->educations as $educations)
                                @if($loop->index < 6)
                                    <li>
                                        {{$educations->course}} - {{$educations->year}}
                                        <div> {{$educations->school}}<span></span></div>
                                    </li>

                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif
            @if(!empty($user->strengths->toArray()))
                <div class="row m-t-40">
                    <div class="col-lg-3">
                        <div class="heading heading text-left m-b-20">
                            <h2>Strengths</h2>
                        </div>
                    </div>
                    <div class="col-lg-9 m-t-10">
                        <ul class="list-icon list-icon-plus list-icon-colored">
                            @foreach($user->strengths as $strength)
                                @if($loop->index < 6)
                                    <li>{{ $strength->strength }}</li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif
            @if(!empty($user->milestones->toArray()))
                <div class="row m-t-40">
                    <div class="col-lg-3">
                        <div class="heading heading text-left m-b-20">
                            <h2>Main focus</h2>
                        </div>
                    </div>
                    <div class="col-lg-9 m-t-10">
                        <ul class="list-icon list-icon-plus list-icon-colored">
                            @foreach($user->milestones as $milestones)
                                @if($loop->index < 6)
                                    <li>{{$milestones->milestone}}</li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif

            @if($profile['availability']!='')
                <div class="row m-t-40">
                    <div class="col-lg-3">
                        <div class="heading heading text-left m-b-20">
                            <h2>Availability</h2>
                        </div>
                    </div>
                    <div class="col-lg-9 m-t-10">
                        <ul class="list-icon list-icon-plus list-icon-colored">
                            <li>{{ $profile['availability'] }}</li>
                        </ul>
                    </div>
                </div>
            @endif
            @if(!empty($user->skills->toArray()))
                <div class="row m-t-40">
                    <div class="col-lg-3">
                        <div class="heading heading text-left m-b-20">
                            <h2>Preferred technologies</h2>
                        </div>
                    </div>
                    <div class="col-lg-9 m-t-10">
                        <ul class="list-icon list-icon-plus list-icon-colored">
                            @foreach($user->skills as $skill)
                                @if($loop->index < 4)
                                    <li>{{ $skill->skill }}</li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif
            @if(!empty($user->works->toArray()))
                <div class="row m-t-40">
                    <div class="col-lg-3">
                        <div class="heading heading text-left m-b-20">
                            <h2>Work experience</h2>
                        </div>
                    </div>
                    <div class="col-lg-9 m-t-10">
                        <ul class="list-icon list-icon-plus list-icon-colored">
                            @foreach($user->works as $work)
                                <div class="work-div container">
                                    <li >{{ $work->position }} | {{ $work->company }} | {{ $work->year }}</li>
                                    <span>{!! $work->description !!}</span>
                                </div>
                            @endforeach
                        </ul>


                    </div>

                </div>
            @endif
            @if($profile['qoute']!='')
                <div class="row m-t-40">
                    <div class="col-lg-3">
                        <div class="heading heading text-left m-b-20">
                            <h2>Favorite quote</h2>
                        </div>
                    </div>
                    <div class="col-lg-9 m-t-10">
                        <div class="col-lg-8">
                            <div class="blockquote blockquote-fancy">
                                <p>{{ $profile['qoute'] }}</p>
                                {{--<small>by <cite>someone</cite></small> </div>--}}
                            </div>
                        </div>
                    </div>
                </div>
        @endif

                    <div class="row p-10">
                        <div class="col-md-3"></div>
                        <div class="row p-10 m-1">
                        <a href="javascript:void(0)" onclick="myFunction()" class="print-link-a print-a">&nbsp;</a>
                        <a href="{{url('getPDF/'.$user->id)}}" class="pdf-link-a pdf-a">&nbsp;</a>
                        <a href="#" data-toggle="modal" data-target="#emailPopup" class="email-link-a email-a">&nbsp;</a>
                        {{--<input type="button" class="btn btn-primary" value="Print" onclick="myFunction()">--}}
                        {{--<a class="btn btn-default" href="http://scandiait.localhost/public/getPDF/{{$user->id}}" target="_blank">Get PDF</a>--}}
                        {{--<input type="button" class="btn btn-default" value="PDF" >--}}
                        {{--<input type="button" class="btn btn-success" value="Email" >--}}
                        {{--<a class="btn btn-success" href="#" data-toggle="modal" data-target="#emailPopup" >Email</a>--}}
                        </div>
                    </div>


    </section>
    <!-- Modal -->
    <div class="modal fade" id="playVideo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">{{ $user->name }}</h4>
                </div>
                <div class="modal-body">
                    <video controls id="video1" style="width: 100%; height: 522px; margin:0 auto; frameborder:0;">
                        @php $video = $profile['video'] ? $profile['video'] : ''; @endphp
                        <source src="{{'/videos/'.$user->id.'/'.$video}}" type="video/mp4">
                        Your browser doesn't support HTML5 video tag.
                    </video>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade email-box" id="emailPopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close email-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">{{ $user->name }}</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <form action="#" method="post" id="commentform">
                            <div class="print-error-msg1"></div>

                            <div id="comment-author" class="form-row">
                                <input type="text" placeholder="Name (required)" name="name" id="name" value="" size="22" tabindex="1" aria-required="true">
                            </div>
                            <div id="comment-email" class="form-row">
                                <input type="text" placeholder="Mail  (required)" name="email" id="email" value="" size="22" tabindex="2" aria-required="true">
                            </div>

                            <div id="comment-url" class="form-row">
                                <input type="text" placeholder="Subject" name="subject" id="subject" value="" size="22" tabindex="3">
                            </div>

                            <div id="comment-message" class="form-row">
                                <textarea name="message" placeholder="Message" id="message" cols="100" rows="10" tabindex="4"></textarea>
                            </div>
                            <input class="btn btn-success" name="submit" type="button" id="commentSubmit" tabindex="5" value="Send Email">

                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <script>
        function myFunction() {
            window.print();
        }

        $(document).ready(function () {
            console.log('ready!');
            $(document).on('click', '#commentSubmit', function(e) {
                var queryString =  $("#commentform").serialize();
                e.preventDefault();
                jQuery.ajax({
                    url: '{{ '/send_email_profile' }}',
                    data: queryString + '&_token=' + $('meta[name=csrf-token]').attr('content'),
                    type: "POST",
                    dataType: "json",
                    success: function (data) {
                        if(data.success == false) {
                            jQuery.each(data.errors, function( key, value ) {
                                  var varSlid = "alert-danger1 "+key;
                                $('#'+key).after('<span class="' + varSlid  + '">'+
                                    value+'</span>');


                            });

                        }else{

                            $(".print-error-msg1").css('display', 'block');
                            $(".print-error-msg1").html('<p>Your email sent successfully!</p>');
                            setTimeout(function () {
                                $(".print-error-msg1").css('display', 'none');
                                $(".print-error-msg1").html('');
                            }, 2000);

                        }
                    }

                });
            });
        })
    </script>
    <style>
        .alert-danger1
        {
            padding:0.75rem 0.25rem;
            color: #e4000d;
            font-size: 10px;

        }
    </style>

@endsection