{{partial:breadcrumbs}}
<section id="section-detail">
    <div class="container spacer">
        <div class="flex flex-col lg:flex-row gap-8">
            <div class="w-full lg:w-3/4">
                <div class="border-b pb-8 mb-5">
                    <h2 class="text-3xl font-semibold mb-2">{{position}}</h2>
                    <div class="flex items-center gap-2">
                        <i class="fa-solid fa-location-dot"></i>
                        <h3 class="text-lg">{{placement}}</h3>
                    </div>
                    <div class="flex items-center gap-2 mt-4">
                        <a
                            target="_blank"
                            rel="noopener noreferrer"
                            href="https://recruitment.gias.co.id?position={{position}}&placement={{placement}}"
                            class="button-primary text-sm px-10 py-[6px]"
                            >Lamar</a
                        >
                        <button
                            class="button-secondary text-sm px-10 py-[6px]"
                            id="copy-to-clipboard"
                            data-link="{{current_url}}"
                        >
                            Salin tautan
                        </button>
                    </div>
                </div>
                <div>
                    <div class="mb-4">
                        <h3 class="font-semibold mb-2">Deskripsi Pekerjaan</h3>
                        <div
                            class="text-sm text-gray-600 leading-loose [&>ol>li]:list-decimal [&>ol]:pl-4 [&>ol>li]:pl-2 [&>ul>li]:list-disc [&>ul]:pl-4 [&>ul>li]:pl-2"
                        >
                            {{description }}
                        </div>
                    </div>
                    <div>
                        <h3 class="font-semibold mb-2">Kualifikasi</h3>
                        <div
                            class="text-sm text-gray-600 leading-loose [&>ol>li]:list-decimal [&>ol]:pl-4 [&>ol>li]:pl-2 [&>ul>li]:list-disc [&>ul]:pl-4 [&>ul>li]:pl-2"
                        >
                            {{qualification }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="w-full lg:w-1/4">
                <div class="border rounded p-5">
                    <h3 class="font-semibold border-b pb-4 mb-3">
                        Tentang Perusahaan
                    </h3>
                    {{company_information}}
                    <div class="mb-4">
                        <h4 class="text-sm font-semibold mb-2">
                            {{company_name}}
                        </h4>
                        <p class="text-sm text-gray-500">
                            {{company_description}}
                        </p>
                    </div>
                    <div class="">
                        <h4 class="text-sm font-semibold mb-2">Alamat</h4>
                        <p class="text-sm text-gray-500">{{company_address}}</p>
                    </div>
                    {{/company_information}}
                </div>
            </div>
        </div>
    </div>
</section>