service

function solve() {
    const selectType = document.getElementById('type-product');
    const description = document.getElementById('description');
    const clientName = document.getElementById('client-name');
    const clientPhone = document.getElementById('client-phone');

    const receivedOrders = document.getElementById('received-orders');
    const completedOrders = document.getElementById('completed-orders');

    const btnSubmit = document.querySelector('form button:last-child');
    const btnClear = document.querySelector('.clear-btn');

    btnSubmit.addEventListener('click', (ev) => {
        ev.preventDefault();
        if (
            !description.value ||
            !clientName.value ||
            !clientPhone.value ||
            !selectType.value
        ) {
            return;
        }
        let divContainer = document.createElement('div');
        divContainer.className = 'container';

        let h2Type = document.createElement('h2');
        h2Type.textContent = 'Product type for repair: ' + selectType.value;
        divContainer.appendChild(h2Type);

        let h3ClientInfo = document.createElement('h3');
        h3ClientInfo.textContent =
            'Client information: ' +
            clientName.value +
            ', ' +
            clientPhone.value;
        divContainer.appendChild(h3ClientInfo);

        let h4ProblemDescr = document.createElement('h4');
        h4ProblemDescr.textContent =
            'Description of the problem: ' + description.value;
        divContainer.appendChild(h4ProblemDescr);

        let btnStart = document.createElement('button');
        btnStart.className = 'start-btn';
        btnStart.textContent = 'Start repair';
        divContainer.appendChild(btnStart);

        let btnFinish = document.createElement('button');
        btnFinish.className = 'finish-btn';
        btnFinish.textContent = 'Finish repair';
        btnFinish.setAttribute('disabled', true);
        divContainer.appendChild(btnFinish);

        receivedOrders.appendChild(divContainer);

        description.value = '';
        clientName.value = '';
        clientPhone.value = '';
        selectType.value = '';

        btnStart.addEventListener('click', (ev) => {
            ev.target.disabled = true;
            btnFinish.disabled = false;
        });

        btnFinish.addEventListener('click', (ev) => {
            completedOrders.appendChild(divContainer);
            divContainer.removeChild(btnFinish);
            divContainer.removeChild(btnStart);
        });
    });
    btnClear.addEventListener('click', (ev) => {
        Array.from(document.querySelectorAll('#completed-orders div')).forEach(
            (el) => completedOrders.removeChild(el)
        );
    });
}