@extends('frontend.layouts.app')

@section('content')
<div class="default_detail_section">
  <div class="container-fluid">
    <div class="talent_section_detail">
      <div class="row">
        <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-3">
          <div class="box_detail">
            <div class="img"><img src="{{asset('storage/talent/'. $talent->talent_image)}}" height="400px" alt="" /></div>
            <p>
              {{$talent->talent_title}}
            </p>
            <ul class="social_icon">
              <li>
                <a href="{{$talent->talent_facebook}}" class="fb"><img src="{{asset('assets/frontend/images/fb.svg')}}" alt="" /></a>
              </li>
              <li>
                <a href="{{$talent->talent_instagram}}" class="insta"><img src="{{asset('assets/frontend/images/insta.svg')}}" alt="" /></a>
              </li>
              <li>
                <a href="{{$talent->talent_linkedin}}" class="default"><img src="{{asset('assets/frontend/images/linkedin.svg')}}" alt="" /></a>
              </li>
              <li>
                <a href="{{$talent->talent_facebook}}" class="tiktok"><img src="{{asset('assets/frontend/images/tiktok.svg')}}" alt="" /></a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-9">
          <div class="box_detail_text">
            <h3>{{$talent->talent_title}}</h3>
            <p>{!!$talent->talent_description!!}</p>
          </div>
          <div class="talent_cloud">
            <div class="row">
              <div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="boxes">
                  <a href="{{ asset('storage/file/'.$talent->talent_file_previous)}}">
                    <img src="{{asset('assets/frontend/images/cloud.png')}}" alt="Cloud">
                    <h3>@lang('messages.talent.previous_file')</h3>
                  </a>
                </div>
              </div>
              <div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="boxes">
                  <a href="{{ asset('storage/file/'.$talent->talent_file_download)}}">
                    <img src="{{asset('assets/frontend/images/cloud.png')}}" alt="Cloud">
                    <h3>@lang('messages.talent.file_download')</h3>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<button id="back-to-top-btn">↑</button>
@endsection

@section('footer_scripts')

@endsection