@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Çıkış Talebi Oluştur' => '/operation/exit-request',
        ],
    ]) !!}
@endsection
@section('content')
    {{-- @include('components.sidebar')
    @include('components.profile') --}}

    <div class="pt-28 px-12 w-full">
        <div
            class="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-14 h-14 rounded-full object-cover showImage cursor-pointer"
                    src="{{ $user->profile_img
                        ? getCdnFile($user->profile_img)
                        : ($user->personelUser && $user->personelUser->profile_img
                            ? getCdnFile($user->personelUser->profile_img)
                            : getDefaultImage()) }}">
                <div class="flex flex-col">
                    <h1 class="font-semibold text-lg">{{ Str::title($user->fullName) }}</h1>
                    <h1 class="font-semibold">Adres : <span
                            class="text-lg">{{ Str::title($user->personelUser->address) }}</span></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 justify-center items-center gap-4 p-3">
                        <h1 class="font-semibold text-lg ">Kimlik (Ön)</h1>
                        <button class="button-2 w-24 imageFile"
                            value="{{ asset($user->personelFiles->identification_front) }}">
                            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 ">Kimlik (Arka)</h1>
                        <button class="button-2 w-24 imageFile"
                            value="{{ asset($user->personelFiles->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 Belgesi</h1>
                        <button class="button-2 w-24 pdfFile"
                            value="{{ asset($user->personelFiles->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 ">Sicil Belgesi</h1>
                        <button class="button-2 w-24 pdfFile"
                            value="{{ asset($user->personelFiles->criminal_record) }}">
                            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 ">Diploma Belgesi</h1>
                        <button class="button-2 w-24 pdfFile" value="{{ asset($user->personelFiles->diploma) }}">
                            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 ">Sağlık Raporu</h1>
                        <button class="button-2 w-24 pdfFile"
                            value="{{ asset($user->personelFiles->health_report) }}">
                            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 ">İcra Belgesi</h1>
                        <button class="button-2 w-24 pdfFile" value="{{ asset($user->personelFiles->execution) }}">
                            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 ">İşkur Belgesi</h1>
                        <button class="button-2 w-24 pdfFile" value="{{ asset($user->personelFiles->iskur_file) }}">
                            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 ">SGK Belgesi</h1>
                        <button class="button-2 w-24 pdfFile" value="{{ asset($user->personelFiles->sgk_file) }}">
                            Görüntüle
                        </button>
                    </div> --}}
                    {{-- <div class="flex justify-end md:col-span-2 lg:col-span-3">
                        <button id="next" class="button-2">
                            Dosya Yükle
                        </button>
                    </div> --}}
                    <form action="{{ route('operation.operationExitRequestForUser') }}" method="POST" onsubmit="showLoading()"
                        enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="personel_user_id" value="{{ $user->id }}">
                        <div class="bg-theme_black rounded-xl flex flex-col justify-center items-start gap-3 p-3">
                            <div class="flex w-full justify-between">
                                <h1 class="font-semibold text-lg">İstifa Dilekçesi</h1>
                                @if ($user->hrPersonelUser && $user->hrPersonelUser->resignation_file)
                                    <button type="button" class="pdfFile"
                                        value="{{ getCdnFile($user->hrPersonelUser->resignation_file) }}">
                                        <i class="fa-solid fa-mountain-sun"></i>
                                    </button>
                                @endif
                            </div>
                            @if ($user->hrPersonelUser && $user->hrPersonelUser->resignation_file_original_name)
                                <span
                                    class="file-input mt-0">{{ $user->hrPersonelUser->resignation_file_original_name }}</span>
                                <button type="button" value="resignation_file"
                                    class="button-2 hover:bg-red-800 hover:text-white deleteFile w-full text-gray-300">Sil</button>
                            @else
                                <input class="file-input mt-0" type="file" name="resignation_file">
                                <button class="button-2 w-full file-upload" disabled>
                                    Dosyayı Kaydet
                                </button>
                            @endif
                        </div>
                    </form>

                    <form method="POST" action="{{ route('operation.approveExitRequest') }}" onsubmit="showLoading()">
                        @csrf
                        <input type="hidden" name="personel_user_id" value="{{ $user->id }}">
                        <button class="button-2">
                            Dilekçeyi Onayla
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @include('components.pdfViewer')
    @include('components.showImage')
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection
@section('javascript')
    <script>
        $('.file-input').change(function() {
            var $fileInput = $(this);
            var $fileUpload = $fileInput.siblings('.file-upload');

            if ($fileInput[0].files && $fileInput[0].files[0]) {
                $fileUpload.prop('disabled', false);
            } else {
                $fileUpload.prop('disabled', true);
            }
        });

        $('.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