@component('open._layouts.app', [
    'title' => $job->name,
    'meta' => $job->meta(),
])
    <section class="article-detail">
        {{ Breadcrumbs::render('job', $job) }}

        <section class="container article-detail-container">
            <div class="row">
                <div class="col col-3 sidebar no-margin clear-both">
                    @include('open.jobs._partials.sidebar')
                </div>
                <div class="col col-1 placeholder"></div>
                <div class="col col-7 content">
                    <article class="with-corner">
                        <header>
                            <h1>{{ $job->name }}</h1>
                            <p>
                                {{ $job->description }}
                            </p>
                            @if($image = $job->getFirstMedia('featured'))
                            <figure>
                                <img src="{{ $image->getUrl('cover') }}" alt="{{ $image->name }}">
                            </figure>
                            @endif
                        </header>
                        <section class="u-mb32 s-wysiwyg">
                            {!! $job->content !!}
                        </section>
                        @if(!$files->isEmpty())
                            @include('open._layouts._partials.listFiles')
                        @endif

                        <div class="c-social-sharing-bar">
                            @lang('pages.articles.share')
                            <ul data-url="{{ url()->current() }}" data-text="{{ $job->name }}">
                                <li>
                                    <a href="#" class="sharer" data-sharer="facebook" data-url="{{ url()->current() }}">
                                        <i class="fab fa-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="sharer" data-sharer="linkedin" data-url="{{ url()->current() }}">
                                        <i class="fab fa-linkedin"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="sharer" data-sharer="twitter" data-title="{{ $job->name }}" data-url="{{ url()->current() }}">
                                        <i class="fab fa-twitter-square"></i>
                                    </a>
                                </li>
                                {{--
                                <li>
                                    <a href="https://twitter.com/" target="_blank"><i class="fas fa-envelope"></i></a>
                                </li>
                                --}}
                            </ul>
                        </div>
                    </article>
                </div>
                <div class="col col-1 placeholder"></div>
            </div>
        </section>
    </section>
@endcomponent