<?php
require_once "config.php";
require_once "auth.php";
requireLogin();

include "header.php";
?>

<div class="container mt-4 mb-5">
    <div class="row">
        <div class="col-12">
            <h1 class="mb-4">
                <i class="bi bi-question-circle me-2"></i>
                Pomoć
            </h1>
        </div>
    </div>

    <?php if (isAdmin()): ?>
    <!-- ADMIN SADRŽAJ -->
    <div class="row">
        <div class="col-lg-8">
            <div class="card mb-4">
                <div class="card-header bg-dark text-white">
                    <h5 class="mb-0"><i class="bi bi-info-circle me-2"></i>Osnovne Funkcionalnosti</h5>
                </div>
                <div class="card-body">
                    <h6 class="text-primary mt-3"><i class="bi bi-plus-circle me-2"></i>Kreiranje Vožnje</h6>
                    <p>Kliknite na dugme <strong>"Nova vožnja"</strong> u glavnom meniju. Popunite sva obavezna polja (datum, vreme, adrese, klijent, vozilo, naručilac). Možete dodeliti vozača odmah - vožnja će automatski dobiti status "Predstoji". Ako ne dodelite vozača, status će biti određen prema podešavanjima.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-pencil-square me-2"></i>Izmena Vožnje</h6>
                    <p>Kliknite na ikonicu <i class="bi bi-pencil-square"></i> pored vožnje. Možete menjati sve podatke. Kada dodelite vozača vožnji sa statusom "Nerasporedjeno" ili "Na čekanju", status se automatski menja u "Predstoji". Kada uklonite vozača sa vožnje "Predstoji", status se vraća na "Nerasporedjeno".</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-check-circle me-2"></i>Odobravanje Vožnji</h6>
                    <p>Idite na <strong>"Vožnje na čekanju"</strong> u meniju. Pregledajte detalje vožnje i kliknite <strong>"Prihvati"</strong> ili <strong>"Odbij"</strong>. Prihvaćene vožnje dobijaju status "Nerasporedjeno" i čekaju dodelu vozača. Komitent dobija email obaveštenje.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-person-badge me-2"></i>Dodela Vozača</h6>
                    <p>Otvorite vožnju sa statusom "Nerasporedjeno" ili "Na čekanju" i izaberite vozača iz padajuće liste. Status se automatski menja u "Predstoji". Vozač dobija dnevno obaveštenje o vožnjama za sutra u 18:00.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-bar-chart me-2"></i>Statistika i Izveštaji</h6>
                    <p>Idite na <strong>"Izveštaji"</strong> za pregled statistike po komitentima i vozačima. Možete filtrirati po datumu i eksportovati podatke u CSV format. Grafikoni prikazuju broj vožnji po danu u odabranom periodu.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-gear me-2"></i>Podešavanja</h6>
                    <p>U sekciji <strong>"Podešavanja"</strong> možete kontrolisati email obaveštenja, broj stavki po stranici, kompaktan prikaz tabele i podrazumevani status nove vožnje.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-search me-2"></i>Pretraga i Filtriranje</h6>
                    <p>Koristite polje za pretragu da pronađete vožnje po bilo kom kriterijumu (broj leta, vozač, klijent, adresa). Sortirajte po kolonama klikom na zaglavlje tabele. Filtrirajte po statusu, datumu i drugim kriterijumima.</p>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header bg-dark text-white">
                    <h5 class="mb-0"><i class="bi bi-question-diamond me-2"></i>Često Postavljana Pitanja (FAQ)</h5>
                </div>
                <div class="card-body">
                    <div class="accordion" id="faqAccordion">
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                    Kako da promenim status vožnje?
                                </button>
                            </h2>
                            <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    Status možete promeniti direktno iz tabele vožnji kroz padajuću listu u koloni "Status". Dostupni statusi su: Završeno, Predstoji, Nerasporedjeno i Arhivirano. Status "Na čekanju" i "Odbijeno" se postavljaju samo kroz odobravanje vožnji.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                    Šta se dešava kada komitent izmeni odobrenu vožnju?
                                </button>
                            </h2>
                            <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    Ako komitent izmeni vožnju koja je već odobrena (status "Nerasporedjeno", "Predstoji" ili "Završeno"), status se automatski vraća na "Na čekanju" i dobijate email obaveštenje da je vožnja izmenjena i zahteva ponovno odobrenje.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                    Kako funkcionišu email obaveštenja?
                                </button>
                            </h2>
                            <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    Email obaveštenja možete kontrolisati u sekciji "Podešavanja". Možete uključiti/isključiti globalno sva obaveštenja ili pojedinačno svaki tip obaveštenja. Vozači dobijaju dnevno obaveštenje u 18:00 o vožnjama za sutra (ako je uključeno).
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
                                    Kako da eksportujem podatke?
                                </button>
                            </h2>
                            <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    Na stranici sa listom vožnji kliknite na dugme <strong>"Export"</strong> sa ikonicom <i class="bi bi-download"></i>. Podaci će biti eksportovani u CSV format sa svim trenutno prikazanim vožnjama (uzimajući u obzir filtriranje i pretragu).
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq5">
                                    Šta znače različiti statusi vožnje?
                                </button>
                            </h2>
                            <div id="faq5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <strong>Na čekanju</strong> - Vožnja čeka na odobrenje<br>
                                    <strong>Nerasporedjeno</strong> - Odobrena, nema dodeljenog vozača<br>
                                    <strong>Predstoji</strong> - Ima dodeljenog vozača, predstoji<br>
                                    <strong>Završeno</strong> - Vožnja je završena<br>
                                    <strong>Arhivirano</strong> - Arhivirana vožnja<br>
                                    <strong>Odbijeno</strong> - Odbijena od strane administratora<br>
                                    <strong>Obrisano</strong> - Obrisana vožnja (vidljiva samo administratoru)
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq6">
                                    Kako da koristim Google Places autocomplete za adrese?
                                </button>
                            </h2>
                            <div id="faq6" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    Kada kucate u polja "Polazna adresa" ili "Dolazna adresa", automatski će se pojaviti predlozi adresa u Srbiji. Samo nastavite da kucate i izaberite željenu adresu iz liste. Sistem pretražuje i ulice i institucije.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="bi bi-lightbulb me-2"></i>Brzi Saveti</h5>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled">
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Kompaktan prikaz:</strong> Uključite u podešavanjima za više vožnji na ekranu
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Pretraga:</strong> Možete pretraživati i po broju leta
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Paginacija:</strong> Broj stavki po stranici možete podesiti u podešavanjima
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Prilozi:</strong> Možete uploadovati PDF, Word, Excel i slike (maks 10MB)
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Praćenje letova:</strong> Ako unesete broj leta, automatski se generišu linkovi za FlightRadar24 i FlightStats
                        </li>
                    </ul>
                </div>
            </div>

            <div class="card">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="bi bi-envelope me-2"></i>Kontakt</h5>
                </div>
                <div class="card-body">
                    <p>Ako imate dodatna pitanja ili problema, kontaktirajte podršku.</p>
                    <p class="mb-0"><i class="bi bi-envelope me-2"></i><strong>Email:</strong> support@royaltransport.com</p>
                </div>
            </div>
        </div>
    </div>

    <?php else: ?>
    <!-- KOMITENT SADRŽAJ -->
    <div class="row">
        <div class="col-lg-8">
            <div class="card mb-4">
                <div class="card-header bg-dark text-white">
                    <h5 class="mb-0"><i class="bi bi-info-circle me-2"></i>Kako da Koristite Sistem</h5>
                </div>
                <div class="card-body">
                    <h6 class="text-primary mt-3"><i class="bi bi-plus-circle me-2"></i>Kreiranje Nove Vožnje</h6>
                    <p>Kliknite na dugme <strong>"Nova vožnja"</strong> i popunite sva obavezna polja. Vaša vožnja će automatski dobiti status "Na čekanju" i administrator će dobiti obaveštenje. Cenu unosi administrator nakon odobrenja.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-pencil-square me-2"></i>Izmena Vožnje</h6>
                    <p>Možete menjati vožnje koje su na čekanju ili odbijene. Ako izmenite već odobrenu vožnju, status će se vratiti na "Na čekanju" i administrator će dobiti obaveštenje za ponovno odobrenje.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-eye me-2"></i>Pregled Vožnji</h6>
                    <p>Na glavnoj stranici vidite sve vaše vožnje. Možete ih pretraživati, sortirati i filtrirati. Kliknite na ikonicu <i class="bi bi-eye"></i> za detaljan pregled vožnje.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-bar-chart me-2"></i>Statistika</h6>
                    <p>U sekciji "Statistika" možete videti mesečnu statistiku vaših vožnji sa ukupnom cenom za izabrani mesec.</p>

                    <h6 class="text-primary mt-4"><i class="bi bi-search me-2"></i>Pretraga</h6>
                    <p>Koristite polje za pretragu da pronađete vožnje po bilo kom kriterijumu - broj leta, klijent, adresa, itd.</p>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header bg-dark text-white">
                    <h5 class="mb-0"><i class="bi bi-question-diamond me-2"></i>Često Postavljana Pitanja (FAQ)</h5>
                </div>
                <div class="card-body">
                    <div class="accordion" id="faqAccordionKomitent">
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqK1">
                                    Šta se dešava nakon što kreiram vožnju?
                                </button>
                            </h2>
                            <div id="faqK1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordionKomitent">
                                <div class="accordion-body">
                                    Vaša vožnja dobija status "Na čekanju" i administrator dobija email obaveštenje. Administrator će pregledati vožnju i odobriti je ili odbiti. Dobićete email obaveštenje o odluci.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqK2">
                                    Mogu li da izmenim već odobrenu vožnju?
                                </button>
                            </h2>
                            <div id="faqK2" class="accordion-collapse collapse" data-bs-parent="#faqAccordionKomitent">
                                <div class="accordion-body">
                                    Da, možete izmeniti već odobrenu vožnju. Međutim, status će se automatski vratiti na "Na čekanju" i administrator će dobiti obaveštenje da je vožnja izmenjena i zahteva ponovno odobrenje.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqK3">
                                    Kada mogu da obrišem vožnju?
                                </button>
                            </h2>
                            <div id="faqK3" class="accordion-collapse collapse" data-bs-parent="#faqAccordionKomitent">
                                <div class="accordion-body">
                                    Možete obrisati samo vožnje koje su na čekanju (status "Na čekanju"). Vožnje koje su već odobrene ne možete obrisati - kontaktirajte administratora ako je potrebno.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqK4">
                                    Šta znače različiti statusi?
                                </button>
                            </h2>
                            <div id="faqK4" class="accordion-collapse collapse" data-bs-parent="#faqAccordionKomitent">
                                <div class="accordion-body">
                                    <strong>Na čekanju</strong> - Vožnja čeka na odobrenje administratora<br>
                                    <strong>Nerasporedjeno</strong> - Vožnja je odobrena, čeka dodelu vozača<br>
                                    <strong>Predstoji</strong> - Vožnja ima dodeljenog vozača<br>
                                    <strong>Završeno</strong> - Vožnja je završena<br>
                                    <strong>Odbijeno</strong> - Vožnja je odbijena od strane administratora
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqK5">
                                    Kako da koristim autocomplete za adrese?
                                </button>
                            </h2>
                            <div id="faqK5" class="accordion-collapse collapse" data-bs-parent="#faqAccordionKomitent">
                                <div class="accordion-body">
                                    Kada kucate u polja za adresu, automatski će se pojaviti predlozi adresa u Srbiji. Samo nastavite da kucate i izaberite željenu adresu iz liste. Sistem pretražuje i ulice i institucije.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqK6">
                                    Da li mogu da vidim cenu vožnje?
                                </button>
                            </h2>
                            <div id="faqK6" class="accordion-collapse collapse" data-bs-parent="#faqAccordionKomitent">
                                <div class="accordion-body">
                                    Cenu unosi administrator nakon odobrenja vožnje. Možete videti cenu u detaljnom pregledu vožnje ako je administrator već uneo cenu.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="bi bi-lightbulb me-2"></i>Brzi Saveti</h5>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled">
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Obavezna polja:</strong> Datum, vreme, adrese, klijent, vozilo i naručilac
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Broj leta:</strong> Opciono, ali ako unesete, automatski se generišu linkovi za praćenje leta
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Email obaveštenja:</strong> Dobijate obaveštenja kada administrator odobri ili odbije vašu vožnju
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Izmena:</strong> Možete menjati vožnje na čekanju ili odbijene bez problema
                        </li>
                        <li class="mb-3">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>
                            <strong>Pretraga:</strong> Možete pretraživati po bilo kom kriterijumu - broj leta, klijent, adresa
                        </li>
                    </ul>
                </div>
            </div>

            <div class="card">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="bi bi-envelope me-2"></i>Kontakt</h5>
                </div>
                <div class="card-body">
                    <p>Ako imate dodatna pitanja ili problema, kontaktirajte administratora.</p>
                    <p class="mb-0"><i class="bi bi-envelope me-2"></i><strong>Email:</strong> support@royaltransport.com</p>
                </div>
            </div>
        </div>
    </div>
    <?php endif; ?>
</div>

<?php include "footer.php"; ?>
