@section('title', 'Ethical Clearance')
@section('paper', 'A4')
@if ($use_print)
    @section('print', true)
@endif
@section('styles')
    <style>
        * {
            color: black !important;
        }

        p {
            font-size: 14pt;
        }

        td {
            font-size: 14pt;
        }

        .signature-stack {
            position: relative;
            display: inline-block;
        }

        .signature-stack img.stamp {
            position: absolute;
            top: 11px;
            left: 50px;
            width: 40%;
            height: auto;
        }

        .signature-stack img.signature {
            position: relative;
            width: 50%;
            height: auto;
            filter: contrast(200%) brightness(0%);
        }
    </style>
@endsection
<div>
    <div class="sheet" style="padding: 45px 65px 45px 65px;">
        <div class="row justify-content-center g-3">
            <div class="col-10">
                <img src="{{ asset('storage/' . $system_setting_cached->logo_with_address_phone) }}" style="width: 100%;object-fit: contain;">
            </div>
        </div>
        <hr class="my-3">
        <div class="text-center mb-4">
            <h4 class="mb-0 fw-bold text-uppercase">Persetujuan Etik</h4>
            <h5 class="mb-0 fw-bold fst-italic">Ethical Clearance</h5>
            <h5 class="mb-0 fw-semibold">{{ $certificate->number }}</h5>
        </div>
        <p class="mb-0" style="text-align: justify;">
            @if ($language == 'indonesia')
                Komisi Etik Riset {{ Str::title($system_setting_cached->website_name) }} setelah mempelajari dengan seksama dan mendengarkan penjelasan dari peneliti utama tentang kemungkinan adanya dampak etis terhadap subyek riset, masyarakat dan lingkungan, menetapkan penelitian dengan judul :
            @elseif($language == 'english')
                The Research Ethics Commission of {{ Str::title($system_setting_cached->website_name) }} after carefully studying and listening to explanations from the principal investigator about the possibility of ethical impacts on research subjects, the community and the environment, determined the research with the title :
            @endif
        </p>
        <div class="mb-5 mt-4">
            <div class="text-center mb-5">
                <p class="mb-0 fw-bold text-uppercase">"{{ $certificate->research->research_title }}"</p>
            </div>
            <table class="mb-0">
                <tr>
                    <td>{{ $language == 'indonesia' ? 'Peneliti Utama' : 'Principal Investigator' }}</td>
                    <td class="px-2">:</td>
                    <td>{{ $certificate->research->researchers()->where('position', 'ketua')->first()->name }}</td>
                </tr>
                <tr>
                    <td>{{ $language == 'indonesia' ? 'Lembaga / Tempat Penelitian' : 'Institution / Research Place' }}</td>
                    <td class="px-2">:</td>
                    <td>{{ $certificate->research->research_place }}</td>
                </tr>
            </table>
        </div>
        <p class="mb-5" style="text-align: justify;">{{ $language == 'indonesia' ? 'Dinyatakan memenuhi persyaratan etik untuk dilaksanakan.' : 'Declared to meet the ethical requirements for implementation.' }}</p>
        <div class="row g-3 justify-content-end">
            <div class="col-6 text-center">
                <p class="mb-0">{{ $system_setting_cached->city }}, {{ $certificate->created_at->isoFormat('D MMMM Y') }}</p>
            </div>
        </div>
        <div class="row g-3 justify-content-end">
            <div class="col-6 text-center">
                <p class="mb-0">{{ $language == 'indonesia' ? 'Ketua' : 'Chair' }}</p>
                {{-- <div style="{{ !$signature_left?->signature ? 'width: 161.93px;height: 161.93px;' : '' }}">
                    @if ($signature_left?->signature)
                        <img src="{{ asset('storage/' . $signature_left?->signature) }}" alt="Tanda Tangan" class="object-fit-contain" style="width: 161.93px;height: 161.93px;">
                    @endif
                </div> --}}
                <div>
                    <div class="{{ !$signature_left?->signature && !$stamp ? 'my-5' : 'signature-stack' }}">
                        @if ($signature_left?->signature)
                            <img src="{{ asset('storage/' . $signature_left?->signature) }}" alt="Tanda Tangan" class="signature img-fluid">
                        @endif
                        @if ($stamp)
                            <img src="{{ asset('storage/' . $stamp) }}" alt="Stempel" class="stamp img-fluid">
                        @endif
                    </div>
                </div>
                <p class="mb-0 fw-semibold">{{ $signature_left?->name ?? '................................' }}</p>
            </div>
            <div class="col-6 text-center">
                <p class="mb-0">{{ $language == 'indonesia' ? 'Sekretaris' : 'Secretary' }}</p>
                <div style="{{ !$signature_right?->signature ? 'width: 161.93px;height: 161.93px;' : '' }}">
                    @if ($signature_right?->signature)
                        <img src="{{ asset('storage/' . $signature_right?->signature) }}" alt="Tanda Tangan" class="object-fit-contain" style="width: 161.93px;height: 161.93px;">
                    @endif
                </div>
                <p class="mb-0 fw-semibold">{{ $signature_right?->name ?? '................................' }}</p>
            </div>
        </div>
    </div>
</div>