@extends('frontend.master.master')

@section('content')
    <!-- Portfolio Details Section -->
    <section id="portfolio-details" class="portfolio-details section">

        <div class="container" data-aos="fade-up">

            <div class="row gy-4 g-lg-5">
                <div class="col-12 col-lg-12 justify-content-center">
                    <div class="position-sticky" style="top: 40px">
                        <div class="portfolio-description">
                            <!-- Judul dan tombol Apply dalam 1 baris grid -->
                            <div class="row align-items-start mb-3">
                                <div class="col-12 col-lg-10">
                                    <h1 name="judul" style="font-size:2.5rem; font-weight:700; margin-bottom: 0;">
                                        {{ $data->title }}</h1>

                                    <span name="department"
                                        style="color: #000000; font-style: italic;">{{ $department[$data->dept_id] }}</span><br><br>

                                    <h3><b>Deskripsi</b></h3>
                                    <div name="deskripsi" class="rich-editor-content deskripsi">
                                        {!! $data->description !!}
                                    </div>
                                    <!-- <p name="deskripsi">{!! $data->description !!}</p> -->

                                    <h3><b>Kualifikasi</b></h3>
                                    <div class="rich-editor-content keterangan1">
                                        {!! $data->text1 !!}
                                    </div>

                                    <h3><b>Benefit</b></h3>
                                    <div class="rich-editor-content keterangan2">
                                        {!! $data->text2 !!}
                                    </div>

                                </div>
                                <div class="col-12 col-lg-2 text-lg-end mt-2 mt-lg-0">
                                    @if ($dmenu == 'krirlp')
                                        <a href="https://career.spunindo.com/auth" target="_blank"
                                            class="btn-apply">Lamar</a>
                                    @elseif ($dmenu == 'mgnglp')
                                        <button class="btn-apply" data-bs-toggle="modal" data-bs-target="#lamarModal">
                                            Lamar
                                        </button>
                                    @endif
                                </div>
                            </div>

                        </div>
                    </div>

                </div>

            </div>

    </section><!-- /Portfolio Details Section -->
    <!-- Modal -->
    <div class="modal fade" id="lamarModal" tabindex="-1" aria-labelledby="lamarModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header position-relative">
                    <h5 class="w-100 text-center m-0">Scan QR Code dibawah ini</h5>
                    <button type="button" class="btn-close" style="position: absolute; top: 0.75rem; right: 1rem;"
                        data-bs-dismiss="modal" aria-label="Tutup">
                    </button>
                </div>
                @php
                    $msjMagangDomain = 'https://devxampp8.spunindo.com/msjmagang/storage';
                    // $msjMagangDomain = 'https://magang.spunindo.com/storage';
                @endphp
                <div class="modal-body text-center">
                    <img src="{{ $msjMagangDomain . '/' . $data->qrcode }}" alt="QR Code" class="img-fluid"
                        style="max-height: 300px;">
                </div>
            </div>
        </div>
    </div>
@endsection