@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Personellerim' => '/operation/mypersonels',
            'Önceden Yapılan Çıkışlar' => '/operation/mypersonels/user/' . $user->id . '/exiteds',
            'Detay' => '/operation/mypersonels/user/' . $user->id . '/exiteds/' . $exitedPersonelFiles->id,
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        <div
            class="relative overflow-y-auto h-[calc(100vh-130px)] shadow-md rounded-xl bg-theme_secondary_black text-theme_white p-8">
            <div class="flex gap-4 items-center">
                <img class="w-20 h-20 rounded-full object-cover"
                    src="{{ getCdnFile($exitedPersonelFiles->user_profile_img) }}">
                <div>
                    <h1 class="font-semibold text-lg capitalize w-max">{{ $user->fullName }}</h1>
                </div>
            </div>

            <div id="section_1">
                <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
                    <div class="bg-theme_black rounded-xl flex flex-col items-center gap-4 p-3 relative">
                        <h1 class="font-semibold text-lg ">Kimlik (Ön)</h1>
                        <button class="button-2 w-24 imageFile"
                            value="{{ getCdnFile($exitedPersonelFiles->identification_front) }}">
                            Görüntüle
                        </button>
                    </div>
                    <div class="bg-theme_black rounded-xl flex flex-col items-center gap-4 p-3 relative">
                        <h1 class="font-semibold text-lg ">Kimlik (Arka)</h1>
                        <button class="button-2 w-24 imageFile"
                            value="{{ getCdnFile($exitedPersonelFiles->identification_back) }}">
                            Görüntüle
                        </button>
                    </div>
                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">İkametgah</h1>
                        <button class="button-2 w-24 pdfFile"
                            value="{{ getCdnFile($exitedPersonelFiles->place_of_residence) }}">
                            Görüntüle
                        </button>
                    </div>
                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Adli Sicil Kaydı</h1>
                        <button class="button-2 w-24 pdfFile"
                            value="{{ getCdnFile($exitedPersonelFiles->criminal_record) }}">
                            Görüntüle
                        </button>
                    </div>
                    @if ($exitedPersonelFiles->diploma)
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                            <h1 class="font-semibold text-lg ">Diploma</h1>
                            <button class="button-2 w-24 pdfFile" value="{{ getCdnFile($exitedPersonelFiles->diploma) }}">
                                Görüntüle
                            </button>
                        </div>
                    @else
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                            <h1 class="font-semibold text-lg ">Diploma</h1>
                            <p>Diploma Belgesi Yüklenmemiş</p>
                        </div>
                    @endif

                    @if ($exitedPersonelFiles->upload_user_health_report)
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                            <h1 class="font-semibold text-lg ">Sağlık Raporu</h1>
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->upload_user_health_report) }}">
                                Görüntüle
                            </button>
                        </div>
                    @else
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                            <h1 class="font-semibold text-lg ">Sağlık Raporu</h1>
                            <p>Sağlık Raporu Belgesi Yüklenmemiş</p>
                        </div>
                    @endif

                    @if ($exitedPersonelFiles->iskur_file)
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                            <h1 class="font-semibold text-lg ">İşkur Kaydı</h1>
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->iskur_file) }}">
                                Görüntüle
                            </button>
                        </div>
                    @else
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                            <h1 class="font-semibold text-lg ">İşkur Kaydı</h1>
                            <p>İşkur Kaydı Belgesi Yüklenmemiş</p>
                        </div>
                    @endif

                    @if ($exitedPersonelFiles->sgk_file)
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                            <h1 class="font-semibold text-lg ">SGK Belgesi</h1>
                            <button class="button-2 w-24 pdfFile" value="{{ getCdnFile($exitedPersonelFiles->sgk_file) }}">
                                Görüntüle
                            </button>
                        </div>
                    @else
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                            <h1 class="font-semibold text-lg ">SGK Belgesi</h1>
                            <p>SGK Belgesi Yüklenmemiş</p>
                        </div>
                    @endif

                    @if ($user->preMeeting->registration_type == 'mobile')
                        @if ($exitedPersonelFiles->working_contract_path)
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <h1 class="font-semibold text-lg ">İş Sözleşmesi Onayı</h1>
                                <button class="button-2 w-24 pdfFile"
                                    value="{{ getCdnFile($exitedPersonelFiles->working_contract_path) }}">
                                    Görüntüle
                                </button>
                            </div>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <h1 class="font-semibold text-lg ">İş Sözleşmesi Onayı</h1>
                                <p>İş Sözleşmesi Onayı Yüklenmemiş</p>
                            </div>
                        @endif
                    @endif

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Personel Sözleşmesi</h1>
                        @if ($exitedPersonelFiles->service_contract)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->service_contract) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>Personel Sözleşmesi Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Gizlilik Sözleşmesi</h1>
                        @if ($exitedPersonelFiles->confidentiality_contract)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->confidentiality_contract) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>Gizlilik Sözleşmesi Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Açık Rıza Metni</h1>
                        @if ($exitedPersonelFiles->express_consent_text)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->express_consent_text) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>Açık Rıza Metni Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="absolute bottom-10 right-10 flex justify-end md:col-span-2 lg:col-span-3">
                        <button id="next" class="button-2">
                            Yüklü Dosyalar
                        </button>
                    </div>
                </div>
            </div>
            <div id="section_2" class="hidden">
                <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">SGK İşe Giriş Belgesi</h1>
                        @if ($exitedPersonelFiles->sgk_entry)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->sgk_entry) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>SGK İşe Giriş Belgesi Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Sağlık Muayene Belgesi</h1>
                        @if ($exitedPersonelFiles->upload_hr_health_report)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->upload_hr_health_report) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>Sağlık Muayene Belgesi Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Ek-2 Muayene Formu</h1>
                        @if ($exitedPersonelFiles->ek_2_file)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->ek_2_file) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>Ek-2 Muayene Formu Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">İş Güvenliği Eğitim Belgesi</h1>
                        @if ($exitedPersonelFiles->isg_training_file)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->isg_training_file) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>İş Güvenliği Eğitim Belgesi Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Eğitim Katılım Formu</h1>
                        @if ($exitedPersonelFiles->training_participation_form)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->training_participation_form) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>Eğitim Katılım Formu Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Hijyen Belgesi</h1>
                        @if ($exitedPersonelFiles->hygen_file)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->hygen_file) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>Hijyen Belgesi Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">İstifa Dilekçesi</h1>
                        @if ($exitedPersonelFiles->resignation_file)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->resignation_file) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>İstifa Dilekçesi Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">SGK İşten Çıkış Belgesi</h1>
                        @if ($exitedPersonelFiles->sgk_exit_file)
                            <button class="button-2 w-24 pdfFile"
                                value="{{ getCdnFile($exitedPersonelFiles->sgk_exit_file) }}">
                                Görüntüle
                            </button>
                        @else
                            <div class="bg-theme_black rounded-xl flex flex-col justify-center items-center gap-4 p-3">
                                <p>SGK İşten Çıkış Belgesi Yüklenmemiş</p>
                            </div>
                        @endif
                    </div>

                    <div class="absolute bottom-10 left-10 flex gap-2 justify-between md:col-span-2 lg:col-span-3">
                        <button id="prev" class="button-2">
                            Önceki Sayfaya Dön
                        </button>
                    </div>

                </div>
            </div>
        </div>
    </div>
    @include('components.pdfViewer')
    @if (session('error'))
        <x-toast color="red-700">
            <x-slot name="message">
                {{ session('error') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-exclamation"></i>
            </x-slot>
        </x-toast>
    @endif
    @if (session('success'))
        <x-toast color="green-700">
            <x-slot name="message">
                {{ session('success') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-check"></i>
            </x-slot>
        </x-toast>
    @endif
@endsection
@section('javascript')
    <script>
        $('.close-pdf-popup').click(function() {
            $('#pdf-popup').fadeOut('slow');
        })

        $('.imageFile').click(function() {
            $('#filePath').empty();
            $('#filePath').append(
                '<img class="w-full rounded-lg h-full object-contain" src="' + $(this).val() + '">'
            );
            $('#pdf-popup').fadeIn('slow');
        })

        $('.pdfFile').click(function() {
            $('#filePath').empty();
            $('#filePath').append(
                '<iframe src="' + $(this).val() +
                '" style="width:100%; height:500px; border-radius:8px;" frameborder="0"></iframe>'
            );
            $('#pdf-popup').fadeIn('slow');
        })

        $('#next').click(function() {
            $('#section_1').slideUp('slow');
            $('#section_2').slideDown('slow');
        });
        $('#prev').click(function() {
            $('#section_1').slideDown('slow');
            $('#section_2').slideUp('slow');
        });

        $(document).ready(function() {
            var currentFragment = window.location.hash;
            if (currentFragment === '#section_2') {
                $('#section_1').addClass('hidden');
                $('#section_2').removeClass('hidden');
            } else {
                $('#section_1').removeClass('hidden');
                $('#section_2').addClass('hidden');
            }
        });

        // dosyalari silme islemini gerceklestiren fonksiyon
        $('.deleteFile').click(function() {
            var file = $(this).val();
            var user_id = $('input[name="personel_user_id"]').val();
            var csrfToken = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                url: '/hummanresource/approved-personel-detail/delete',
                method: 'POST',
                data: {
                    _token: csrfToken,
                    file: file,
                    personel_user_id: user_id
                },
                success: function(response) {
                    location.reload();
                },
                error: function(response) {
                    console.log('error', response);
                }
            });
        })
    </script>
@endsection