<?php
// Włączenie wyświetlania błędów dla bezpieczeństwa przy konfiguracji
error_reporting(E_ALL);
ini_set('display_errors', 1);

session_start();

// ==========================================
// 1. KONFIGURACJA
// ==========================================
$HASLO_ADMIN = 'Szef123!';         // Wacław - wgrywanie paragonów i pełna edycja
$HASLO_ANIA  = 'Ania123!';         // Ania - tylko zgłaszanie kwot i ich edycja
$HASLO_WIDZ  = 'Pracownicy2024!';  // Tomasz, Piotr - tylko podgląd

// KLUCZ GEMINI API (Twój klucz)
$GEMINI_API_KEY = 'AIzaSyD25uwjgYdN7ZRYxWyIwdG59CPesHlLFXw'; 

// Numery WhatsApp
$WHATSAPP_NUMERY = array(
    'Wacława' => '48784422001',
    'Tomasza' => '48502645894'
);

$UPLOAD_DIR = 'uploads/';
$DATA_FILE = 'data.php'; 
$DATA_PREFIX = "<?php die('Brak dostepu'); ?>\n"; 

// Automatyczne przygotowanie środowiska
if (!file_exists($UPLOAD_DIR)) { mkdir($UPLOAD_DIR, 0755, true); file_put_contents($UPLOAD_DIR . '.htaccess', "Options -Indexes\n"); }
if (!file_exists($DATA_FILE)) { file_put_contents($DATA_FILE, $DATA_PREFIX . json_encode(array())); chmod($DATA_FILE, 0666); }

// ==========================================
// 2. LOGIKA LOGOWANIA
// ==========================================
if (isset($_GET['logout'])) { session_destroy(); header('Location: index.php'); exit; }
$error_msg = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['login_password'])) {
    if ($_POST['login_password'] === $HASLO_ADMIN) { $_SESSION['zalogowany'] = true; $_SESSION['rola'] = 'admin'; header('Location: index.php'); exit; }
    elseif ($_POST['login_password'] === $HASLO_ANIA) { $_SESSION['zalogowany'] = true; $_SESSION['rola'] = 'ania'; header('Location: index.php'); exit; }
    elseif ($_POST['login_password'] === $HASLO_WIDZ) { $_SESSION['zalogowany'] = true; $_SESSION['rola'] = 'widz'; header('Location: index.php'); exit; }
    else { $error_msg = "Nieprawidłowe hasło!"; }
}
$zalogowany = isset($_SESSION['zalogowany']) && $_SESSION['zalogowany'] === true;

