@extends('frontend.layouts.master')
@section('meta_title', $internships->title . ' || ' . $setting->app_name)
@push('custom_meta')
<!-- <meta property="description" content="{{ $internships->seo_description }}" /> -->
<meta property="og:title" content="{{ $internships->title }}" />
<!-- <meta property="og:description" content="{{ $internships->seo_description }}" /> -->
<!-- <meta property="og:image" content="{{ asset($internships->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;
    }
</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' => __('Internships')]
    ]" />
<!-- 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-12 col-lg-12">

                <div class="courses__details-content">
                    <h2 class="title">{{ $internships->title }}</h2>
                    <div class="courses__details-meta">
                        <ul class="list-wrap">
                            <li class="date">
                            {{ showInternshipsLocation($internships->location, $internships->state) }}
                            </li>
                            <!-- <li><i class="flaticon-mortarboard"></i>{{ $internships->location }}</li> -->
                        </ul>
                    </div>


                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-8 col-lg-8">
                <div class="courses__overview-wrap">
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Employment Type</h6>
                            <p>Internship</p>
                            <!-- <small>Leading to permanent</small> -->
                        </div>
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Availability</h6>
                            <p>{{ ucwords($internships->availability) }}</p>
                        </div>
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Duration</h6>
                            <p>{{ ucwords($internships->duration) }}</p>
                        </div>
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Compensation</h6>
                            <p>{{ ucwords($internships->compensation) }}</p>
                        </div>
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Start Date</h6>
                            <p>{{ $internships->start_date != "" ? $internships->start_date : "ASAP" }}</p>
                        </div>

                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Deadline</h6>
                            <p>{{ ucwords($internships->deadline) }}</p>
                        </div>
                    </div>




                    <div class="form__divider"></div>
                    <h3 class="title">About this role</h3>
                    <p>
                                            </p>

                    <div class="form__divider"></div>

                    <h3 class="title">Requirements to apply</h3>
                    <p>
                                            </p>
                    @if(is_array(($internships->skills)))
                    <div class="form__divider"></div>
                    <h3 class="title">Skills</h3>

                    <ul class="courses__item-meta list-wrap">
                        @foreach($internships->skills as $skills)
                        <li class="courses__item-tag">
                            <a href="javascript:void(0)">{{ ucwords($skills) }}</a>
                        </li>
                        @endforeach
                    </ul>
                    @endif

                    <div class="form__divider"></div>
                    <h3 class="title">Education and Skills</h3>
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Degree</h6>
                            <p>{{ ucwords($internships->degree) }}</p>
                        </div>
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Qualifications</h6>
                            <p>{{ ucwords($internships->qualifications) }}</p>
                        </div>
                        <div class="col-md-4 mb-3">
                            <h6 class="text-muted">Years of experience</h6>
                            <p>{{ ucwords($internships->experience) }}</p>
                        </div>

                    </div>

                    <div class="form__divider"></div>
                    <h3 class="title">Location</h3>
                    <p>
                    {{ showInternshipsLocation($internships->location, $internships->state) }}
                    </p>
                    <div class="form__divider"></div>

                    <button type="button" class="btn btn-primary btn-hight-basic show-modal" data-url="{{ route('internships.apply-now-modal', $internships->id) }}">
                        {{ __('Apply now') }}
                    </button>


                     
                </div>
            </div>
            <div class="col-xl-4 col-lg-4">
                <div class="card text-center shadow-sm p-3 mb-4">
                    <img src="{{ asset($internships->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">
                            {{ isset($internships->company->company_name) ? $internships->company->company_name : $internships->company->name }}
                        </h5>
                        <p class="card-subtitle mb-2 text-muted">{{ @$internships->company->companyCategory->name }}</p>
                        <p class="text-muted">{{ $internships->company->company_employees }}</p>
                        <p class="card-text">
                            {{ truncate($internships->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();
    @if(session()->has('applyNowStore'))
        toastr.success('We have received your message and will be in touch soon.', null, {
            timeOut: 10000
        });
    @endif
</script>
@endpush