@extends('layouts.publicJob')

@section('content')
<div class="row pt-4 pb-0 bg-white border-bottom">
    <div class="container">
        <div class="row py-4 my-2">
        <div class="col-10 text-left">
                <h1 class="text-900 text-uppercase">
                    @if($record->first_name)
                    {{$record->first_name}}&nbsp;
                    @endif
                    @if($record->last_name)
                    {{$record->last_name}}
                    @endif
                </h1>

                <h4>
                    <span class="text-bolder text-uppercase">
                        @if($record->companyname)
                        {{$record->companyname}} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
                        @endif
                    </span>
                    <span class="text-lighter text-uppercase">
                        @if($record->job_profile)
                        {{$record->job_profile}}
                        @endif
                    </span>
                </h4>

                <div class="row pt-3 border-top">
                    @if($record->city || $record->state_province || $record->country)
                    <div class="col-2 text-bold">Location</div>
                    <div class="col-4">:
                        @if($record->city)
                        {{$record->city}}&nbsp;&nbsp;&nbsp;
                        @endif
                        @if($record->state_province)
                        {{$record->state_province}}&nbsp;&nbsp;&nbsp;
                        @endif
                        @if($record->country)
                        {{$record->country}}&nbsp;&nbsp;&nbsp;
                        @endif
                    </div>
                    @endif

                    @if($record->facebook_url || $record->twitter_url || $record->instagram_url || $record->linkedin_url)
                    <div class="col-2 text-bold">Social</div>
                    <div class="col-4">:
                        @if($record->facebook_url)
                        <a href="{{$record->facebook_url}}" target="new"><i class="fa fa-facebook"></i></a>&nbsp;&nbsp;&nbsp;
                        @endif
                        @if($record->twitter_url)
                        <a href="{{$record->twitter_url}}" target="new"><i class="fa fa-twitter"></i></a>&nbsp;&nbsp;&nbsp;
                        @endif
                        @if($record->linkedin_url)
                        <a href="{{$record->linkedin_url}}" target="new"><i class="fa fa-linkedin"></i></a>&nbsp;&nbsp;&nbsp;
                        @endif
                        @if($record->instagram_url)
                        <a href="{{$record->instagram_url}}" target="new"><i class="fa fa-instagram"></i></a>&nbsp;&nbsp;&nbsp;
                        @endif
                    </div>
                    @endif

                    @if($record->email)
                    <div class="col-2 text-bold">Email</div>
                    <div class="col-4">:
                        {{$record->email}}
                    </div>
                    @endif

                    @if($record->mobile_phone)
                    <div class="col-2 text-bold">Phone</div>
                    <div class="col-4">:
                        {{$record->mobile_phone}}
                    </div>
                    @endif

                    @if($record->total_experience_years)
                    <div class="col-2 text-bold">Total Experience</div>
                    <div class="col-4">:
                        <span class="text-bolder py-1">{{round($record->total_experience_years)}}+ years</span>
                    </div>
                    @endif
                </div>

            </div>
            <div class="col-2">
                <div class="text-right">
                    <img src="https://avatars.dicebear.com/v2/avataaars/{{$record->id}}.svg?options[mood][]=happy" width="150" height="150" class="rounded-circle mb-0 bg-primary" />
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container pt-2">
    <div class="tab-content" id="nav-tabContent">
        <!-- TAB 1 -->
        <div class="tab-pane fade show active mb-5" id="nav-tab1" role="tabpanel" aria-labelledby="nav-tab-1">
            <div class="row">
                <div class="col-sm-9">
                    <ul class="timeline">
                        @foreach($workHistories as $workHistory)
                        <li class="timeline-item bg-white rounded ml-3 p-4 shadow">
                            <div class="timeline-arrow"></div>
                            <h5 class="text-small text-gray text-100"><i class="fa fa-clock-o mr-1"></i>{{$workHistory->job_period}}</h5>
                            <h5 class="mb-0 text-bold text-uppercase">{{$workHistory->name}} &middot; <span class="text-lighter">{{$workHistory->job_title}}</span></h5>
                            <p class="text-small mt-2 font-weight-light workHistoryContent" style="line-height: 18px;">{!!$workHistory->job_description!!}</p>
                        </li>
                        @endforeach 
                        <li class="timeline-item bg-white rounded ml-3 p-3">
                            <form action="{{ route('publicPersonRequest') }}" method="POST" enctype="multipart/form-data" >
                                @csrf

                                @if(session()->has('success'))
                                <div class="alert alert-success">
                                    {{ session()->get('success') }}
                                </div>
                                @endif
                                @if (count($errors) > 0)
                                <div class="alert alert-danger" role="alert">
                                    <strong>Errors Detected!</strong>
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endif
                                <input type="hidden" name="person_id" value="{{$record->id}}">
                                <h4>Interested to hire?</h4>
                                <div class="card-body">
                                    <div class="form-group row">
                                        <div class="col-sm-6">
                                            {!! Form::text('first_name', null, array('placeholder' => 'First Name', 'class' => 'form-control','rows' => 5)) !!}
                                        </div>
                                        <div class="col-sm-6">
                                            {!! Form::text('last_name', null, array('placeholder' => 'Last Name', 'class' => 'form-control','rows' => 5)) !!}
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                    <div class="col-sm-12">
                                            {!! Form::text('company_name', null, array('placeholder' => ' company name', 'class' => 'form-control','rows' => 5)) !!}
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                    
                                    <div class="col-sm-12">
                                            {!! Form::text('email', null, array('placeholder' => 'Email', 'class' => 'form-control','rows' => 5)) !!}
                                        </div>
                                    
                                        <div class="col-sm-12 text-right">
                                        <button class="btn btn-success btn-lg text-white my-4" >Submit Request &rightarrow;</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-lighter">
                                    <strong>OR</strong> Send your email to <a href="mailto:resume@cloudely.com?subject=Application for {{$record->name}}">resume@cloudely.com</a>. Make sure to specify the person name "<strong>{{$record->name}}</strong>" in the subject.
                                </div>
                                </form>
                        </li>
                    </ul>
                </div> 
                <div class="col-sm-3 pt-4">
                    <h4>Join Gigminds today!</h4>
                    <p class="text-lighter">
                        Joining Gigminds is extremely easy and it's free.
                        <br/>
                        <a class="btn btn-success btn-lg text-white my-4" href="/register">Sign up &rightarrow;</a>
                    </p>
                    <p class="text-lighter">
                        Gigminds has a solution for every role - whether you are a
                        <br class="pt-1"></br>
                        &rightarrow; Sourcer
                        <br class="pt-1"></br>
                        &rightarrow; Recruiter
                        <br class="pt-1"></br>
                        &rightarrow; Staffing/Consulting
                        <br class="pt-1"></br>
                        We’ve got the features you need, from sourcing to hiring. And with unlimited users, everyone on the team can help recruit and hire.
                    </p>
                </div>               
            </div>
        </div>
    </div>
</div>


@endsection