@extends('layouts.user')
@section('pageTitle')
    Profilim
@endsection
@section('content')
    <div class="w-full pt-2 pb-20">
        <div class="overflow-y-auto h-[calc(100vh-148px)] px-6 sm:px-14 md:px-24">
            <div class="max-w-2xl mx-auto sm:px-6 lg:px-8 space-y-6">
                <div class="p-4 sm:p-8 shadow bg-theme_secondary_black rounded-lg">
                    <div>
                        @include('profile.partials.update-profile-information-form')
                    </div>
                </div>

                <div class="p-4 sm:p-8 shadow bg-theme_secondary_black rounded-lg">
                    <div>
                        @include('profile.partials.update-password-form')
                    </div>
                </div>
                {{-- 
                <div class="p-4 sm:p-8 shadow bg-theme_secondary_black rounded-lg">
                    <div>
                        <header>
                            <h2 class="text-lg font-medium text-gray-300">
                                Fesih Talebi Oluştur
                            </h2>

                            <p class="mt-1 text-sm text-gray-400">
                                İşten ayrılmak için bir talep oluşturun
                            </p>
                        </header>

                        <form id="exitForm" method="post" action="{{ route('workers.newExitRequest') }}" enctype="multipart/form-data"
                            class="mt-6 space-y-6">
                            @csrf
                            <div>
                                <label for="resignation_description" class="text-gray-300">
                                    Fesih Gerekçesi
                                </label>
                                <textarea id="resignation_description" name="reason_for_exit" type="text"
                                    class="mt-1 block w-full input-2 resize-none"></textarea>
                                <p class="errorMessage hidden text-red-900 font-semibold text-sm mt-2 bg-white p-1 rounded">
                                    Bu alan boş bırakılamaz
                                </p>
                            </div>

                            <div>
                                <label for="resignation_file" class="text-gray-300">
                                    Fesih Dilekçesi
                                </label>
                                <input id="resignation_file" name="resignation_file" type="file"
                                    class="mt-1 block w-full file-input bg-teheme_third_black" />
                                <p class="errorMessage hidden text-red-900 font-semibold text-sm mt-2 bg-white p-1 rounded">
                                    Bu alan boş bırakılamaz
                                </p>
                            </div>

                            <div class="flex justify-end items-center gap-4 text-sm text-gray-300">
                                <button type="button" class="exit button-3 bg-red-700">
                                    Fesih Talebi Oluştur
                                </button>
                            </div>
                        </form>
                    </div>
                </div> --}}
            </div>
        </div>
    </div>
    @include('components.workers.exitPopup')
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @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
    <script>
        $('.exit').click(function() {
            var description = $('#resignation_description').val();
            var file = $('#resignation_file').val();

            console.log(description, file);
            if (description != '' && file != '') {
                $('.exitRequestPopup').show();
            } else {
                $('.errorMessage').fadeIn();
                setTimeout(function() {
                    $('.errorMessage').fadeOut();
                }, 8000);
            }

        });
        $('.closePopup').click(function() {
            $('.exitRequestPopup').hide();
        });

        $('.acceptExit').click(function() {
            $('#exitForm').submit();
        })
    </script>
@endsection