@extends('frontend.layouts.master')
@section('meta_title', $model->title . ' || ' . $setting->app_name)
@push('custom_meta')
<!-- <meta property="description" content="{{ $model->seo_description }}" /> -->
<meta property="og:title" content="{{ $model->title }}" />
<!-- <meta property="og:description" content="{{ $model->seo_description }}" /> -->
<!-- <meta property="og:image" content="{{ asset($model->thumbnail) }}" /> -->
<meta property="og:URL" content="{{ url()->current() }}" />
<meta property="og:type" content="website" />
@endpush
@push('styles')
<link rel="stylesheet" href="{{ asset('frontend/css/shareon.min.css') }}">
@endpush
@section('contents')
<!-- breadcrumb-area -->
<style>
    .breadcrumb__bg {
        padding: 20px 0;
    }

    .courses__details-social {
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .form__divider {
        margin: 30px 0;
    }

    .form__divider {
        width: 100%;
        border-top: 2px dashed #d7dde0;
        margin: 40px 0;
    }

    .courses__overview-wrap>p {
        margin-bottom: 10px;
    }

    .courses__item-meta {

        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px 20px;
        margin: 0 0 15px;
        flex-wrap: wrap;
    }

    .courses__item-tag a {
        font-size: 15px;
        border-radius: 5px;
        padding: 10px 15px;
    }
    .download-btn{
        padding: 16px 60px;
    }
</style>
<!-- <x-frontend.breadcrumb :title="__('')" :links="[
        ['url' => route('home'), 'text' => __('Home')],
        ['url' => route('become-instructor'), 'text' => __('Course Details')],
    ]" /> -->

<x-frontend.breadcrumb :title="__('')" :links="[
        ['url' => route('home'), 'text' => __('Home')], 
        ['url' => '', 'text' => __('Resources')]
    ]" />
<!-- breadcrumb-area-end -->


<!-- courses-details-area -->
<section class="courses__details-area" style="padding-top:15px; padding-bottom:120px">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-lg-9">
                <div class="courses__details-thumb">
                    <img class="w-100" src="{{ asset($model->thumb_image) }}" alt="img">
                </div>
                <div class="courses__details-content">
                    <h2 class="title">{{ $model->title }}</h2>
                    <div class="courses__details-meta">
                        <ul class="list-wrap">
                            <li class="date">
                                <i class="flaticon-calendar"></i>
                                {{ formatDate($model->created_at, 'd/M/Y') }}
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="overview-tab-pane" role="tabpanel"
                            aria-labelledby="overview-tab" tabindex="0">
                            <div class="courses__overview-wrap">
                                {!! clean($model->description) !!}
                                @if($model->upload_file !="")
                                <a href="{{ $model->upload_file }}" download  class="btn btn-primary btn-hight-basic download-btn">
                                    <i class="fas fa-download"></i> &nbsp;  Download
                                </a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-3">
                <div class="card text-center shadow-sm p-3 mb-4">
                    <img src="{{ asset($model->company->company_logo) }}" class="card-img-top mx-auto" alt="Michael Page Logo" style="max-width: 150px;">
                    <div class="card-body">
                        <h5 class="card-title text-primary">{{ $model->company->company_name }}</h5>
                        <p class="card-subtitle mb-2 text-muted">{{ @$model->company->companyCategory->name }}</p>
                        <p class="text-muted">{{ $model->company->company_employees }}</p>
                        <p class="card-text">
                            {{ truncate($model->company->company_description,  150) }}
                        </p>
                        <!-- <a href="#" class="text-primary">Read more</a> -->
                    </div>

                    <div class="courses__details-social">
                        <h5 class="title">{{ __('Share this Jobs') }}:</h5>
                        <div class="shareon">
                            <a class="facebook"></a>
                            <a class="linkedin"></a>
                            <a class="pinterest"></a>
                            <a class="telegram"></a>
                            <a class="twitter"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>

<!-- courses-details-area-end -->
@endsection

@push('scripts')
<script src="{{ asset('frontend/js/default/course-details.js') }}"></script>
<script src="{{ asset('frontend/js/shareon.iife.js') }}"></script>
<script>
    Shareon.init();
</script>
@endpush