// ==========================================
// 3. OBSŁUGA GEMINI I BAZY (Dla zalogowanych)
// ==========================================
if ($zalogowany) {
    
    function get_amount_from_gemini($imagePath, $apiKey) {
        if (empty($apiKey)) return array('amount' => 0.00, 'error' => 'Brak klucza API');
        $imageData = base64_encode(file_get_contents($imagePath));
        $url = "https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash:generateContent?key=" . $apiKey;
        $payload = array(
            "contents" => array(
                array(
                    "parts" => array(
                        array("text" => "Znajdź na tym dokumencie CAŁKOWITĄ KWOTĘ DO ZAPŁATY (Total, Suma, Do zapłaty). Zwróć TYLKO I WYŁĄCZNIE samą liczbę. Użyj kropki jako separatora (np. 150.50). Żadnych słów, walut ani dodatkowych znaków."),
                        array("inlineData" => array("mimeType" => "image/jpeg", "data" => $imageData))
                    )
                )
            ),
            "generationConfig" => array("temperature" => 0.1)
        );
        $ch = curl_init($url);
        curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json'));
        curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($payload));
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_TIMEOUT, 30);
        $response = curl_exec($ch);
        $http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
        curl_close($ch);

        if ($http_code !== 200 || $response === false) return array('amount' => 0.00, 'error' => 'Błąd API.');
        $result = json_decode($response, true);
        if (isset($result['candidates'][0]['content']['parts'][0]['text'])) {
            $text = trim($result['candidates'][0]['content']['parts'][0]['text']);
            $text = str_replace(array(' ', ','), array('', '.'), $text);
            preg_match('/[0-9]+(?:\.[0-9]+)?/', $text, $matches);
            return array('amount' => isset($matches[0]) ? floatval($matches[0]) : 0.00, 'error' => null);
        }
        return array('amount' => 0.00, 'error' => 'Model AI nie odnalazł kwoty.');
    }

    function get_db_array() {
        global $DATA_FILE, $DATA_PREFIX;
        if (!file_exists($DATA_FILE)) return array();
        $content = file_get_contents($DATA_FILE);
        $json = str_replace($DATA_PREFIX, "", $content);
        $array = json_decode($json, true);
        $array = is_array($array) ? $array : array();
        foreach ($array as $date => $files) {
            foreach ($files as $idx => $file) {
                if (is_string($file)) { $array[$date][$idx] = array("id" => uniqid(), "path" => $file, "amount" => 0.00); }
                elseif (!isset($file['id'])) { $array[$date][$idx]['id'] = uniqid(); }
            }
        }
        return $array;
    }

    function save_db_data($array) {
        global $DATA_FILE, $DATA_PREFIX;
        file_put_contents($DATA_FILE, $DATA_PREFIX . json_encode($array));
    }

    if (isset($_GET['action']) && $_GET['action'] === 'get_data') {
        header('Content-Type: application/json');
        echo json_encode(get_db_array());
        exit;
    }

    // Dodanie Kwoty Zgłoszonej (Ania i Wacław)
    if (isset($_GET['action']) && $_GET['action'] === 'add_amount' && isset($_POST['data']) && isset($_POST['amount'])) {
        if ($_SESSION['rola'] !== 'admin' && $_SESSION['rola'] !== 'ania') exit;
        $data = $_POST['data'];
        $amount = floatval(preg_replace('/[^0-9.-]/', '', str_replace(',', '.', $_POST['amount'])));
        $baza = get_db_array();
        if (!isset($baza[$data])) $baza[$data] = array();
        $baza[$data][] = array("id" => uniqid(), "path" => "", "amount" => $amount);
        save_db_data($baza);
        echo json_encode(array('success' => true));
        exit;
    }

    // Edycja Kwoty Zgłoszonej (Ania i Wacław)
    if (isset($_GET['action']) && $_GET['action'] === 'edit_amount' && isset($_POST['data']) && isset($_POST['id']) && isset($_POST['amount'])) {
        if ($_SESSION['rola'] !== 'admin' && $_SESSION['rola'] !== 'ania') exit;
        $id = $_POST['id']; $data = $_POST['data'];
        $amount = floatval(preg_replace('/[^0-9.-]/', '', str_replace(',', '.', $_POST['amount'])));
        $baza = get_db_array();
        if (isset($baza[$data])) {
            foreach($baza[$data] as $k => $f) {
                if ($f['id'] === $id) { $baza[$data][$k]['amount'] = $amount; break; }
            }
            save_db_data($baza);
            echo json_encode(array('success' => true));
        }
        exit;
    }

    // Usuwanie Zgłoszonej Kwoty (Ania i Wacław)
    if (isset($_GET['action']) && $_GET['action'] === 'delete' && isset($_POST['data']) && isset($_POST['id'])) {
        if ($_SESSION['rola'] !== 'admin' && $_SESSION['rola'] !== 'ania') exit;
        $id = $_POST['id']; $data = $_POST['data'];
        $baza = get_db_array();
        if (isset($baza[$data])) {
            foreach($baza[$data] as $k => $f) {
                if ($f['id'] === $id) {
                    if (!empty($f['path']) && file_exists($f['path'])) unlink($f['path']);
                    unset($baza[$data][$k]);
                    $baza[$data] = array_values($baza[$data]);
                    break;
                }
            }
            save_db_data($baza);
            echo json_encode(array('success' => true));
        }
        exit;
    }

    // Wgrywanie Paragonu (Tylko Wacław)
    if (isset($_GET['action']) && $_GET['action'] === 'upload' && isset($_FILES['zdjecie']) && isset($_POST['data'])) {
        if ($_SESSION['rola'] !== 'admin') exit;
        $data = $_POST['data']; $plik = $_FILES['zdjecie'];
        $id_to_update = isset($_POST['id']) ? $_POST['id'] : null;

        if ($plik['error'] === UPLOAD_ERR_OK && $id_to_update) {
            $sciezka = $UPLOAD_DIR . 'paragon_' . date('Ymd_His') . '_' . uniqid() . '.jpg';
            if (function_exists('imagecreatefromjpeg')) {
                $img = ($plik['type'] == 'image/png') ? @imagecreatefrompng($plik['tmp_name']) : @imagecreatefromjpeg($plik['tmp_name']);
                if ($img) { imagejpeg($img, $sciezka, 70); imagedestroy($img); } 
                else move_uploaded_file($plik['tmp_name'], $sciezka);
            } else move_uploaded_file($plik['tmp_name'], $sciezka);

            $baza = get_db_array();
            if (isset($baza[$data])) {
                $ai = get_amount_from_gemini($sciezka, $GEMINI_API_KEY);
                foreach($baza[$data] as $k => $f) {
                    if ($f['id'] === $id_to_update) { 
                        $baza[$data][$k]['path'] = $sciezka; 
                        // Zapisanie kwoty odczytanej przez AI
                        $baza[$data][$k]['ai_amount'] = $ai['amount'];
                        break; 
                    }
                }
                save_db_data($baza);
                echo json_encode(array('success' => true, 'ai_error' => $ai['error']));
            }
            exit;
        }
    }

    // Usuwanie SAMEGO Paragonu z wewnątrz zgłoszenia (Tylko Wacław)
    if (isset($_GET['action']) && $_GET['action'] === 'delete_file' && isset($_POST['data']) && isset($_POST['id'])) {
        if ($_SESSION['rola'] !== 'admin') exit;
        $id = $_POST['id']; $data = $_POST['data'];
        $baza = get_db_array();
        if (isset($baza[$data])) {
            foreach($baza[$data] as $k => $f) {
                if ($f['id'] === $id) {
                    if (!empty($f['path']) && file_exists($f['path'])) unlink($f['path']);
                    $baza[$data][$k]['path'] = '';
                    $baza[$data][$k]['ai_amount'] = 0.00;
                    break;
                }
            }
            save_db_data($baza);
            echo json_encode(array('success' => true));
        }
        exit;
    }

    // Edycja Kwoty z AI (Tylko Wacław)
    if (isset($_GET['action']) && $_GET['action'] === 'edit_ai_amount' && isset($_POST['data']) && isset($_POST['id']) && isset($_POST['amount'])) {
        if ($_SESSION['rola'] !== 'admin') exit;
        $id = $_POST['id']; $data = $_POST['data'];
        $amount = floatval(preg_replace('/[^0-9.-]/', '', str_replace(',', '.', $_POST['amount'])));
        $baza = get_db_array();
        if (isset($baza[$data])) {
            foreach($baza[$data] as $k => $f) {
                if ($f['id'] === $id) { $baza[$data][$k]['ai_amount'] = $amount; break; }
            }
            save_db_data($baza);
            echo json_encode(array('success' => true));
        }
        exit;
    }

    if (isset($_GET['action']) && $_GET['action'] === 'download_zip') {
        $year = $_GET['year']; $month = $_GET['month'];
        $baza = get_db_array(); $filesToZip = array(); $prefix = $year . '-' . $month;
        foreach ($baza as $date => $files) {
            if (strpos($date, $prefix) === 0) {
                foreach ($files as $f) { if (!empty($f['path']) && file_exists($f['path'])) $filesToZip[] = $f['path']; }
            }
        }
        if (empty($filesToZip)) exit("Brak plików");
        $zipPath = $UPLOAD_DIR . 'faktury_' . uniqid() . '.zip';
        $zip = new ZipArchive();
        if ($zip->open($zipPath, ZipArchive::CREATE) === TRUE) {
            foreach ($filesToZip as $f) $zip->addFile($f, basename($f));
            $zip->close();
            header('Content-Type: application/zip');
            header('Content-Disposition: attachment; filename="faktury_'.$prefix.'.zip"');
            readfile($zipPath); unlink($zipPath); exit;
        }
    }
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Baza Paragonów</title>
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8D8B9' stroke-width='2'%3E%3Cpath d='M9 14l6-6m-5.5.5h.01m4.99 5h.01M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16l3.5-2 3.5 2 3.5-2 3.5 2z'/%3E%3C/svg%3E">
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = { theme: { extend: { colors: { custom: { green: '#A8D8B9', gray: '#747D8C', blue: '#C6D8E8' } } } } }
    </script>
    <style>
        .loader { border: 3px solid #f3f3f3; border-top: 3px solid #A8D8B9; border-radius: 50%; width: 18px; height: 18px; animation: spin 1s linear infinite; display: inline-block; }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        #bottomMenuDropdown { transform-origin: bottom center; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
        #bottomMenuDropdown.active { opacity: 1; transform: scale(1) translateY(0); pointer-events: auto; }
    </style>
</head>
<body class="bg-gray-100 text-gray-800 font-sans min-h-screen">

<?php if (!$zalogowany): ?>
    <div class="flex items-center justify-center min-h-screen p-4">
        <div class="bg-white p-8 rounded-[2.5rem] shadow-xl w-full max-sm:max-w-full max-w-sm">
            <div class="text-center mb-8">
                <div class="mx-auto mb-6 flex justify-center transition-transform hover:scale-105 duration-500">
                    <img src="img/plazowka.png" alt="Logo Płazówka" class="h-36 sm:h-44 w-auto object-contain">
                </div>
                <h1 class="text-2xl font-black text-custom-gray uppercase tracking-tighter">Baza Paragonów</h1>
            </div>
            <?php if($error_msg): ?><div class="bg-red-100 text-red-700 p-3 rounded mb-4 text-center text-sm font-bold"><?php echo $error_msg; ?></div><?php endif; ?>
            <form method="POST">
                <input type="password" name="login_password" required placeholder="Hasło dostępu" class="w-full px-4 py-4 rounded-2xl border border-custom-green mb-6 text-center bg-gray-50 focus:ring-4 focus:ring-custom-green/20 outline-none transition-all font-bold">
                <button type="submit" class="w-full bg-custom-green text-gray-800 font-black py-4 rounded-2xl shadow-lg active:scale-95 transition-all uppercase tracking-widest">Wejdź</button>
            </form>
        </div>
    </div>
<?php else: ?>
    <nav class="bg-white shadow-sm fixed w-full top-0 z-10 border-b p-3">
        <div class="max-w-md mx-auto flex justify-between items-center px-4">
            <span class="font-bold text-custom-gray flex items-center gap-2">
                <svg class="w-6 h-6 text-custom-green" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" d="M9 14l6-6m-5.5.5h.01m4.99 5h.01M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16l3.5-2 3.5 2 3.5-2 3.5 2z"></path></svg>
                Baza Paragonów
            </span>
            <a href="?logout=1" class="text-xs text-gray-400 font-bold bg-gray-50 px-3 py-1 rounded-full">Wyloguj</a>
        </div>
    </nav>

    <main class="max-w-md mx-auto pt-20 pb-28 px-4">
        <div class="bg-white rounded-2xl shadow-sm p-4 mb-4 flex justify-between items-center">
            <button onclick="changeMonth(-1)" class="p-2"><svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7" stroke-width="3"></path></svg></button>
            <h2 id="monthYear" class="font-black text-custom-gray uppercase tracking-tighter text-center"></h2>
            <button onclick="changeMonth(1)" class="p-2"><svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3"></path></svg></button>
        </div>
        <div class="grid grid-cols-7 gap-1 mb-2 text-center text-[10px] font-black text-gray-400 uppercase">
            <div>Pn</div><div>Wt</div><div>Śr</div><div>Cz</div><div>Pt</div><div>Sb</div><div>Nd</div>
        </div>
        <div id="calendarGrid" class="grid grid-cols-7 gap-2"></div>
        <div class="mt-6 bg-white p-5 rounded-3xl shadow-lg border-2 border-custom-blue/20 flex justify-between items-center">
            <div>
                <p class="text-[10px] text-gray-400 font-black uppercase tracking-widest">Suma faktur</p>
                <p id="monthTotal" class="text-2xl font-black text-custom-gray">0.00 PLN</p>
            </div>
            <div class="bg-custom-green/20 p-3 rounded-2xl">
                <svg class="w-6 h-6 text-custom-green" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
            </div>
        </div>
        <div class="mt-8 relative">
            <div id="bottomMenuDropdown" class="absolute bottom-full mb-3 w-full bg-white rounded-2xl shadow-2xl border opacity-0 scale-90 translate-y-4 pointer-events-none z-20 overflow-hidden">
                <button onclick="downloadMonthZip()" class="w-full text-left px-5 py-4 hover:bg-gray-50 flex items-center gap-3 border-b font-bold text-sm text-custom-gray transition">
                    <svg class="w-5 h-5 text-blue-900" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path></svg>
                    Pobierz ZIP miesiąca
                </button>
            </div>
            <button onclick="toggleBottomMenu(event)" class="w-full bg-white border-2 border-gray-200 text-custom-gray font-black py-4 rounded-2xl shadow-sm flex items-center justify-center gap-2 active:scale-95 transition uppercase">
                <svg id="menuIcon" class="w-5 h-5 transition-transform duration-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M4 6h16M4 12h16M4 18h16"></path></svg>
                Opcje
            </button>
        </div>
    </main>

    <!-- Modal Dnia (Wyśrodkowany dla PC) -->
    <div id="dayModal" class="fixed inset-0 bg-black/60 z-50 hidden items-center justify-center p-4 backdrop-blur-md">
        <div class="bg-white w-full max-w-md h-auto max-h-[85vh] rounded-[2.5rem] flex flex-col overflow-hidden shadow-2xl">
            <div class="flex justify-between items-center p-6 border-b">
                <h3 id="modalDateTitle" class="font-black text-custom-gray tracking-tighter text-lg"></h3>
                <button onclick="closeModal()" class="bg-gray-100 p-2 rounded-full"><svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M6 18L18 6M6 6l12 12"></path></svg></button>
            </div>
            
            <div id="modalContent" class="flex-1 overflow-y-auto p-5 bg-gray-50"></div>
            
            <?php if ($_SESSION['rola'] === 'admin' || $_SESSION['rola'] === 'ania'): ?>
            <div class="p-6 bg-white border-t">
                <button onclick="addManualAmount()" class="w-full bg-pink-50 text-pink-500 border border-pink-100 font-black py-4 rounded-2xl shadow-sm active:scale-95 transition flex items-center justify-center text-sm uppercase tracking-widest">
                    <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" d="M12 4v16m8-8H4"></path></svg>
                    <span>DODAJ KWOTĘ</span>
                </button>
            </div>
            <?php endif; ?>
        </div>
    </div>

    <!-- Modal Obrazka -->
    <div id="imageModal" class="fixed inset-0 bg-black/90 z-[60] hidden items-center justify-center p-2" onclick="this.classList.add('hidden'); this.classList.remove('flex');">
        <img id="fullImage" src="" class="max-w-full max-h-full object-contain rounded-lg">
    </div>

    <!-- Własne okno Dialogowe (Wyśrodkowane dla PC) -->
    <div id="customDialog" class="fixed inset-0 bg-black/60 z-[70] hidden items-center justify-center p-4 backdrop-blur-sm transition-opacity">
        <div class="bg-white w-full max-w-sm rounded-[2.5rem] p-8 shadow-2xl text-center transform transition-all scale-95 opacity-0 flex flex-col items-center" id="customDialogBox">
            <div id="cdIcon" class="w-16 h-16 bg-blue-100 text-blue-500 rounded-full flex items-center justify-center mb-4"></div>
            <h3 id="cdTitle" class="font-black text-custom-gray text-2xl mb-2 tracking-tighter uppercase"></h3>
            <p id="cdDesc" class="text-sm text-gray-500 font-medium mb-6 leading-tight"></p>
            <input type="text" inputmode="decimal" id="cdInput" class="w-full px-4 py-4 rounded-2xl border-2 border-custom-green text-center bg-gray-50 focus:ring-4 focus:ring-custom-green/20 outline-none transition-all font-black text-2xl text-gray-800 mb-6 hidden">
            <div class="flex gap-3 w-full">
                <button id="cdBtnCancel" class="flex-1 bg-gray-100 text-gray-500 font-black py-4 rounded-2xl active:scale-95 transition hidden uppercase text-sm">Anuluj</button>
                <button id="cdBtnOk" class="flex-1 bg-custom-green text-gray-800 font-black py-4 rounded-2xl active:scale-95 transition shadow-md uppercase text-sm">OK</button>
            </div>
        </div>
    </div>

    <script>
        const userRole = '<?php echo $_SESSION['rola']; ?>';
        const months = ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"];
        let curMonth = new Date().getMonth(), curYear = new Date().getFullYear(), data = {}, selDate = null;

        let dialogCallback = null;
        function showDialog(opts) {
            document.getElementById('cdTitle').innerText = opts.title || '';
            document.getElementById('cdDesc').innerText = opts.desc || '';
            const inp = document.getElementById('cdInput'), btnCan = document.getElementById('cdBtnCancel'), btnOk = document.getElementById('cdBtnOk'), icon = document.getElementById('cdIcon');
            if(opts.type === 'prompt') { icon.className = 'w-16 h-16 bg-blue-50 text-blue-500 rounded-full flex items-center justify-center mb-4'; inp.classList.remove('hidden'); inp.value = opts.default || ''; btnCan.classList.remove('hidden'); }
            else if(opts.type === 'confirm') { icon.className = 'w-16 h-16 bg-rose-50 text-rose-500 rounded-full flex items-center justify-center mb-4'; icon.innerHTML='<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg>'; inp.classList.add('hidden'); btnCan.classList.remove('hidden'); }
            else { icon.className = 'w-16 h-16 bg-orange-50 text-orange-500 rounded-full flex items-center justify-center mb-4'; icon.innerHTML='<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg>'; inp.classList.add('hidden'); btnCan.classList.add('hidden'); }
            dialogCallback = opts.callback;
            const m = document.getElementById('customDialog'), b = document.getElementById('customDialogBox');
            m.classList.remove('hidden'); m.classList.add('flex');
            setTimeout(() => { b.classList.remove('scale-95', 'opacity-0'); b.classList.add('scale-100', 'opacity-100'); if(opts.type === 'prompt') inp.focus(); }, 10);
            btnCan.onclick = () => { closeDialog(); if(dialogCallback) dialogCallback(null); };
            btnOk.onclick = () => { closeDialog(); if(dialogCallback) dialogCallback(opts.type === 'prompt' ? inp.value : true); };
        }
        function closeDialog() {
            const m = document.getElementById('customDialog'), b = document.getElementById('customDialogBox');
            b.classList.remove('scale-100', 'opacity-100'); b.classList.add('scale-95', 'opacity-0');
            setTimeout(() => { m.classList.add('hidden'); m.classList.remove('flex'); }, 200);
        }

        async function load() { data = await (await fetch('?action=get_data')).json(); render(); }

        function render() {
            const first = new Date(curYear, curMonth, 1).getDay(), days = new Date(curYear, curMonth + 1, 0).getDate();
            const start = first === 0 ? 6 : first - 1;
            document.getElementById('monthYear').innerText = `${months[curMonth]} ${curYear}`;
            const grid = document.getElementById('calendarGrid'); grid.innerHTML = '';
            let total = 0;
            for (let i = 0; i < start; i++) grid.innerHTML += '<div></div>';
            for (let i = 1; i <= days; i++) {
                const ds = `${curYear}-${String(curMonth+1).padStart(2,'0')}-${String(i).padStart(2,'0')}`;
                const df = data[ds] || [];
                df.forEach(f => total += parseFloat(f.amount || 0));
                
                const issued = df.filter(f => f.path).length;
                const reported = df.length;
                const isToday = i === new Date().getDate() && curMonth === new Date().getMonth() && curYear === new Date().getFullYear();
                const bg = isToday ? 'bg-custom-blue border-gray-400' : 'bg-white border-gray-200';
                
                const badgeTopLeft = issued > 0 ? `<div class="absolute -top-2 -left-2 bg-custom-green text-gray-800 text-[10px] font-black w-5 h-5 flex items-center justify-center rounded-full border-2 border-white shadow-sm z-10">${issued}</div>` : '';
                const badgeBottomLeft = reported > 0 ? `<div class="absolute -bottom-2 -left-2 bg-pink-200 text-pink-700 text-[10px] font-black w-5 h-5 flex items-center justify-center rounded-full border-2 border-white shadow-sm z-10">${reported}</div>` : '';
                
                grid.innerHTML += `<div onclick="openDay('${ds}',${i})" class="relative h-14 flex items-center justify-center rounded-xl border-2 font-black cursor-pointer active:scale-90 transition-all ${bg}">${i}${badgeTopLeft}${badgeBottomLeft}</div>`;
            }
            document.getElementById('monthTotal').innerText = total.toFixed(2) + ' PLN';
        }

        function openDay(ds, n) { selDate = ds; document.getElementById('modalDateTitle').innerText = `${n} ${months[curMonth]} ${curYear}`; renderReceipts(); const m = document.getElementById('dayModal'); m.classList.remove('hidden'); m.classList.add('flex'); }
        function closeModal() { const m = document.getElementById('dayModal'); m.classList.add('hidden'); m.classList.remove('flex'); }
        
        function renderReceipts() {
            const c = document.getElementById('modalContent'); c.innerHTML = '';
            const fs = data[selDate] || [];

            if (!fs.length) { c.innerHTML = '<p class="text-center py-10 text-gray-400 font-bold uppercase tracking-widest text-xs">Brak zgłoszonych kwot</p>'; return; }
            
            fs.forEach(f => {
                // Wyraźne ikony w starym stylu z niebieskim/różowym kolorem
                const editBtn = (userRole === 'admin' || userRole === 'ania') ? `<button onclick="editAmt('${f.id}', '${f.amount}')" class="text-blue-400 hover:bg-blue-50 p-2 rounded-full transition" title="Edytuj główną kwotę"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path></svg></button>` : '';
                const delBtn = (userRole === 'admin' || userRole === 'ania') ? `<button onclick="delR('${f.id}')" class="text-rose-400 hover:bg-rose-50 p-2 rounded-full transition" title="Usuń zgłoszoną kwotę"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg></button>` : '';
                
                let cardHtml = '';

                if (f.path) {
                    // STAN 2: Faktura jest wgrana ("Sklejona" struktura)
                    const aiAmount = f.ai_amount !== undefined ? parseFloat(f.ai_amount).toFixed(2) : parseFloat(f.amount).toFixed(2);
                    
                    const editAiBtn = userRole === 'admin' ? `<button onclick="editAiAmt('${f.id}', '${aiAmount}')" class="text-blue-400 hover:bg-blue-50 p-2 rounded-full transition" title="Popraw kwotę AI"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path></svg></button>` : '';
                    const delFileBtn = userRole === 'admin' ? `<button onclick="delFile('${f.id}')" class="text-rose-400 hover:bg-rose-50 p-2 rounded-full transition" title="Usuń tylko paragon"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg></button>` : '';

                    cardHtml = `
                        <div class="bg-white border border-gray-200 shadow-sm rounded-[1.25rem] overflow-hidden mb-3">
                            <!-- Część górna (Zgłoszenie) -->
                            <div class="p-3 sm:p-4 flex items-center justify-between border-b border-dashed border-gray-200">
                                <div class="flex items-center gap-2 sm:gap-3 overflow-hidden">
                                    <div class="w-10 h-10 shrink-0 bg-blue-50 text-blue-500 border border-blue-100 rounded-xl flex items-center justify-center shadow-inner">
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
                                    </div>
                                    <div class="leading-tight min-w-0">
                                        <p class="font-black text-lg sm:text-xl text-gray-800 whitespace-nowrap truncate">${parseFloat(f.amount).toFixed(2)} <span class="text-sm sm:text-base">PLN</span></p>
                                        <p class="text-[9px] sm:text-[10px] text-gray-400 font-bold uppercase tracking-widest mt-0.5 truncate">Dodana kwota</p>
                                    </div>
                                </div>
                                <div class="flex gap-1 shrink-0">${editBtn}${delBtn}</div>
                            </div>
                            
                            <!-- Część dolna (Paragon doczepiony do zgłoszenia) -->
                            <div class="p-3 sm:p-4 bg-gray-50 flex items-center gap-2 sm:gap-4">
                                <div class="w-16 h-12 sm:w-20 sm:h-14 shrink-0 relative group">
                                    <img src="${f.path}" class="w-full h-full object-cover rounded-lg border border-gray-300 cursor-pointer shadow-sm group-hover:opacity-80 transition" onclick="showImg('${f.path}')">
                                </div>
                                <div class="flex-1 leading-tight min-w-0 px-1">
                                    <p class="font-black text-base sm:text-lg text-gray-800 whitespace-nowrap truncate">${aiAmount} <span class="text-xs sm:text-sm">PLN</span></p>
                                    <p class="text-[9px] sm:text-[10px] text-gray-400 font-bold uppercase tracking-widest mt-0.5 truncate">Kwota z AI</p>
                                </div>
                                <div class="flex gap-1 shrink-0">
                                    ${editAiBtn}${delFileBtn}
                                </div>
                            </div>
                        </div>
                    `;
                } else {
                    // STAN 1: Brak paragonu (Tylko kwota)
                    let uploadBtn = '';
                    if (userRole === 'admin') {
                        uploadBtn = `
                            <label class="block w-full bg-custom-green text-green-900 font-black py-3.5 cursor-pointer hover:bg-[#96c8a7] transition text-center text-xs uppercase tracking-widest border-t border-custom-green/30 m-0">
                                <span>DODAJ FAKTURĘ (AI)</span>
                                <input type="file" accept="image/*" class="hidden" onchange="handleUploadToId(this, '${f.id}')">
                            </label>
                        `;
                    }

                    cardHtml = `
                        <div class="bg-white border border-gray-200 shadow-sm rounded-[1.25rem] overflow-hidden mb-3">
                            <div class="p-3 sm:p-4 flex items-center justify-between">
                                <div class="flex items-center gap-2 sm:gap-3 overflow-hidden">
                                    <div class="w-10 h-10 shrink-0 bg-pink-50 border border-pink-100 text-pink-400 rounded-xl flex items-center justify-center shadow-inner">
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                                    </div>
                                    <div class="leading-tight min-w-0">
                                        <p class="font-black text-lg sm:text-xl text-gray-800 whitespace-nowrap truncate">${parseFloat(f.amount).toFixed(2)} <span class="text-sm sm:text-base">PLN</span></p>
                                        <p class="text-[9px] sm:text-[10px] text-gray-400 font-bold uppercase tracking-widest mt-0.5 truncate">Dodana kwota</p>
                                    </div>
                                </div>
                                <div class="flex gap-1 shrink-0">${editBtn}${delBtn}</div>
                            </div>
                            ${uploadBtn}
                        </div>
                    `;
                }

                c.innerHTML += cardHtml;
            });
        }

        async function addManualAmount() {
            showDialog({ type: 'prompt', title: 'DODAJ KWOTĘ', desc: 'Podaj zgłaszaną kwotę wynajmu (np. 145.00).', placeholder: 'np. 150.00', callback: async (v) => {
                if(!v) return;
                const fd = new FormData(); fd.append('data', selDate); fd.append('amount', v);
                await fetch('?action=add_amount', {method:'POST', body:fd}); 
                await load(); 
                renderReceipts();
            }});
        }

        function editAmt(id, cur) {
            showDialog({ type: 'prompt', title: 'EDYTUJ ZGŁOSZENIE', desc: 'Wpisz poprawną kwotę główną.', default: cur, callback: async (v) => {
                if(!v) return;
                const fd = new FormData(); fd.append('data', selDate); fd.append('id', id); fd.append('amount', v);
                await fetch('?action=edit_amount', {method:'POST', body:fd}); 
                await load(); 
                renderReceipts();
            }});
        }

        function editAiAmt(id, cur) {
            showDialog({ type: 'prompt', title: 'EDYTUJ KWOTĘ AI', desc: 'Skoryguj kwotę zczytaną ze zdjęcia przez AI.', default: cur, callback: async (v) => {
                if(!v) return;
                const fd = new FormData(); fd.append('data', selDate); fd.append('id', id); fd.append('amount', v);
                await fetch('?action=edit_ai_amount', {method:'POST', body:fd}); 
                await load(); 
                renderReceipts();
            }});
        }

        async function handleUploadToId(inputElement, id) {
            const file = inputElement.files[0];
            if (!file) return;

            const fd = new FormData(); 
            fd.append('zdjecie', file); 
            fd.append('data', selDate); 
            fd.append('id', id);
            
            const label = inputElement.parentElement;
            const originalHTML = label.innerHTML;
            label.classList.add('opacity-50', 'pointer-events-none');
            label.innerHTML = '<span class="loader scale-50 mr-2 border-green-900 border-t-green-200"></span> PRZETWARZANIE...';

            try {
                const res = await (await fetch('?action=upload', { method: 'POST', body: fd })).json();
                if (res.ai_error) {
                    showDialog({type: 'alert', title: 'UWAGA AI', desc: 'Nie odczytano kwoty automatycznie ze zdjęcia. Edytuj ją za pomocą ołówka.'});
                }
                await load(); 
                renderReceipts();
            } catch (err) {
                showDialog({type: 'alert', title: 'BŁĄD', desc: 'Wystąpił problem z wgraniem pliku.'});
                label.innerHTML = originalHTML;
                label.classList.remove('opacity-50', 'pointer-events-none');
            }
        }

        function delR(id) {
            showDialog({ type: 'confirm', title: 'USUŃ ZGŁOSZENIE', desc: 'Czy na pewno chcesz usunąć to zgłoszenie (oraz przypiętą do niego fakturę)?', callback: async (res) => {
                if(!res) return;
                const fd = new FormData(); fd.append('data', selDate); fd.append('id', id);
                await fetch('?action=delete', {method:'POST', body:fd}); 
                await load(); renderReceipts();
            }});
        }

        function delFile(id) {
            showDialog({ type: 'confirm', title: 'USUŃ PARAGON', desc: 'Czy na pewno usunąć sam skan paragonu? Główna kwota pozostanie bez zmian.', callback: async (res) => {
                if(!res) return;
                const fd = new FormData(); fd.append('data', selDate); fd.append('id', id);
                await fetch('?action=delete_file', {method:'POST', body:fd}); 
                await load(); renderReceipts();
            }});
        }

        function showImg(s) { document.getElementById('fullImage').src = s; const m = document.getElementById('imageModal'); m.classList.remove('hidden'); m.classList.add('flex'); }
        function changeMonth(v) { curMonth += v; if (curMonth>11) {curMonth=0; curYear++;} if (curMonth<0) {curMonth=11; curYear--;} render(); }
        function toggleBottomMenu(e) { e.stopPropagation(); document.getElementById('bottomMenuDropdown').classList.toggle('active'); }
        function downloadMonthZip() { window.location.href = `?action=download_zip&year=${curYear}&month=${String(curMonth+1).padStart(2,'0')}`; }
        load();
    </script>
<?php endif; ?>
</body>
</html>