<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>

    <title>!Saied</title>

</head>
<body>
    <div style="display: none;" id="EventManger" class="container">
        <div class="header">
            <h1>ادارة الفعاليات</h1>
        </div>
        <div class="content">
            <div class="section active" id="participants">
                <div class="card">
                    <div class="stat">
                        <span>التحكم بالفعاليات :</span>
                    </div>
                    <button class="button" id="createEvent">
                        <div class="icon-wrapper">
                            <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
                        </div>
                        إنشاء فعالية جديدة
                    </button>
                    <button class="button" id="eventcancel">
                        <div class="icon-wrapper">
                            <svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
                        </div>
                        انهاء الفعاليه
                    </button>
                    <button class="button" id="setWinners">
                        <div class="icon-wrapper">
                            <svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z"/></svg>
                        </div>
                         اعلان عن الفائزين
                    </button>
                    <button id="setSafeZone" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" width="800px" height="800px" viewBox="0 0 35 32" enable-background="new 0 0 35 32" xml:space="preserve">
                                <g>
                                    <path fill="#FFFFFF" d="M21.799,2.954C20.694,1.05,19.19,0,17.564,0c-1.626,0-3.131,1.05-4.236,2.954L1.059,24.087   c-1.12,1.947-1.24,3.969-0.33,5.546c0.866,1.5,2.565,2.363,4.664,2.367h24.341c0,0,0,0,0.001,0   c2.102-0.004,3.804-0.864,4.667-2.361c0.905-1.567,0.783-3.581-0.335-5.525L21.799,2.954z M33.537,29.139   c-0.681,1.18-2.067,1.858-3.804,1.861H5.394c-1.731-0.003-3.115-0.684-3.799-1.867c-0.727-1.26-0.606-2.917,0.33-4.546   L14.193,3.456C15.112,1.872,16.309,1,17.564,1c1.255,0,2.452,0.872,3.37,2.456l12.268,21.157   C34.137,26.239,34.259,27.889,33.537,29.139z"/>
                                    <path fill="#FFFFFF" d="M17.564,20c0.276,0,0.5-0.224,0.5-0.5v-10c0-0.276-0.224-0.5-0.5-0.5s-0.5,0.224-0.5,0.5v10   C17.064,19.776,17.288,20,17.564,20z"/>
                                    <path fill="#FFFFFF" d="M17.5,22.5c-1.103,0-2,0.897-2,2s0.897,2,2,2s2-0.897,2-2S18.603,22.5,17.5,22.5z M17.5,25.5   c-0.551,0-1-0.448-1-1s0.449-1,1-1s1,0.448,1,1S18.051,25.5,17.5,25.5z"/>
                                </g>
                                </svg>
                                
                        </div>
                           وضع منطقة امنه
                    </button>

                    <button id="removeSafeZone" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" width="800px" height="800px" viewBox="0 0 35 32" enable-background="new 0 0 35 32" xml:space="preserve">
                                <g>
                                    <path fill="#FFFFFF" d="M21.799,2.954C20.694,1.05,19.19,0,17.564,0c-1.626,0-3.131,1.05-4.236,2.954L1.059,24.087   c-1.12,1.947-1.24,3.969-0.33,5.546c0.866,1.5,2.565,2.363,4.664,2.367h24.341c0,0,0,0,0.001,0   c2.102-0.004,3.804-0.864,4.667-2.361c0.905-1.567,0.783-3.581-0.335-5.525L21.799,2.954z M33.537,29.139   c-0.681,1.18-2.067,1.858-3.804,1.861H5.394c-1.731-0.003-3.115-0.684-3.799-1.867c-0.727-1.26-0.606-2.917,0.33-4.546   L14.193,3.456C15.112,1.872,16.309,1,17.564,1c1.255,0,2.452,0.872,3.37,2.456l12.268,21.157   C34.137,26.239,34.259,27.889,33.537,29.139z"/>
                                    <path fill="#FFFFFF" d="M17.564,20c0.276,0,0.5-0.224,0.5-0.5v-10c0-0.276-0.224-0.5-0.5-0.5s-0.5,0.224-0.5,0.5v10   C17.064,19.776,17.288,20,17.564,20z"/>
                                    <path fill="#FFFFFF" d="M17.5,22.5c-1.103,0-2,0.897-2,2s0.897,2,2,2s2-0.897,2-2S18.603,22.5,17.5,22.5z M17.5,25.5   c-0.551,0-1-0.448-1-1s0.449-1,1-1s1,0.448,1,1S18.051,25.5,17.5,25.5z"/>
                                    <line x1="2" y1="2" x2="33" y2="30" stroke="#FFFFFF" stroke-width="2"/>
                                    <line x1="33" y1="2" x2="2" y2="30" stroke="#FFFFFF" stroke-width="2"/>
                                </g>
                                </svg>
                                
                        </div>
                        ازالة منطقة الامنة
                    </button>

                </div>
            </div>

            <div class="section" id="events">
                <div class="card">
                    <div class="stat">
                        <span>التحكم بالمشاركين</span>
                        
                    </div>
                    <button id="giveFoodAndDrink" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="800px" width="800px" version="1.1" id="Layer_1" viewBox="0 0 501.995 501.995" xml:space="preserve">
                                <g>
                                    <path style="fill:#FFFFFF;" d="M146.893,389.465c27.783,8.231,56.941,10.77,85.729,7.467l151.139-17.344   c8.956-1.425,18.081-1.421,27.036,0.012l47.257,7.561c15.875,2.538,31.402-8.27,33.943-24.147v-40.84   c0-14.861-10.7-25.878-27.138-29.113l-70.498-10.088c-10.391-0.586-20.81-0.457-31.184,0.384l-152.449,19.45   c-16.056,0.86-28.373,14.573-27.513,30.628c0.153,2.862,0.718,5.603,1.628,8.174L47.688,299.353   c-15.366-4.733-31.66,3.884-36.394,19.25s3.884,31.659,19.25,36.394L146.893,389.465z"/>
                                    <g>
                                        <path style="fill:#FFFFFF;" d="M417.496,193.642c0,49.706-74.545,41-166.5,41s-166.5,8.706-166.5-41s74.545-90,166.5-90    S417.496,143.936,417.496,193.642z"/>
                                        <g>
                                            <path style="fill:#FFFFFF;" d="M466.789,283.248c-0.171-0.033-0.342-0.063-0.515-0.087l-70.498-10.088c-0.283-0.041-0.568-0.069-0.854-0.084     c-10.81-0.61-21.762-0.475-32.555,0.4c-0.152,0.012-0.305,0.028-0.457,0.048l-152.112,19.407     c-19.198,1.22-34.375,16.2-36.398,34.776L50.632,289.796c-20.61-6.35-42.545,5.253-48.894,25.862     c-6.35,20.61,5.252,42.544,25.862,48.895c0.035,0.011,0.069,0.021,0.104,0.031l116.349,34.468     c20.898,6.191,42.279,9.3,63.839,9.3c8.601,0,17.231-0.495,25.87-1.486l151.139-17.344c0.144-0.016,0.288-0.036,0.431-0.059     c7.924-1.261,15.961-1.258,23.884,0.01l47.258,7.561c2.141,0.342,4.267,0.508,6.368,0.508     c19.113-0.002,35.951-13.72,39.028-32.95c0.083-0.522,0.125-1.051,0.125-1.58v-40.84     C501.996,302.736,488.176,287.457,466.789,283.248z M481.996,362.13c-1.988,9.907-12.063,16.801-22.363,15.156l-47.257-7.561     c-9.939-1.59-20.02-1.606-29.965-0.048l-150.929,17.32c-27.605,3.167-55.108,0.771-81.748-7.121l-116.29-34.451     c-10.042-3.122-15.69-13.822-12.592-23.879c1.502-4.878,4.815-8.88,9.328-11.267s9.687-2.874,14.564-1.371l133.085,41.002     c6.634,12.243,19.58,20.492,34.373,20.492c0.702,0,1.407-0.019,2.116-0.057c0.244-0.013,0.486-0.035,0.728-0.066l61.135-7.774     c5.479-0.696,9.355-5.703,8.659-11.181c-0.697-5.479-5.71-9.361-11.181-8.659l-60.736,7.723     c-10.241,0.378-18.884-7.408-19.722-17.518c-0.548-10.512,7.549-19.517,18.063-20.08c0.245-0.013,0.488-0.035,0.731-0.066     l152.219-19.42c9.669-0.774,19.477-0.898,29.162-0.373l69.794,9.987c11.795,2.399,18.828,9.583,18.828,19.253v39.959H481.996z"/>
                                            <path style="fill:#FFFFFF;" d="M314.417,337.484l-13.586,1.728c-5.479,0.696-9.355,5.703-8.659,11.181c0.642,5.051,4.946,8.74,9.907,8.74     c0.42,0,0.846-0.026,1.274-0.081l13.586-1.728c5.479-0.696,9.355-5.703,8.659-11.181S319.892,336.783,314.417,337.484z"/>
                                            <path style="fill:#FFFFFF;" d="M215.08,244.95c11.604-0.152,23.604-0.309,35.916-0.309c12.312,0,24.312,0.157,35.916,0.309     c10.791,0.141,21.163,0.277,31.056,0.277c44.72,0,79.505-2.775,97.334-20.372c8.091-7.986,12.194-18.488,12.194-31.213     c0-27.884-19.182-53.61-54.011-72.437c-32.883-17.774-76.384-27.563-122.489-27.563s-89.606,9.789-122.489,27.563     c-34.83,18.827-54.011,44.552-54.011,72.437c0,12.726,4.103,23.227,12.194,31.213C108.463,246.344,155.511,245.728,215.08,244.95     z M183.496,121.76v32.882c0,5.523,4.477,10,10,10s10-4.477,10-10v-37.069c12.757-2.156,26.175-3.48,40-3.833v17.902     c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10v-17.73c13.505,0.576,26.586,2.076,39,4.369v36.361c0,5.523,4.477,10,10,10     s10-4.477,10-10v-31.834c50.013,13.529,85,40.537,85,70.834c0,7.379-1.984,12.775-6.243,16.979     c-15.822,15.616-61.357,15.022-114.079,14.332c-11.669-0.153-23.735-0.311-36.178-0.311s-24.509,0.158-36.178,0.311     c-52.72,0.689-98.257,1.285-114.079-14.332c-4.259-4.204-6.243-9.6-6.243-16.979C94.496,162.543,131.356,134.907,183.496,121.76z     "/>
                                            <path style="fill:#FFFFFF;" d="M253.496,178.641c5.523,0,10-4.477,10-10v-5c0-5.523-4.477-10-10-10s-10,4.477-10,10v5     C243.496,174.164,247.973,178.641,253.496,178.641z"/>
                                        </g>
                                    </g>
                                
                                    <!-- إضافة كأس ماء -->
                                    <g>
                                        <path style="fill:#FFFFFF;" d="M253.496,122.641c0-6.104,4.897-10.946,10.986-10.946s10.986,4.842,10.986,10.946v7.066c0,6.104-4.897,10.946-10.986,10.946s-10.986-4.842-10.986-10.946v-7.066z"/>
                                        <path style="fill:#FFFFFF;" d="M264.482,139.049c0,7.415-6.027,13.541-13.426,13.541s-13.426-6.126-13.426-13.541c0-7.416,6.027-13.542,13.426-13.542S264.482,131.633,264.482,139.049z"/>
                                        <path style="fill:#FFFFFF;" d="M263.118,154.826c-5.515,0-9.902,3.785-9.902,8.496v38.831c0,4.711,4.387,8.496,9.902,8.496s9.902-3.785,9.902-8.496v-38.831c0-4.711-4.387-8.496-9.902-8.496z"/>
                                        <path style="fill:#FFFFFF;" d="M254.682,202.772c0,5.423,3.043,9.83,6.888,9.83c3.844,0,6.888-4.408,6.888-9.83v-28.172c0-5.423-3.043-9.83-6.888-9.83c-3.844,0-6.888,4.408-6.888,9.83v28.172z"/>
                                    </g>
                                </g>
                                </svg>
                                
                        </div>
                          اكل وشرب للمشاركين
                    </button>
                    <button id="pullParticipantsToPlayer" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="#FFFFFF" width="800px" height="800px" viewBox="0 0 32 32" version="1.1">
                                <title>player-dodge</title>
                                <path d="M27.026 8.969c0.743-0.896 1.226-2.154 1.226-3.562 0-2.543-1.512-4.65-3.448-4.902-0.129-0.020-0.267 0-0.399 0-0.791 0-1.527 0.305-2.139 0.827l-21.218 1.536 19.521 1.414v0.744c-0.004 0.068-0.007 0.136-0.009 0.205l-19.512 1.413 19.515 1.413v0.949l-19.515 1.413 17.355 1.257v0.262c-0.127 0.324-0.237 0.667-0.333 1.023l-17.023 1.233 16.231 1.175v1.219l-16.231 1.175 16.26 1.177v1.42l-16.26 1.177 18.883 1.367v1.040l-18.883 1.367 19.358 1.402v0.971l-19.358 1.401 19.633 1.422 0.047 0.72h7.096l0.741-9.947h2.793c0-4.765-0.305-11.554-4.332-12.312zM21.202 8.102c0.001 0.002 0.002 0.005 0.004 0.007l-0.064-0.011 0.061 0.004z"/>
                                </svg>
                        </div>
                         سحب المشاركين
                    </button>
                    <button id="HealParticipants" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Uploaded to svgrepo.com" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve">
                                <style type="text/css">
                                    .flatshadows_twee{fill:#E1E5E5;}
                                    .flatshadows_drie{fill:#C4CCCC;}
                                    .flatshadows_vier{fill:#A3AFAF;}
                                    .st0{fill:#FDFFFF;}
                                    .st1{fill:#8D9999;}
                                    .st2{fill:#C4CCCC;}
                                    .st3{fill:#E1E5E5;}
                                </style>
                                <g>
                                    <path class="flatshadows_drie" d="M4.757,3.243L3.243,4.757c-2.343,2.343-2.343,6.142,0,8.485l15.515,15.515   c2.343,2.343,6.142,2.343,8.485,0l1.515-1.515c2.343-2.343,2.343-6.142,0-8.485L13.243,3.243C10.899,0.899,7.101,0.899,4.757,3.243   z"/>
                                    <path class="flatshadows_twee" d="M3.243,27.243l1.515,1.515c2.343,2.343,6.142,2.343,8.485,0l15.515-15.515   c2.343-2.343,2.343-6.142,0-8.485l-1.515-1.515c-2.343-2.343-6.142-2.343-8.485,0L3.243,18.757   C0.899,21.101,0.899,24.899,3.243,27.243z"/>
                                    
                                        <rect x="14.429" y="20.793" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 51.9056 21.5)" class="flatshadows_vier" width="14.142" height="1.414"/>
                                    <path class="flatshadows_drie" d="M17,22c0,0.552-0.448,1-1,1c-0.552,0-1-0.448-1-1s0.448-1,1-1C16.552,21,17,21.448,17,22z M19,18   c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S19.552,18,19,18z M22,15c-0.552,0-1,0.448-1,1c0,0.552,0.448,1,1,1s1-0.448,1-1   C23,15.448,22.552,15,22,15z M19,12c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S19.552,12,19,12z M16,9c-0.552,0-1,0.448-1,1   s0.448,1,1,1c0.552,0,1-0.448,1-1S16.552,9,16,9z M13,12c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S13.552,12,13,12z M16,15   c-0.552,0-1,0.448-1,1c0,0.552,0.448,1,1,1c0.552,0,1-0.448,1-1C17,15.448,16.552,15,16,15z M10,15c-0.552,0-1,0.448-1,1   c0,0.552,0.448,1,1,1s1-0.448,1-1C11,15.448,10.552,15,10,15z M13,18c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1   S13.552,18,13,18z"/>
                                </g>
                                </svg>
                        </div>
                        تعبئة دم للمشاركين
                    </button>
                    <button id="giveWeaponsToParticipants" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 512 512" id="Layer_1" version="1.1" xml:space="preserve">

                                <style type="text/css">
                                    .st0{fill:#4CC3F2;}
                                    .st1{fill:#CFF1FF;}
                                    .st2{fill:#FFFFFF;}
                                    .st3{fill:#ffffff;}
                                </style>
                                
                                <g>
                                
                                <polygon class="st0" points="332.3,47.4 364.1,15.6 401.1,52.6 304.6,149.1 309.9,154.4 278.1,186.2 272.8,180.9 210.9,242.8    194.3,196 216.8,173.4 238,194.7 310.7,122 289.5,100.7 337.6,52.7  "/>
                                
                                <polygon class="st1" points="85.6,304.7 129.5,260.8 146.1,307.6 117.3,336.4  "/>
                                
                                <path class="st1" d="M254.9,285.5c13,9.7,27.1,9.5,41.1-0.4l-10.8-10.8c-8.1,5-14.3,4-19.6,0.5l33.1-33.1l16.2,35.8l-45.1,45.1   L248,292.5L254.9,285.5z"/>
                                
                                <polygon class="st0" points="325.3,424.9 260.9,489.3 172.8,367.7 237.2,303.3  "/>
                                
                                <path class="st2" d="M249.1,403.8c2,0,3.9-0.8,5.3-2.2c1.4-1.4,2.2-3.3,2.2-5.3c0-2-0.8-3.9-2.2-5.3c-1.4-1.4-3.3-2.2-5.3-2.2   c-2,0-3.9,0.8-5.3,2.2c-1.4,1.4-2.2,3.3-2.2,5.3c0,2,0.8,3.9,2.2,5.3C245.2,403,247.1,403.8,249.1,403.8z"/>
                                
                                <path class="st3" d="M191.9,368.4l70.9,97.8l42.9-42.9l-70.9-97.8L191.9,368.4z M264.6,443.2l-53-73.2l21.4-21.4l53,73.2   L264.6,443.2z"/>
                                
                                <rect class="st3" height="15" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.9044 350.0075)" width="67.3" x="384.9" y="177"/>
                                
                                <rect class="st3" height="15" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -47.6118 333.5654)" width="15" x="371.3" y="216.8"/>
                                
                                <rect class="st3" height="15" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -34.3133 257.7745)" width="15" x="286.5" y="162.8"/>
                                
                                <rect class="st3" height="15" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -26.1186 168.699)" width="67.3" x="156.9" y="108.4"/>
                                
                                <rect class="st3" height="15" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -65.827 152.2458)" width="15" x="143.4" y="148.1"/>
                                
                                <rect class="st3" height="15" transform="matrix(0.7071 -0.7071 0.7071 0.7071 79.6923 255.4155)" width="15" x="340.7" y="24"/>
                                
                                <rect class="st2" height="15" transform="matrix(0.7072 -0.707 0.707 0.7072 -24.9927 224.4524)" width="72.8" x="222.1" y="134.9"/>
                                
                                <path class="st3" d="M369.4-0.3l-10.6,10.6L373,24.5v0l28.1,28.1l-96.5,96.5l10.6,10.6L382,92.9l22.2,22.2L161.3,358l-30.9-13.4   l153-153l-10.6-10.6l-61.9,61.9L194.3,196l22.5-22.5l21.2,21.2l72.7-72.7l-21.2-21.2l48-48l-10.6-10.6L64.3,304.7l48.6,48.6   l45.1,19.6l101,139.3l85.9-85.9L278.7,335l54.2-54.2l-22.8-50.4l115.3-115.3l-32.8-32.8l29.7-29.7L369.4-0.3z M278.9,111.4   l10.6,10.6L238,173.4l-10.6-10.6L278.9,111.4z M182.6,207.7l16.6,46.8l-14.8,14.8l-16.6-46.8L182.6,207.7z M156,234.2l16.6,46.8   l-14.8,14.8L141.2,249L156,234.2z M117.3,336.4l-31.7-31.7l43.9-43.9l16.6,46.8L117.3,336.4z M325.3,424.9l-64.4,64.4l-88.1-121.6   l64.4-64.4L325.3,424.9z M314.9,277.5l-45.1,45.1L248,292.5l7-7c13,9.7,27.1,9.5,41.1-0.4l-10.8-10.8c-8.1,5-14.3,4-19.6,0.5   l33.1-33.1L314.9,277.5z"/>
                                
                                </g>
                                
                                </svg>
                        </div>
                         اعطاء اسلحة للمشاركين
                    </button>
                    <button id="giveVehicles" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24"><path d="M17.197 5.46A.824.824 0 0 0 16.5 5h-9a.824.824 0 0 0-.697.46l-1.988 4.638L5.285 9H3v1.5a.501.501 0 0 0 .5.5 2.572 2.572 0 0 1 .367-.388A2.532 2.532 0 0 0 3 12.522V19.5a.501.501 0 0 0 .5.5h2a.501.501 0 0 0 .5-.5v-1.831A46.229 46.229 0 0 0 12 18a46.244 46.244 0 0 0 6.001-.331L18 19.5a.501.501 0 0 0 .5.5h2a.501.501 0 0 0 .5-.5v-6.978a2.534 2.534 0 0 0-.87-1.909 2.523 2.523 0 0 1 .359.387h.011a.501.501 0 0 0 .5-.5V9h-2.286zM7.66 6h8.68l1.715 4H5.945zM5 19H4v-1.79a1.983 1.983 0 0 0 .613.235c.118.024.254.048.387.071zm15 0h-1v-1.484c.133-.023.269-.047.387-.07A1.989 1.989 0 0 0 20 17.21zm-.525-7.632A1.53 1.53 0 0 1 20 12.522v2.946a1.015 1.015 0 0 1-.808.997A43.178 43.178 0 0 1 12 17a43.255 43.255 0 0 1-7.192-.535A1.015 1.015 0 0 1 4 15.468v-2.946a1.532 1.532 0 0 1 .524-1.156 1.49 1.49 0 0 1 .568-.307L5.296 11h13.406l.205.06a1.493 1.493 0 0 1 .568.308zM17 13h2v1a1 1 0 0 1-1 1h-2zM7 13l1 2H6a1 1 0 0 1-1-1v-1zm2 1h6v1H9z"/><path fill="none" d="M0 0h24v24H0z"/></svg>
                        </div>
                         اعطاء سيارات للمشاركين
                    </button>
                    <button id="setmodel" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" id="Hooded_x5F_top" version="1.1" xml:space="preserve">

                                <g>
                                
                                <path d="M429.503,445.119l2.096-0.5c1.731-0.411,2.864-2.072,2.618-3.835L399.15,190.727   c-10.109-84.094-39.259-102.761-52.193-106.895l2.588-3.239c0.037-0.046,0.057-0.101,0.091-0.148   c0.113-0.157,0.214-0.318,0.296-0.487c0.039-0.077,0.073-0.154,0.105-0.234c0.073-0.181,0.128-0.365,0.168-0.554   c0.016-0.069,0.037-0.136,0.048-0.206c0.039-0.256,0.054-0.515,0.035-0.772c-0.003-0.047-0.017-0.092-0.022-0.139   c-0.024-0.216-0.068-0.429-0.134-0.639c-0.011-0.034-0.01-0.07-0.021-0.104l-10.316-29.803   c-6.815-23.911-75.126-21.258-83.798-20.823c-0.886-0.042-4.878-0.216-10.74-0.244c-0.006,0-0.01,0-0.016,0   c-1.898,0-3.441,1.534-3.45,3.434c-0.009,1.906,1.528,3.458,3.435,3.466c6.357,0.029,10.557,0.242,10.598,0.244   c0.119,0.006,0.236,0.006,0.355,0c26.985-1.383,70.767,1.486,76.602,14.817c-2.705,6.041-6.165,11.59-10.322,16.54   c-28.854-8.726-63.676-8.393-66.4-8.353c-29.999-1.483-58.479,6.03-66.502,8.366c-4.162-4.951-7.629-10.509-10.338-16.561   c1.993-4.478,8.597-8.199,19.241-10.809c1.851-0.454,2.984-2.321,2.53-4.172c-0.455-1.85-2.328-2.984-4.172-2.529   c-14.181,3.476-22.46,9.069-24.61,16.625L161.89,77.31c-0.012,0.034-0.011,0.07-0.021,0.104c-0.065,0.209-0.11,0.422-0.134,0.638   c-0.006,0.047-0.02,0.092-0.022,0.139c-0.019,0.258-0.004,0.516,0.035,0.772c0.011,0.07,0.032,0.137,0.048,0.206   c0.04,0.188,0.095,0.372,0.168,0.553c0.031,0.08,0.066,0.157,0.104,0.234c0.083,0.169,0.184,0.33,0.297,0.487   c0.034,0.047,0.054,0.103,0.091,0.148l2.588,3.239c-12.937,4.134-42.083,22.793-52.185,106.828L77.783,440.784   c-0.246,1.763,0.887,3.424,2.618,3.835l2.095,0.5l-4.346,26.533c-0.296,1.813,0.879,3.539,2.674,3.929l29.448,6.394   c0.397,0.369,0.877,0.66,1.438,0.812c0.3,0.081,0.602,0.12,0.898,0.12c0.382,0,0.755-0.064,1.106-0.185l12.984,2.819   c0.246,0.053,0.49,0.078,0.733,0.078c1.442,0,2.771-0.91,3.259-2.324l8.518-24.647l3.864,0.921   c0.267,0.064,0.535,0.095,0.802,0.095c1.217,0,2.372-0.646,2.995-1.738l3.606-6.312h211.047l3.605,6.312   c0.624,1.092,1.777,1.739,2.996,1.738c0.265,0,0.534-0.03,0.802-0.095l3.863-0.921l8.519,24.647   c0.488,1.414,1.815,2.324,3.259,2.324c0.242,0,0.487-0.025,0.733-0.078l12.984-2.819c0.352,0.12,0.725,0.185,1.106,0.185   c0.296,0,0.599-0.039,0.898-0.12c0.561-0.151,1.04-0.442,1.438-0.812l29.448-6.394c1.795-0.39,2.97-2.116,2.674-3.929   L429.503,445.119z M326.166,71.208c3.745-4.178,7.008-8.782,9.775-13.736l6.973,20.144c-17.729,19.426-39.521,30.296-56.204,36.22   c-0.041-2.623-0.11-5.273-0.239-7.962c-0.09-1.902-1.688-3.376-3.611-3.281c-1.903,0.091-3.372,1.708-3.279,3.611   c0.16,3.365,0.23,6.671,0.25,9.912c-5.197,1.586-9.616,2.64-12.83,3.309c5.417-12.133,17.382-23.145,27.698-28.446   c0.435-0.222,0.883-0.439,1.328-0.657c0.404-0.112,0.785-0.291,1.12-0.538c1.804-0.857,3.621-1.662,5.384-2.437   c6.089-2.674,12.385-5.439,18.262-10.728C322.725,74.858,324.534,73.036,326.166,71.208z M255.828,63.484   c0.077,0.003,0.154,0.006,0.232,0.003c0.352-0.003,33.291-0.483,61.063,7.095c-0.323,0.307-0.631,0.62-0.963,0.922   c-4.843,4.358-10.141,6.769-15.738,9.231l1.451-5.199c0.309-1.106,0.047-2.294-0.698-3.167c-0.746-0.873-1.875-1.318-3.019-1.188   c-0.326,0.038-32.7,3.751-42.116,3.807c-10.597-0.123-41.875-3.77-42.189-3.806c-1.142-0.13-2.275,0.311-3.022,1.184   c-0.747,0.874-1.01,2.063-0.701,3.17l1.451,5.199c-5.598-2.462-10.895-4.873-15.723-9.217c-0.318-0.29-0.61-0.588-0.92-0.88   C205.635,67.809,230.493,62.216,255.828,63.484z M176.059,57.472c2.754,4.931,5.999,9.513,9.719,13.67   c0.005,0.006,0.01,0.013,0.016,0.019c0.012,0.014,0.023,0.028,0.035,0.042c1.638,1.834,3.447,3.657,5.396,5.431   c5.861,5.274,12.157,8.04,18.246,10.713c1.815,0.797,3.688,1.626,5.563,2.521c0.238,0.154,0.494,0.276,0.766,0.367   c0.499,0.242,1.004,0.489,1.49,0.737c10.328,5.307,22.294,16.32,27.711,28.453c-3.214-0.669-7.633-1.723-12.83-3.309   c0.02-3.241,0.09-6.547,0.25-9.912c0.093-1.903-1.377-3.52-3.28-3.611c-1.901-0.097-3.521,1.378-3.61,3.281   c-0.129,2.688-0.198,5.339-0.24,7.962c-16.682-5.923-38.474-16.794-56.203-36.22L176.059,57.472z M93.961,471.373l-8.471-1.839   l3.736-22.81l10.505,2.506L93.961,471.373z M110.229,474.905l-9.519-2.067l5.734-22.006l9.465,2.258L110.229,474.905z    M125.17,478.148l-8.195-1.779l5.649-21.678l9.841,2.347L125.17,478.148z M251.4,444.713H151.116l-6.185-22.873H251.4V444.713z    M251.4,414.939H143.304c-5.672-31.006-3.816-63.896-1.383-94.996l0.456-5.923c1.203-15.749,2.447-32.034,5.45-47.449l0.137-0.714   c0.174-0.904,0.347-1.805,0.509-2.691c4.33-23.083,7.196-47.754,8.76-75.419c0.793-13.845,1.299-28.994,1.593-47.672   c0.028-1.905-1.49-3.474-3.396-3.503c-0.019-0.001-0.037-0.001-0.055-0.001c-1.88,0-3.419,1.509-3.449,3.396   c-0.292,18.582-0.794,33.639-1.581,47.389c-1.547,27.369-4.378,51.751-8.655,74.553c-0.161,0.881-0.33,1.762-0.501,2.648   l-0.135,0.706c-3.078,15.798-4.337,32.286-5.556,48.232l-0.456,5.909c-2.543,32.51-4.483,66.983,2,99.656   c0.001,0.004,0.002,0.008,0.003,0.012c0.002,0.011,0.005,0.021,0.007,0.033c0.014,0.062,0.027,0.123,0.043,0.185l7.679,28.399   l-2.61,4.567l-36.957-8.815c-0.129-0.05-0.254-0.106-0.392-0.141c-0.169-0.043-0.338-0.059-0.507-0.074l-19.255-4.593L119.7,191.55   c6.334-52.688,20.212-77.682,30.739-89.371c10.658-11.835,19.739-12.572,20.738-12.617c17.992,16.771,38.517,26.301,54.113,31.585   c0.211,12.428,1.449,24.885,3.895,38.968c1.509,8.694,1.72,18.526,0.58,26.97c-0.561,4.114-1.416,7.794-2.544,10.939   c-0.642,1.794,0.29,3.769,2.083,4.413c0.386,0.138,0.778,0.203,1.165,0.203c1.415,0,2.743-0.877,3.248-2.287   c1.289-3.597,2.259-7.748,2.885-12.341c1.231-9.119,1.005-19.716-0.617-29.078c-2.267-13.042-3.452-24.227-3.759-35.601   c10.391,3.026,17.268,3.912,17.595,3.953c0.143,0.018,0.286,0.027,0.429,0.027h1.15V414.939z M220.431,84.828   c-0.212-0.108-0.42-0.206-0.633-0.313l-1.646-5.899c9.462,1.054,29.428,3.175,37.868,3.272c7.59-0.044,28.172-2.216,37.833-3.281   l-1.649,5.907c-0.217,0.108-0.43,0.209-0.646,0.319c-12.475,6.411-27.131,20.446-32.346,35.579h-6.422   C247.574,105.28,232.918,91.245,220.431,84.828z M386.83,478.148l-7.295-21.11l9.841-2.347l5.646,21.679L386.83,478.148z    M401.774,474.904l-5.685-21.814l9.465-2.258l5.734,22.006L401.774,474.904z M418.038,471.373l-5.77-22.143l10.505-2.506   l3.736,22.81L418.038,471.373z M407.99,443.155c-0.261,0.003-0.523,0.027-0.789,0.093c-0.254,0.062-0.491,0.155-0.716,0.267   l-36.647,8.742l-2.611-4.568l7.478-27.636l0.206-0.782c0.018-0.069,0.035-0.14,0.049-0.21c6.482-32.673,4.543-67.146,2-99.656   l-0.456-5.909c-1.219-15.946-2.478-32.435-5.554-48.222l-0.137-0.717c-0.171-0.887-0.341-1.768-0.505-2.663   c-4.322-23.019-7.074-46.733-8.662-74.631c-0.781-13.77-1.279-28.798-1.57-47.297c-0.03-1.904-1.563-3.435-3.504-3.395   c-1.906,0.029-3.426,1.599-3.396,3.503c0.293,18.594,0.795,33.713,1.581,47.579c1.605,28.202,4.393,52.196,8.768,75.499   c0.166,0.9,0.338,1.801,0.513,2.705l0.139,0.725c3.001,15.404,4.245,31.689,5.448,47.438l0.456,5.923   c2.435,31.107,4.29,64.005-1.388,95.018c-0.07-0.004-0.138-0.021-0.21-0.021H345.71c-1.905,0-3.45,1.545-3.45,3.45   s1.545,3.45,3.45,3.45h21.358l-6.184,22.873H258.3V421.84h40.25c1.906,0,3.45-1.545,3.45-3.45s-1.544-3.45-3.45-3.45H258.3V127.313   h3.45c0.143,0,0.286-0.009,0.43-0.027c0.326-0.041,7.203-0.927,17.593-3.952c-0.306,11.374-1.491,22.559-3.758,35.601   c-1.623,9.361-1.849,19.958-0.617,29.081c0.625,4.589,1.596,8.74,2.885,12.337c0.505,1.409,1.833,2.287,3.248,2.287   c0.386,0,0.779-0.065,1.165-0.203c1.793-0.644,2.725-2.619,2.082-4.413c-1.127-3.145-1.982-6.825-2.543-10.935   c-1.141-8.448-0.929-18.28,0.58-26.974c2.445-14.083,3.684-26.54,3.895-38.968c15.598-5.285,36.119-14.814,54.111-31.583   c1.165,0.058,10.177,0.885,20.74,12.615c19.072,21.178,27.243,60.29,30.748,89.438l34.64,247.017L407.99,443.155z"/>
                                
                                <path d="M330.65,285.098c-1.777,0.691-2.656,2.689-1.966,4.466l32.2,82.8c0.531,1.365,1.835,2.201,3.217,2.201   c0.415,0,0.838-0.076,1.248-0.236c1.776-0.69,2.656-2.689,1.966-4.465l-32.2-82.801   C334.425,285.287,332.422,284.404,330.65,285.098z"/>
                                
                                <path d="M220.634,34.225c0.093,0,0.188-0.004,0.284-0.011l1.135-0.09c1.898-0.145,3.321-1.803,3.177-3.703   c-0.145-1.899-1.789-3.322-3.702-3.177l-1.171,0.092c-1.899,0.155-3.313,1.821-3.157,3.72   C217.346,32.859,218.855,34.225,220.634,34.225z"/>
                                
                                <path d="M181.35,285.098c-1.774-0.693-3.774,0.189-4.465,1.965l-32.2,82.801c-0.69,1.775,0.188,3.774,1.966,4.465   c0.409,0.16,0.833,0.236,1.248,0.236c1.382,0,2.686-0.836,3.217-2.201l32.2-82.8C184.006,287.787,183.127,285.789,181.35,285.098z"/>
                                
                                <path d="M322.7,414.939h-1.15c-1.905,0-3.45,1.545-3.45,3.45s1.545,3.45,3.45,3.45h1.15c1.905,0,3.45-1.545,3.45-3.45   S324.605,414.939,322.7,414.939z"/>
                                
                                </g>
                                
                                </svg>
                        </div>
                         اعطاء ملابس للمشاركين
                    </button>
                    <button id="fillArmor" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" viewBox="0 0 511.999 511.999" xml:space="preserve">
                                <g>
                                    <g>
                                        <path d="M511.999,327.901V224.916h-21.787v-62.195h-15.209c-24.568,0-44.555-19.987-44.555-44.555V0h-99.424v54.019    c0,41.368-33.656,75.025-75.025,75.025s-75.025-33.656-75.025-75.025V0H81.551v118.165c0,24.568-19.987,44.555-44.555,44.555    H21.788v62.195H0V327.9h21.787v30.417H0v102.986h21.787v50.695h468.424v-50.695h21.787V358.318h-21.787v-30.417H511.999z     M30.417,255.333h140.048v42.151H30.417V255.333z M30.417,388.735h140.048v42.152H30.417V388.735z M459.795,481.583H52.205    v-20.278h148.678V358.318H52.205v-30.417h148.678V224.916H52.205v-33.328c34.071-7.05,59.764-37.292,59.764-73.423V30.417h38.589    v23.602c0,58.14,47.301,105.442,105.442,105.442S361.442,112.16,361.442,54.019V30.417h38.589v87.747    c0,36.13,25.692,66.372,59.764,73.423v33.328H311.117v102.985h148.678v30.417H311.117v102.986h148.678V481.583z M481.582,430.888    H341.534v-42.152h140.048V430.888z M481.582,297.484H341.534v-42.151h140.048V297.484z"/>
                                    </g>
                                </g>
                                </svg>
                        </div>
                         تعبئة درع للمشاركين
                    </button>
                    <button id="sendStyledMessageToParticipants" class="button">
                        <div class="icon-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="#000000" width="800px" height="800px" viewBox="0 -2.75 29.5 29.5" id="_11_-_Massage" data-name="11 - Massage">
                                <path id="_11_-_Massage-2" data-name="11 - Massage" d="M30.75,9.041A3.04,3.04,0,0,0,27.709,6H4.291A3.04,3.04,0,0,0,1.25,9.041V21.459A3.04,3.04,0,0,0,4.291,24.5h19.12a1.026,1.026,0,0,1,.725.3l4.907,4.907A1,1,0,0,0,30.75,29V9.041Zm-2,0V26.586l-3.2-3.2a3.024,3.024,0,0,0-2.139-.886H4.291A1.041,1.041,0,0,1,3.25,21.459V9.041A1.041,1.041,0,0,1,4.291,8H27.709A1.041,1.041,0,0,1,28.75,9.041Z" transform="translate(-1.25 -6)" fill-rule="evenodd"/>
                              </svg>
                        </div>
                       ارسال رسالة للمشاركين
                    </button>
                    <button class="button" id="addParticipant">
                        <div class="icon-wrapper">
                            <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
                        </div>
                       اضافة لاعب للفعالية
                    </button>
                    <button class="button" id="startCountdown">
                        <div class="icon-wrapper">
                            <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
                        </div>
                      عد تنازلي
                    </button>
                    
                </div>
            </div>
        </div>

        <div class="navigation">
            <div class="nav-dots">
                <div class="dot active" onclick="showSection(0)"></div>
                <div class="dot" onclick="showSection(1)"></div>
            </div>
        </div>
    </div>


    <div style="display: none;" class="notification" id="eventNotification">
        <div class="new-event">فعالية جديدة</div>
        <div class="content">
            <div class="event-details">
                <div class="event-name">
                    <div class="label">اسم الفعالية:</div>
                    <div class="value" id="eventName">الاسم</div>
                </div>
                <div class="participants">
                    <div class="label">عدد المشاركين:</div>
                    <div class="value" id="participantsCount">العدد</div>
                </div>
            </div>
            <div class="key-instructions">
                <div class="key accept">
                    <span class="key-button">F5</span> للقبول
                </div>
                <div class="key decline">
                    <span class="key-button">F6</span> للرفض
                </div>
            </div>
        </div>
    </div>

    
    <div class="countdown" id="countdownWrapper" style="display: none;">
        <h1 id="timer">0</h1>
        <span>العد التنازلي</span>
    </div>

    
    <script src="app.js"></script>
</body>
</html>








