@extends('layouts.embed')

@section('page-title',__('site.profile').': '.$candidate->display_name)

@section('content')

    <div class="row">
        <div class="col-md-9">
            <h4>@lang('site.profile')</h4>
        </div>
        <div class="col-md-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb breadcrumb-style1 mg-b-0"> 
                    <li class="breadcrumb-item"><a href="{{ route('embed.profiles') }}">@lang('site.profiles')</a></li>
                    <li class="breadcrumb-item active" aria-current="page">@lang('site.view-profile')</li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="az-content az-content-profile">
        <div class="container mn-ht-100p">
            <div class="az-content-left az-content-left-profile">

                <div class="az-profile-overview">
                    <div class="az-img-user">
                        @if(!empty($candidate->picture) && file_exists($candidate->picture))
                            <img  class="img-fluid"   src="{{ asset($candidate->picture) }}">
                        @elseif($candidate->gender=='m')
                            <img   class="img-fluid"    src="{{ asset('img/man.jpg') }}">
                        @else
                            <img  class="img-fluid"   src="{{ asset('img/woman.jpg') }}">
                        @endif

                    </div><!-- az-img-user -->
                    <div class="d-flex justify-content-between mg-b-20">
                        <div>
                            <h5 class="az-profile-name">{{ $candidate->display_name }}</h5>
                            <p class="az-profile-name-text">{{ getAge(\Illuminate\Support\Carbon::parse($candidate->date_of_birth)->timestamp) }}/{{ gender($candidate->gender) }}</p>
                        </div>
                        <div >

                        </div>
                    </div>

                    <div class="az-profile-bio">
                        <a target="_parent" href="{{ route('shortlist-candidate',['candidate'=>$candidate->id]) }}" class="btn btn-primary btn-block rounded"><i class="typcn typcn-plus-outline"></i>@lang('site.shortlist')</a>
                    </div><!-- az-profile-bio -->



                </div><!-- az-profile-overview -->

            </div><!-- az-content-left -->
            <div class="az-content-body az-content-body-profile">





                <div class="az-profile-body">
                    <div >
                            @if(!empty($candidate->video_code))
                             <div class="int_tpmb"  >   {!! $candidate->video_code  !!}</div>
                            @endif

                                <div class="az-content-label tx-13 mg-b-25">@lang('site.basic-info')</div>
                                <div class="az-profile-work-list int_tpmb"   >
                                    <div class="media">
                                        <div class="media-logo bg-success"><i class="fa fa-calendar-day"></i></div>
                                        <div class="media-body">
                                            <h6>@lang('site.date-of-birth')</h6>
                                            <span>{{ \Illuminate\Support\Carbon::parse($candidate->date_of_birth)->format('F Y') }} ({{ getAge(\Illuminate\Support\Carbon::parse($candidate->date_of_birth)->timestamp) }} @lang('site.years-old'))</span>
                                        </div><!-- media-body -->
                                    </div><!-- media -->



                                    <div class="media">
                                        <div class="media-logo bg-primary"><i class="fa fa-venus-mars"></i></div>
                                        <div class="media-body">
                                            <h6>@lang('site.gender')</h6>
                                            <span>{{ gender($candidate->gender) }} </span>
                                        </div><!-- media-body -->
                                    </div><!-- media -->


                                    @if($candidate->categories()->public()->exists())
                                        <div class="media">
                                            <div class="media-logo bg-primary"><i class="fa fa-list" aria-hidden="true"></i></div>
                                            <div class="media-body">
                                                <h6>@lang('site.categories')</h6>
                                                <span>
                                                    <ul  class="csv">
                                                         @foreach($candidate->categories()->public()->get() as $category)
                                                            <li>{{ $category->name }}</li>
                                                        @endforeach
                                                    </ul>
                                                </span>
                                            </div><!-- media-body -->
                                        </div><!-- media -->

                                    @endif


                                </div><!-- az-profile-work-list -->

                                @foreach($groups as $group)
                                    <div class="az-content-label tx-13 mg-b-25">{{ $group->name }}</div>

                                    <div class="az-profile-work-list int_tpmb"   >
                                        @foreach($group->candidateFields()->orderBy('sort_order')->get() as $field)