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


{% block content %}
    <div class="container my-5">
        <!-- section about -->
        <div class="card shadow">
            {% comment %} <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                About
            </div> {% endcomment %}
            <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                সম্পর্কে
            </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">
            {% comment %} <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                School Information
            </div> {% endcomment %}
            <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                স্কুল তথ্য
            </div>
            <div class="card-body" style="background-color: #f8fafd;">
                <table class="table table-bordered" style="background-color: #f8fafd !important;">
                    <tbody>
                        <tr>
                            {% comment %} <td>School Eiin</td> {% endcomment %}
                            <td>স্কুল ইআইআইএন</td>
                            <td>{{ school_context.eiin }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>School Name</td> {% endcomment %}
                            <td>স্কুলের নাম</td>
                            <td>{{ school_context.name }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Address</td> {% endcomment %}
                            <td>ঠিকানা</td>
                            <td>{{ school_context.address }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Phone</td> {% endcomment %}
                            <td>ফোন</td>
                            <td>{{ school_context.contact_no }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Email</td> {% endcomment %}
                            <td>ইমেইল</td>
                            <td>{{ school_context.email }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Website</td> {% endcomment %}
                            <td>ওয়েবসাইট</td>
                            <td>{{ school_context.website }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>School type</td> {% endcomment %}
                            <td>স্কুলের ধরন</td>
                            <td>{{ school_context.school_type }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Shifts</td> {% endcomment %}
                            <td>মোট শিফট</td>
                            <td>{{ school_context.total_shift }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Shifts</td> {% endcomment %}
                            <td>শিফট</td>
                            <td>{{ school_context.shifts }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Students</td> {% endcomment %}
                            <td>মোট শিক্ষার্থী</td>
                            <td>{{ school_context.total_student }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Teachers</td> {% endcomment %}
                            <td>মোট শিক্ষক</td>
                            <td>{{ school_context.total_teacher }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Staffs</td> {% endcomment %}
                            <td>মোট স্টাফ</td>
                            <td>{{ school_context.total_staff }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Buildings</td> {% endcomment %}
                            <td>মোট ভবন</td>
                            <td>{{ school_context.total_building }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Classrooms</td> {% endcomment %}
                            <td>মোট শ্রেণীকক্ষ</td>
                            <td>{{ school_context.total_classroom }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Labs</td> {% endcomment %}
                            <td>মোট ল্যাব</td>
                            <td>{{ school_context.total_lab }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Computer Labs</td> {% endcomment %}
                            <td>মোট কম্পিউটার ল্যাব</td>
                            <td>{{ school_context.total_computer_lab }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Libraries</td> {% endcomment %}
                            <td>মোট লাইব্রেরি</td>
                            <td>{{ school_context.total_library }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Playgrounds</td> {% endcomment %}
                            <td>মোট খেলার মাঠ</td>
                            <td>{{ school_context.total_playground }}</td>
                        </tr>
                        <tr>
                            {% comment %} <td>Total Auditoriums</td> {% endcomment %}
                            <td>মোট অডিটোরিয়াম</td>
                            <td>{{ school_context.total_auditorium }}</td>
                        </tr>

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

        <!-- section headmaster -->
        <div class="card shadow mt-5">
            {% comment %} <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                Headmaster's Speech
            </div> {% endcomment %}
            <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                প্রধান শিক্ষকের বক্তব্য
            </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">
                {% comment %} <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                    President
                </div> {% endcomment %}
                <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                    সভাপতি
                </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">
                {% comment %} <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                    Founder
                </div> {% endcomment %}
                <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon">
                    প্রতিষ্ঠাতা
                </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 %}