{% extends 'base.html' %}

{% load static %}

{% block content %}


<div class="big-container">

    <div class="background">
        <img class="background-photo" src="{% static 'imgs/medical-care.jpg' %}">
        
    </div>

    <div class="big-text">Zalecenia przed i pozabiegowe</div>
    <div class="undertitle">Jak przygotować się do wizyty?</div>


    <div class="imposed-container">
        <div class="imposed-container-content">
            <p class="imposed-container-header">Przed zabiegem należy:</p>
            <div class="recommendation-list-container">
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/accept.png' %}"></div>
                    <div class="recommendation-text">Pić wodę po makaronie.</div>
                </div>
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/accept.png' %}"></div>
                    <div class="recommendation-text">Zwracać uwagę na dietę; spożywać dużo kalafiora i rodzynek.</div>
                </div>
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/accept.png' %}"></div>
                    <div class="recommendation-text">Chodzić boso co najmniej dwie godziny dziennie.</div>
                </div>
            </div>
        </div>
        <div class="imposed-container-content">
            <p class="imposed-container-header">Przed zabiegem nie należy:</p>
            <div class="recommendation-list-container">
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/delete.png' %}"></div>
                    <div class="recommendation-text">Jeździć na sankach.</div>
                </div>
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/delete.png' %}"></div>
                    <div class="recommendation-text">Czytać książek o tematyce geopolitycznej i zbliżonej.</div>
                </div>
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/delete.png' %}"></div>
                    <div class="recommendation-text">Gotować dużej ilości kaszy.</div>
                </div>
            </div>
            <div class="comparison-grid-container">
                <div class="patient-image"><img src="{% static 'imgs/happy-patient.jpg' %}"></div>
                <div class="patient-image"><img src="{% static 'imgs/sad-patient.jpg' %}"></div>
                <div>Pacjent słuchający się zaleceń</div>
                <div>Pacjent ignorujący zalecenia</div>
            </div>
        </div>
        <div class="separator"></div>
        <div class="imposed-container-content">
            <div class="imposed-container-text">Mimo, że wykonuję wiele zabiegów, to zalecenia do nich są co do zasady bardzo podobne lub identyczne. Dlatego powstał ten uniwersalny poradnik "Dekalog pacjenta" aby ułatwić przygotowanie się do wizyty i pomóc maksymalnie skrócić czas gojenia. Zapraszam do przeczytania drugiej część poradnika: </div>



        </div>

        <div class="imposed-container-content">
            <p class="imposed-container-header">Po zabiegu należy:</p>
            <div class="recommendation-list-container">
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/accept.png' %}"></div>
                    <div class="recommendation-text">Unikać kontaktu rany z substancjami żrącymi.</div>
                </div>
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/accept.png' %}"></div>
                    <div class="recommendation-text">Zmieniać opatrunek kiedy zaczyna śmierdzieć, a skóra wokół gnić.</div>
                </div>
            </div>
        </div>
        <div class="imposed-container-content">
            <p class="imposed-container-header">Po zabiegu nie należy:</p>
            <div class="recommendation-list-container">
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/delete.png' %}"></div>
                    <div class="recommendation-text">Prowadzić samochodu z manualną szkrzynią biegu.</div>
                </div>
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/delete.png' %}"></div>
                    <div class="recommendation-text">Brać udziału w politycznych dyskusjach.</div>
                </div>
                <div class="recommendation-list-element">
                    <div class="recommendation-icon"><img src="{% static 'imgs/delete.png' %}"></div>
                    <div class="recommendation-text">Robić zakupów w mało popularnych dyskontach, takich jak Netto, Aldi.</div>
                </div>
            </div>
        </div>
    </div>




</div>
{% endblock %}