/* OPIS
            Obiekty ...
*/
        const spisOfert=document.querySelector('#spisofert');

        const polemarka=document.querySelector('#marka');
        const polemodel=document.querySelector('#model');
        const polecena=document.querySelector('#cena');
        const polespalanie=document.querySelector('#spalanie');
        const polerocznik=document.querySelector('#rocznik');

        const zmien=document.querySelector('#zmien');
        const dodajpolerocznik=document.querySelector('#dodaj');

        const elementyformularza=document.querySelectorAll('.elementformularza');

        let pb95=4;

        function Oferta (marka, model, cena, spalanie, rocznik) {
            this.marka = marka;
            this.model = model;
            this.cena = cena;
            this.spalanie = spalanie;
            this.rocznik = rocznik;
            this.koszt100km = function() {
                let koszt = this.spalanie * pb95;
                return koszt;
            };
            this.wiekSamochodu = function() {
                let data=new Date()
                let wiek=Number(data.getFullYear())-this.rocznik;
                if(wiek==1) { wiek=wiek+' rok'; }
                else if (wiek>1 && wiek <5) { wiek=wiek+' lata'; }
                else { wiek=wiek+' lat'; }
                return wiek;
            }

        }

        // Deklaracja obiektu Komis i pierwszych 3 ofert

        const Komis = {
            Oferta1: new Oferta("Kia","Carens",60000,8,2016),
            Oferta2: new Oferta("Fiat","Tipo",61000,7,2019),
            Oferta3: new Oferta("Ford","Focus",10000,7,2018)
        }   
        
        // Dodanie kolejnych ofert - wykorzystanie funkcji dodajOferte()

        dodajOferte("Suzuki","Vitara",80500,9,2019);
        dodajOferte("Skoda","Octavia",51500,10,2018);
        dodajOferte("Honda","Civic",41500,7,2018);

        // - P O D S T A W O W E    F U N K C J E -
        // - dodajOferte(), usunOferte(), zmienOferte()
        // - wypiszWszystkieOferty(), wypiszOferte

        function wypiszWszystkieOferty(){
            let listaOfert='';
            for(idOferty of Object.keys(Komis))
            {
                listaOfert+=wypiszOferte(idOferty);
            }
            return listaOfert;
        }

        function wypiszOferte(idOferty)
		{
            let opisOferty='<div class="oferta">';
            opisOferty+='<span class="marka">'+Komis[idOferty].marka+'</span>';
            opisOferty+='<span class="model">'+Komis[idOferty].model+'</span>';
            opisOferty+='<span class="cena"> Cena: '+Komis[idOferty].cena+' zł</span>';
            opisOferty+='<span class="koszt">Koszt 100 km to: '+Komis[idOferty].koszt100km()+' zł </span>';
            opisOferty+='<span class="wiek">Wiek pojazdu: '+Komis[idOferty].wiekSamochodu()+'</span>';
            opisOferty+='<span data-idoferty="'+idOferty+'" class="usun">Usuń</span>';
            opisOferty+='<span data-idoferty="'+idOferty+'" class="edycja">Edycja</span>';
            opisOferty+='</div>';
            return opisOferty;
        }

        function dodajOferte(marka, model, cena, spalanie, rocznik) 
        {
            let iloscOfert=Object.keys(Komis).length;
            let ostatniIndex=(Object.keys(Komis)[iloscOfert-1]);
            let ostatniNumer=Number(ostatniIndex.substr(6));
            let kluczNowy='oferta'+(ostatniNumer+1);
            Komis[kluczNowy] = new Oferta(marka, model, cena, spalanie, rocznik) 
        }

        function usunOferte(idOferty) 
        {
            delete Komis[idOferty];
        }

        function zmienOferte(idOferty, marka, model, cena, spalanie, rocznik) 
        {
            Komis[idOferty].marka = marka;
            Komis[idOferty].model = model;
            Komis[idOferty].cena = cena;
            Komis[idOferty].spalanie = spalanie;
            Komis[idOferty].rocznik = rocznik;
        }

        // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        // - - - - K O N I E C     P O D S T A W O W Y C H     F U N K C J I - - -




        // wypisywanie ofert
        spisOfert.innerHTML=wypiszWszystkieOferty();







 
        // - - - - - - D O D A T K O W E F U N K C J E - - - - - - - - - - - - - - 
        // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        
        
        // - - - - - - O B S Ł U G A   U S U W A N I A - - - - - - - - - - - - - -
        // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -         
        
        // - "linki", które uruchamiają proces usuwania obiektu - - - - - - - - - 
        function dodajUsuwanie() {
            const linkiUsun=document.querySelectorAll('.usun');
            for(const linkUsun of linkiUsun)
            {
                linkUsun.addEventListener("click",function(){
                    usunOferte(this.dataset.idoferty);
                    odswierzWidok();
                })
            }
        }

        dodajUsuwanie();
        // - - - - - - - - - - - - - - - - - - - - - - - -

        // - - - - - - - - - - - - - - - - - - - - - - - -
        // - - - - - - O B S Ł U G A   E D Y C J I
        
        // - "linki", które uruchamiają proces edycji obiektu - - - - - - - - - 
        function dodajEdycje() {
            const linkiEdycja=document.querySelectorAll('.edycja');
            for(const linkEdycja of linkiEdycja)
            {
                linkEdycja.addEventListener("click",function(){
                    przepiszDane(this.dataset.idoferty);
                    zmien.setAttribute("data-idoferty",this.dataset.idoferty);
                })
            }
        }




        // po wybraniu elementu do edycji, musi nastąpić przepisanie 
        // danych z wybranego obiektu do pól formularza
        function przepiszDane(idOferty){
            for(element of elementyformularza) {
                element.value=Komis[idOferty][element.id];
            }
        }





        // po zmianie danych i naciśnięciu przycisku [Zmień]
        // następuje wywołanie funkcji zmienOferte z argumentami
        // równym wartością pól w formularzu        
        zmien.addEventListener("click",function(){
            zmienOferte(this.dataset.idoferty, polemarka.value, polemodel.value, polecena.value, 
            polespalanie.value, polerocznik.value)
            wyczyscDaneFormularza();
            odswierzWidok();
        })

        // po zmianie danych, należy wyczyścić formularz
        function wyczyscDaneFormularza(){
            for(element of elementyformularza) {
                element.value='';
            }
        }

        dodajEdycje();
        // - - - - - - - - - - - - - - - - - - - - - - - -

        // - - - - - - - - - - - - - - - - - - - - - - - -
        // - - - - - - O B S Ł U G A   D O D A W A N I A
        
        // kliknięcie na przycisk [Dodaj dane] uruchamia funkcję 
        // dodajOferte() - argumentami są wartości pól w formularzu
        function dodajDodawanie(){
            dodaj.addEventListener("click",function(){
                dodajOferte(polemarka.value, polemodel.value, polecena.value, polespalanie.value, polerocznik.value)
                wyczyscDaneFormularza();
                odswierzWidok();
            })
        }

        dodajDodawanie();
        // - - - - - - - - - - - - - - - - - - - - - - - -




        // - - - - - - - - - - - - - - - - - - - - - - - -
        // - - - - - - - F U N K C J E    W S P Ó L N E
        
        // funkcja odswierzWidok(), wpisuje dane z obiektów do div-a, 
        // dodaje aktywność Edycji i Usuwania
        function odswierzWidok() {
            spisOfert.innerHTML=wypiszWszystkieOferty();
            dodajEdycje();
            dodajUsuwanie(); 
        }

        // - - - - - - - - - - - - - - - - - - - - - - - -