{% extends 'FrontofficeAr/base.html.twig' %}
{% block activeCell %}main-menu-active{% endblock %}
{% block titre %}الجمعية العامة{% endblock %}
{% block body %}
<style>

        .yellowLine{
            height: 5px;
            background: gold;
            width: 60%;
            margin: 0% 20% 0% 20%;
            border-radius: 30px;
                    
        }

        .text{
            font-size:20px
        }

        .nomprenom{
            margin:2%;
            font-size:18px;
        }
 
       
        @media screen and (max-width: 600px) {

           
            .text{
                font-size:17px
            }
            .nomprenom{
                margin:2%;
                font-size:15px;
            }
        }

</style>

    <div class="actualites_title">
        <br/>
        <div class="text-center">
            <img src="{{ asset("/assets/Backoffice/images/logo-fcpm.png") }}" />
            <h4 class="title-page" style="color:white;">الجمعية العامة</h4>
        </div>
    </div>

    <div style='display:flex;justify-content: center;width:100%;margin:0%' class="row block_ac">
    <div style='margin-top:2%'>
        <div  id='sectionBureau'>

            <div class="row justify-content-center">
                <div class="col-md-7 text-center">
                    <h3 class="heading-92913 text-black text-center">جامعة غرف الصيد البحري - الجمعية العامة</h3>
                </div>
            </div>

            <div style='text-align:center;margin-top:0%'>
                <div class="panel-body text-sm" >
                    <img style='width:160px;height:160px' src="{{ asset("/assets/Backoffice/images/logoFCPM.png") }}" />
                </div>

                <h5 class='text-center text' style='width:100;color:black;font-family: Tajawal;'>
                    تتكون الجمعية العامة من 24 عضوا، 6 أعضاء عن كل غرفة يعينهم رئيس الغرفة من بين
                    أعضائها المنتخبين
                </h5>

                <div class="col-lg-12" style='direction: rtl;display:flex;flex-wrap: wrap;justify-content: space-around;font-family: Tajawal;text-align:right'>
                    <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;min-width: 330px;">
                        <div class="post-item text-center" style='width:100%;background:#106eea;'>
                            <div style='color:white;font-size:14px'><strong>غرفة الصيد البحري المتوسطية</strong></div>

                        </div>
                        <ul style='display: flex;flex-direction: column;margin:2%;padding-left: 0rem;padding-right: 2rem'>
                        {% for m in membreMed %}
                            <li class="col-md-6 nomprenom" > {{m.nomAr}}  {{m.prenomAr}}</li>
                        {% endfor %}    
                        </ul>

                    </div>

                    <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;min-width: 330px;">
                        <div class="post-item text-center" style='width:100%;background:#106eea;'>
                            <div style='color:white;font-size:14px'><strong>غرفة الصيد البحري الأطلسية الشمالية</strong></div>

                        </div>
                        <ul style='display: flex;flex-direction: column;margin:2%;padding-left: 0rem;padding-right: 2rem'>
                        {% for m in membreNord %}
                            <li class="col-md-6 nomprenom" > {{m.nomAr}}  {{m.prenomAr}}</li>
                        {% endfor %}    
                        </ul>

                    </div>
                </div>

                <div class="col-lg-12" style='direction: rtl;display:flex;flex-wrap: wrap;justify-content: space-around;font-family: Tajawal;text-align:right'>
                    <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;min-width: 330px;">
                        <div class="post-item text-center" style='width:100%;background:#106eea;'>
                            <div style='color:white;font-size:14px'><strong>غرفة الصيد البحري الأطلسية الوسطى</strong></div>

                        </div>
                        <ul style='display: flex;flex-direction: column;margin:2%;padding-left: 0rem;padding-right: 2rem'>
                        {% for m in membreCentre %}
                            <li class="col-md-6 nomprenom" > {{m.nomAr}}  {{m.prenomAr}}</li>
                        {% endfor %}    
                        </ul>
                    </div>

                    <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;min-width: 330px;">
                        <div class="post-item text-center" style='width:100%;background:#106eea;'>
                            <div style='color:white;font-size:14px'><strong>غرفة الصيد البحري الأطلسية الجنوبية</strong></div>

                        </div>
                        <ul style='display: flex;flex-direction: column;margin:2%;padding-left: 0rem;padding-right: 2rem'>
                        {% for m in membreSud %}
                            <li class="col-md-6 nomprenom" > {{m.nomAr}}  {{m.prenomAr}}</li>
                        {% endfor %}    
                        </ul>

                    </div>
                </div>


        </div>

        </div>
    <div>
    <div>    

{% endblock %}