@extends('layouts.private')
@section('content')
<div class="container">
   <div class="col-sm-12 mb-2">
      <div class="card" >
         <div class="card-body">
            <div class="row">
               <div class="col-lg-12">
                  <table width="100%" style="color:#5D6D7E">
                     <tr>
                        <td width="85%">
                           <h6>MY PROFILE</h6>
                        </td>
                        <td align="right">
                           <a href="{{ route('edit_profile') }}">
                              <h6>EDIT PROFILE</h6>
                           </a>
                        </td>
                     </tr>
                  </table>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-12">
                  <div class="main_div_content" id="profile_des">
                     <div class="card">
                        <div class="card-body" id="inner_div">
                           <div class="col-lg-12">
                              <table width="100%">
                                 <tr>
                                 <td align="" width="15%">
                                 <div class="profile_pic">
                                       @if($person['profile_photo'] == '')
                                       <img id="blah" src="https://avatars.dicebear.com/v2/avataaars/{{ Auth::user()->id }}.svg?options[mood][]=happy"  title="Click to upload image" /></span>
                                       @else
                                       <img id="blah" src="{{ asset($person['profile_photo']) }}" title="Click to upload image"/>
                                       @endif</div>
                                    </td>
                                 
                                    <td><div class="profile_text">
                                <p class="job_title2"> <strong>{{ ucwords(Auth::user()->first_name) }} {{ ucwords(Auth::user()->last_name) }}</strong></p>
                                       <p>{{ $job_title }}</p>
                                <p> {{ $person['email'] }}</p>
                                    <p>{{ $person['mobile_phone'] }}</p>
                                  </div>  </td>
                                   
                                 </tr>
                              </table>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="col-lg-12">
                              <table width="100%">
                                 <tr>
                                    <td valign="top"><p class="job_title2">About</p></td>
                                 </tr>
                                 <tr>
                                    <td><p>{{ $person['overview'] }}</p></td>
                                 </tr>
                              </table>
                           </div>
                        </div>
         
                        <div class="card-body">
                           <div class="col-lg-12">
                              <table width="100%">
                                 <tr>
                                    <td><p class="job_title2">Personal Website</p></td>
                                   </tr>
                                 <tr>
                                    <td><p>{{ $person['website'] }}</p></td>
                                    </tr>
                                 </table>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="col-lg-12">
                              <table width="100%">
                                 <tr>
                                    <td><p class="job_title2">TimeZone</p></td>
                                   </tr>
                                 <tr>
                                    <td><p>{{ $email_signature['time_zone'] }}</p></td>
                                    </tr>
                                 </table>
                           </div>
                        </div>
                       <div class="card-body">
                           <div class="col-lg-12">
                              <table width="100%">
                                 <tr>
                                    <td><p class="job_title2">Blog</p></td>
                                 </tr>
                                 <tr>
                                    <td><p>{{ $person['website'] }}</p></td>
                                      </tr>
                                 </table>
                           </div>
                        </div>
                        <div class="card-body">
                       <div class="card-body">
                           <div class="col-lg-12">
                              <table width="100%">
                                 <tr>
                                    <td><p class="job_title2">Linkedin</p></td>
                                 </tr>
                                 <tr>
                                    <td><p>{{ $person['linkedin_url'] }}</p></td>
                                      </tr>
                                  </table>
                           </div>
                        </div>
                        <div class="card-body">
                        <div class="card-body">
                       <div class="card-body">
                           <div class="col-lg-12">
                              <table width="100%">
                                 <tr>
                                    <td><p class="job_title2">Facebook</p></td>
                                 </tr>
                                 <tr>
                                    <td><p>{{ $person['linkedin_url'] }}</p></td>
                                      </tr>
                                  </table>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="col-lg-12" style="height:100%">
                          
                              <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
                              <table width="100%">
                                 <tr>
                                    <td><p class="job_title2">Skills</p></td>
                                 </tr>
                                 <tr>
                                    <td>
                                       <button class="tags"></button>&nbsp;                                    </td>
                                 </tr>
                              </table>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="col-lg-12">
                              <table width="100%">
                                 <tr>
                                    <td><p class="job_title2">Email Signature</p></td>
                                 </tr>
                                 <tr>
                                    <td><p>{!! $email_signature->email_signature !!}</p></td>
                                 </tr>
                              </table>
                           </div>
                        </div>
                        <div class="card-body">
                           <div class="col-lg-12">
                           <p class="job_title2">Experience</p>
                              @foreach($person_experience as $data)
                              <div class="div-experience">
                                    <table width="100%">
                                    <tr>
                                          <td><p class="job_exp"><label>{{ $data['start_mm'] }}</label> <label>{{ $data['start_yyyy'] }}</label> to <label>{{ $data['end_mm'] }}</label><label>{{ $data['end_yyyy'] }}</label></p></td>
                                       </tr>
                                      
                                       <tr>
                                          <td><p class="job_title2">{{ $data['job_title'] }}</p></td>
                                       </tr>
                                       <tr>
                                          <td><p class="job_desc">{{ $data['job_description'] }}</p></td>
                                       </tr>
                                       </table>
                              </div>
                              <br>
                              @endforeach
                           </div>
                        </div>
                     </div>
                  </div>
                  <!-- end main content -->
               </div>
            </div>
         </div>
      </div>
   </div>

@endsection