@extends('web.layouts.app')

@section('title', $internship->title)

@section('content')
    <!-- Main Content for Single Internship Page -->
    <div class="container">
        <h1>{{ $internship->title }}</h1>
        <p><strong>{{ __('Location:') }}</strong> {{ $internship->location }}</p>
        <p><strong>{{ __('Salary:') }}</strong> {{ $internship->salary_per_month }} {{ $internship->salary_currency }}</p>

        <h2>{{ __('Description') }}</h2>
        <p>{{ $internship->title_description }}</p>

        @if ($internship->bullets)
            <h3>{{ __('Responsibilities and Qualifications') }}</h3>
            <ul>
                @foreach ($internship->bullets as $bullet)
                    <li>{{ $bullet['bullet'] }}</li>
                @endforeach
            </ul>
        @endif

        <!-- Apply Button - Triggers Modal -->
        <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#applyInternshipModal">
            {{ __('Apply for this Internship') }}
        </button>
    </div>

    <!-- Application Modal -->
    @include('web.components.application_modal', ['jobId' => $internship->id, 'jobType' => 'internship'])
@endsection
