{% extends 'school_management_main/base.html' %}
{% load static %}


{% block content %}
    <div class="container my-5">
        <!-- section about -->
        <div class="card shadow">
            <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                About
            </div>
            <div class="card-body" style="background-color: #f8fafd;">
                <blockquote class="blockquote mb-0">
                    <p>{{ school_context.about|safe }}</p>
                    <!-- <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> -->
                </blockquote>
            </div>
        </div>

        <!-- school information -->
        <div class="card shadow my-5">
            <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                School Information
            </div>
            <div class="card-body" style="background-color: #f8fafd;">
                <table class="table table-bordered" style="background-color: #f8fafd !important;">
                    <tbody>
                        <tr>
                            <td>School Eiin</td>
                            <td>{{ school_context.eiin }}</td>
                        </tr>
                        <tr>
                            <td>School Name</td>
                            <td>{{ school_context.name }}</td>
                        </tr>
                        <tr>
                            <td>Address</td>
                            <td>{{ school_context.address }}</td>
                        </tr>
                        <tr>
                            <td>Phone</td>
                            <td>{{ school_context.contact_no }}</td>
                        </tr>
                        <tr>
                            <td>Email</td>
                            <td>{{ school_context.email }}</td>
                        </tr>
                        <tr>
                            <td>Website</td>
                            <td>{{ school_context.website }}</td>
                        </tr>
                        <tr>
                            <td>School type</td>
                            <td>{{ school_context.school_type }}</td>
                        </tr>
                        <tr>
                            <td>Total Shifts</td>
                            <td>{{ school_context.total_shift }}</td>
                        </tr>
                        <tr>
                            <td>Shifts</td>
                            <td>{{ school_context.shifts }}</td>
                        </tr>
                        <tr>
                            <td>Total Students</td>
                            <td>{{ school_context.total_student }}</td>
                        </tr>
                        <tr>
                            <td>Total Teachers</td>
                            <td>{{ school_context.total_teacher }}</td>
                        </tr>
                        <tr>
                            <td>Total Staffs</td>
                            <td>{{ school_context.total_staff }}</td>
                        </tr>
                        <tr>
                            <td>Total Buildings</td>
                            <td>{{ school_context.total_building }}</td>
                        </tr>
                        <tr>
                            <td>Total Classrooms</td>
                            <td>{{ school_context.total_classroom }}</td>
                        </tr>
                        <tr>
                            <td>Total Labs</td>
                            <td>{{ school_context.total_lab }}</td>
                        </tr>
                        <tr>
                            <td>Total Computer Labs</td>
                            <td>{{ school_context.total_computer_lab }}</td>
                        </tr>
                        <tr>
                            <td>Total Libraries</td>
                            <td>{{ school_context.total_library }}</td>
                        </tr>
                        <tr>
                            <td>Total Playgrounds</td>
                            <td>{{ school_context.total_playground }}</td>
                        </tr>
                        <tr>
                            <td>Total Auditoriums</td>
                            <td>{{ school_context.total_auditorium }}</td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </div>

        <!-- section headmaster -->
        <div class="card shadow mt-5">
            <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                Headmaster's Speech
            </div>
            <div class="card-body" style="background-color: #f8fafd;">
                <blockquote class="blockquote mb-0">
                    <div class="w-100 d-flex justify-content-center">
                        {% if headmaster.photo %}
                            <img src="{{ headmaster.photo.url }}" alt="" height="230" class="rounded shadow">
                        {% endif %}
                    </div>
                    <p class="text-center fw-bold my-2">{{ headmaster.name }}</p>
                    <p>{{ headmaster.headmasters_speech|safe }}</p>
                    <!-- <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> -->
                </blockquote>
            </div>
        </div>

        <!-- section president -->
        {% if president %}
            <div class="card shadow mt-5">
                <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                    President
                </div>
                <div class="card-body" style="background-color: #f8fafd;">
                    <blockquote class="blockquote mb-0">
                        <div class="w-100 d-flex justify-content-center">
                            {% if president.photo %}
                                <img src="{{ president.photo.url }}" alt="" height="230" class="rounded shadow">
                            {% endif %}
                        </div>
                        <p class="text-center fw-bold my-2">{{ president.name }}</p>
                        <p>{{ president.about|safe }}</p>
                        <!-- <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> -->
                    </blockquote>
                </div>
            </div>
        {% endif %}

        <!-- section founder -->
        {% if founder %}
            <div class="card shadow mt-5">
                <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                    Founder
                </div>
                <div class="card-body" style="background-color: #f8fafd;">
                    <blockquote class="blockquote mb-0">
                        <div class="w-100 d-flex justify-content-center">
                            {% if founder.photo %}
                                <img src="{{ founder.photo.url }}" alt="" height="230" class="rounded shadow">
                            {% endif %}
                        </div>
                        <p class="text-center fw-bold my-2">{{ founder.name }}</p>
                        <p>{{ founder.about|safe }}</p>
                        <!-- <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> -->
                    </blockquote>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock content %}