
<a href="https://discord.gg/PS5w2VNnPs" target="_blank" style="text-decoration: none;">
  <button class="button1 x">
    <svg
      style="color: white"
      xmlns="http://www.w3.org/2000/svg"
      width="16"
      height="16"
      fill="currentColor"
      class="bi bi-discord"
      viewBox="0 0 16 16"
    >
      <path
        d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"
        fill="white"
      ></path>
    </svg>
    الدخول للديسكورد
  </button>
</a>




<button class="Explore-Button" id="searchButton">
  <span class="IconContainer">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      viewBox="0 0 156 78"
      class="telescope"
    >
      <path
        fill="url(#paint0_linear_131_19)"
        d="M10.3968 78C10.6002 78 32 72.831 32 72.831C29.5031 68.7434 27.3945 63.5193 26.0258 57.947C24.6386 52.3381 24.0837 46.7841 24.3982 42L3.38683 47.0957C0.0205717 47.9206 -1.0152 55.4725 1.09333 63.9959C3.05409 72.0061 7.10469 78 10.3968 78Z"
      ></path>
      <path
        fill="url(#paint1_linear_131_19)"
        d="M63.0824 25L34.8099 32.0351C33.7675 32.2957 32.8714 33.0215 32.1582 34.1382C31.6096 34.9943 31.1524 36.0738 30.8049 37.3393C30.5489 38.2513 30.366 39.2563 30.238 40.3544C29.6894 44.7839 30.0734 50.5348 31.5547 56.6207C33.0177 62.7067 35.2854 67.9925 37.7725 71.6587C38.3942 72.5707 39.016 73.371 39.6561 74.0596C40.5339 75.0274 41.43 75.7718 42.3078 76.2743C43.1307 76.7396 43.9536 77 44.74 77C45.0326 77 45.3252 76.9628 45.5995 76.8883L72.5919 70.1698L74 69.8164C69.867 64.1027 66.6484 56.1184 64.7282 48.1527C62.7532 39.9451 62.1497 31.8306 63.0094 25.3166C63.0458 25.2233 63.0643 25.1117 63.0824 25Z"
      ></path>
      <path
        fill="url(#paint2_linear_131_19)"
        d="M155.865 50.9153L144.361 3.54791C143.844 1.43031 141.964 0 139.88 0C139.512 0 139.143 0.0371509 138.774 0.130028L75.0921 15.8448C74.3361 16.0306 73.654 16.4021 73.0271 16.9594C72.1239 17.7581 71.3493 18.9284 70.7411 20.3958C70.3537 21.3246 70.0403 22.3648 69.7823 23.4979C68.4731 29.2935 68.7683 37.7267 70.9621 46.7544C73.2115 55.9863 76.9358 63.7509 80.8447 68.2277C81.6375 69.1194 82.4303 69.8995 83.2229 70.5125C83.4259 70.6795 83.6654 70.8283 83.9051 70.9581C85.6752 71.9798 87.7955 72.2584 89.7865 71.7571L152.492 56.5065C154.962 55.912 156.474 53.4044 155.865 50.9153Z"
      ></path>
      <defs>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          y2="78"
          x2="16"
          y1="42"
          x1="16"
          id="paint0_linear_131_19"
        >
          <stop stop-color="#6A8EF6"></stop>
          <stop stop-color="#BF8AEB" offset="1"></stop>
        </linearGradient>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          y2="77"
          x2="52"
          y1="25"
          x1="52"
          id="paint1_linear_131_19"
        >
          <stop stop-color="#6A8EF6"></stop>
          <stop stop-color="#BF8AEB" offset="1"></stop>
        </linearGradient>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          y2="72"
          x2="112.5"
          y1="0"
          x1="112.5"
          id="paint2_linear_131_19"
        >
          <stop stop-color="#6A8EF6"></stop>
          <stop stop-color="#BF8AEB" offset="1"></stop>
        </linearGradient>
      </defs>
    </svg>

    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      viewBox="0 0 104 69"
      class="tripod"
    >
      <path
        stroke-linecap="round"
        stroke-width="11"
        stroke="url(#paint0_linear_124_14)"
        d="M98.4336 63.3406L52 5.99991"
      ></path>
      <path
        stroke-linecap="round"
        stroke-width="11"
        stroke="url(#paint1_linear_124_14)"
        d="M52.4336 6L6.00004 63.3407"
      ></path>
      <path
        stroke-linecap="round"
        stroke-width="11"
        stroke="url(#paint2_linear_124_14)"
        d="M52 63L52 6"
      ></path>
      <defs>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          y2="40.5"
          x2="68"
          y1="32"
          x1="77.5"
          id="paint0_linear_124_14"
        >
          <stop stop-color="#8E8DF2"></stop>
          <stop stop-color="#BC8BEC" offset="1"></stop>
        </linearGradient>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          y2="40.5174"
          x2="36.4196"
          y1="32.9922"
          x1="26.1302"
          id="paint1_linear_124_14"
        >
          <stop stop-color="#8E8DF2"></stop>
          <stop stop-color="#BC8BEC" offset="1"></stop>
        </linearGradient>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          y2="34.8174"
          x2="42.7435"
          y1="34.0069"
          x1="55.4548"
          id="paint2_linear_124_14"
        >
          <stop stop-color="#8E8DF2"></stop>
          <stop stop-color="#BC8BEC" offset="1"></stop>
        </linearGradient>
      </defs>
    </svg>
  </span>

  <span class="text">Search</span>
</button>










<head>
  <link rel="icon" href="https://www.raed.net/img?id=1175694" type="image/png">
</head>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>MA$$Y Order System v1</title>
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="./style.css">
  <style>
    body {
      font-family: 'Cairo', sans-serif;
      background: linear-gradient(to right, #f9f9f9, #eef2f3);
      padding: 20px;
      color: #333;
    }

    table {
      border-collapse: collapse;
      background: #ffffff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    th {
      background: #6e6e6ed0;
      color: #000000;
      text-align: center;
      font-weight: 600;
      padding: 15px;
    }

    td {
      text-align: center;
      padding: 10px 15px;
      font-weight: 400;
    }

    tr:nth-child(even) {
      background: #faf4f4;
    }

    tr:hover {
      background: #6e6e6ed0;
      transition: background 0.3s;
    }

    input[type="text"] {
      padding: 8px;
      border: 1px solid #fc0000;
      border-radius: 5px;
      width: 80%;
      text-align: right;
    }

    input[type="button"] {
  background: linear-gradient(135deg, #6c757d, #495057); /* تدرج لوني بين درجات الرمادي */
  color: #f8f9fa; /* لون النص أبيض رمادي لإبراز النص */
  border: 2px solid #343a40; /* إطار بلون رمادي داكن */
  padding: 12px 25px; /* تحسين الأبعاد */
  border-radius: 8px; /* زيادة استدارة الزوايا */
  cursor: pointer;
  font-size: 1.1em; /* تكبير النص قليلاً */
  font-weight: bold; /* جعل النص أكثر وضوحًا */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* إضافة ظل للزر */
  transition: all 0.4s ease; /* انتقال سلس لجميع الخصائص */
}

input[type="button"]:hover {
  background: linear-gradient(135deg, #495057, #343a40); /* تغيير التدرج عند التمرير */
  border-color: #212529; /* تعديل لون الإطار */
  transform: scale(1.05); /* تكبير الزر قليلاً عند التمرير */
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); /* زيادة الظل */
}

input[type="button"]:active {
  transform: scale(0.97); /* تقليل الحجم عند النقر */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* تقليل الظل */
}


    a {
      color: #ffffff;
      text-decoration: none;
      font-weight: 600;
    }

    a:hover {
      text-decoration: underline;
    }

    .center {
      margin: 20px auto;
      text-align: center;
    }
	
  </style>
</head>
<body>
  <form id="form1">
    <table>
      <tr>
        <th colspan="4">Made By: MA$$Y</th>
      </tr>
      <tr>
        <th colspan="4">
          <a href="https://www.facebook.com/share/9fB1x7H1pWQCAXH8/?mibextid=wwXIfr">للشكاوي أو الاقتراحات تواصل هنا</a>
        </th>
      </tr>
      <tr>
			<tr><th>العدد</th><th>الماكولات</th><th>تكلفة المكونات </th><th>الاجمالي</th></tr>
			
			<tr><th><input class="right" type="text" id="txtGrapesQ" value="" tabindex="1"/></th><th>برجر</th>
				<td class="right">90 ذهب</td><th><input class="right" type="text" id="txtGrapesT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtcbQ" value="" tabindex="2"/></th><th>تشيز برجر</th>
				<td class="right">110 ذهب</td><th><input class="right" type="text" id="txtcbT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtrozl7Q" value="" tabindex="3"/></th><th>رز ب اللحمه</th>
				<td class="right">155 ذهب</td><th><input class="right" type="text" id="txtrozl7T" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtshlmQ" value="" tabindex="4"/></th><th>شريحة لحم مشويه</th>
				<td class="right">150 ذهب</td><th><input class="right" type="text" id="txtshlmT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtAppleQ" value="" tabindex="5" /></th><th>كرات اللحم العربية </th>
				<td class="right">190 ذهب</td><th><input class="right" type="text" id="txtAppleT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtMenemenQ" value="" tabindex="6"/></th><th>سلطة دجاج</th>
				<td class="right">110 ذهب</td><th><input class="right" type="text" id="txtMenemenT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtsechQ" value="" tabindex="7"/></th><th>سيخ دجاج</th>
				<td class="right">230 ذهب</td><th><input class="right" type="text" id="txtsechT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtsanfiQ" value="" tabindex="8"/></th><th>سندويشه سمك</th>
				<td class="right">50 ذهب</td><th><input class="right" type="text" id="txtsanfiT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtfishsQ" value="" tabindex="9"/></th><th>سلطة سمك</th>
				<td class="right">90 ذهب</td><th><input class="right" type="text" id="txtfishsT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtHumusQ" value="" tabindex="10"/></th><th>سمك مشوي</th>
				<td class="right">50 ذهب</td><th><input class="right" type="text" id="txtHumusT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtsoshQ" value="" tabindex="11"/></th><th>سوشي</th>
				<td class="right">95 ذهب</td><th><input class="right" type="text" id="txtsoshT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtblahQ" value="" tabindex="12"/></th><th>بلح البحر</th>
				<td class="right">185 ذهب</td><th><input class="right" type="text" id="txtblahT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtmanqqQ" value="" tabindex="13"/></th><th>منقوشة</th>
				<td class="right">90 ذهب</td><th><input class="right" type="text" id="txtmanqqT" value="" readonly/></th></tr>
                    
			<tr><th><input class="right" type="text" id="txtmanqsgQ" value="" tabindex="14"/></th><th>منقوشة مع قشقوان و سجق</th>
				<td class="right">150 ذهب</td><th><input class="right" type="text" id="txtmanqsgT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtsqQ" value="" tabindex="15"/></th><th>سندويش قشقوان</th>
				<td class="right">80 ذهب</td><th><input class="right" type="text" id="txtsqT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtpizchQ" value="" tabindex="16"/></th><th>بيتزا بالجبنة</th>
				<td class="right">120 ذهب</td><th><input class="right" type="text" id="txtpizchT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtKarisikPizzaQ" value="" tabindex="17"/></th><th>بيتزا منوعة</th>
				<td class="right">150 ذهب</td><th><input class="right" type="text" id="txtKarisikPizzaT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtitlyppQ" value="" tabindex="18"/></th><th>بيتزا ايطالي</th>
				<td class="right">160 ذهب</td><th><input class="right" type="text" id="txtitlyppT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtPearsQ" value="" tabindex="19"/></th><th>فلافل</th>
				<td class="right">155 ذهب</td><th><input class="right" type="text" id="txtPearsT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txteggQ" value="" tabindex="20"/></th><th>بيض مقلي</th>
				<td class="right">180 ذهب</td><th><input class="right" type="text" id="txteggT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtpatatsQ" value="" tabindex="21"/></th><th>بطاطس مقليه</th>
				<td class="right">30 ذهب</td><th><input class="right" type="text" id="txtpatatsT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtmshQ" value="" tabindex="22"/></th><th>مسبحة حمص</th>
				<td class="right">110 ذهب</td><th><input class="right" type="text" id="txtmshT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtwchQ" value="" tabindex="23"/></th><th>جبنة و بطيخ</th>
				<td class="right">90 ذهب</td><th><input class="right" type="text" id="txtwchT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtitalyanPizzaQ" value="" tabindex="24"/></th><th>فشار</th>
				<td class="right">90 ذهب</td><th><input class="right" type="text" id="txtitalyanPizzaT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtSamTatliQ" value="" tabindex="25"/></th><th>حلويات دمشق</th>
				<td class="right">145 ذهب</td><th><input class="right" type="text" id="txtSamTatliT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtdshQ" value="" tabindex="26"/></th><th>حلويات شاميه</th>
				<td class="right">165 ذهب</td><th><input class="right" type="text" id="txtdshT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtfishQ" value="" tabindex="27"/></th><th>دونات بالشوكولا</th>
				<td class="right">70 ذهب</td><th><input class="right" type="text" id="txtfishT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtkikQ" value="" tabindex="28"/></th><th>كيك بالشوكولاتة</th>
				<td class="right">120 ذهب</td><th><input class="right" type="text" id="txtkikT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtoreoQ" value="" tabindex="29"/></th><th>اوريو</th>
				<td class="right">95 ذهب</td><th><input class="right" type="text" id="txtoreoT" value="" readonly/></th></tr>	
        
      <tr><th><input class="right" type="text" id="txtrozlQ" value="" tabindex="30"/></th><th>رز ب لبن</th>
        <td class="right">130 ذهب</td><th><input class="right" type="text" id="txtrozlT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txticeQ" value="" tabindex="31"/></th><th>ايس كريم بالكاسه</th>
				<td class="right">160 ذهب</td><th><input class="right" type="text" id="txticeT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txticewQ" value="" tabindex="32"/></th><th>ايس كريم بالبطيخ</th>
				<td class="right">190 ذهب</td><th><input class="right" type="text" id="txticewT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txticefQ" value="" tabindex="33"/></th><th>بوظة بنكة الفراوله</th>
				<td class="right">75 ذهب</td><th><input class="right" type="text" id="txticefT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtlemonadQ" value="" tabindex="34"/></th><th>عصير ليمون</th>
				<td class="right">70 ذهب</td><th><input class="right" type="text" id="txtlemonadT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtkokQ" value="" tabindex="35"/></th><th>عصير كوكتيل فواكة</th>
				<td class="right">95 ذهب</td><th><input class="right" type="text" id="txtkokT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtkokteQ" value="" tabindex="36"/></th><th>كوكتيل</th>
				<td class="right">155 ذهب</td><th><input class="right" type="text" id="txtkokteT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtairanQ" value="" tabindex="37"/></th><th>عيران</th>
				<td class="right">40 ذهب</td><th><input class="right" type="text" id="txtairanT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtcofemQ" value="" tabindex="38"/></th><th>قهوة منكة</th>
				<td class="right">30 ذهب</td><th><input class="right" type="text" id="txtcofemT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtcapQ" value="" tabindex="39"/></th><th>قهوة كابتشينو</th>
				<td class="right">30 ذهب</td><th><input class="right" type="text" id="txtcapT" value="" readonly/></th></tr>

      <tr><th><input class="right" type="text" id="txtcap1Q" value="" tabindex="40"/></th><th>كابتشينو</th>
        <td class="right">60 ذهب</td><th><input class="right" type="text" id="txtcap1T" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtloloQ" value="" tabindex="41"/></th><th>قهوة بالحليب</th>
				<td class="right">60 ذهب</td><th><input class="right" type="text" id="txtloloT" value="" readonly/></th></tr>

			<tr><th><input class="right" type="text" id="txtteeQ" value="" tabindex="42"/></th><th>شاي</th>
				<td class="right">20 ذهب</td><th><input class="right" type="text" id="txtteeT" value="" readonly/></th></tr>
                                    
			<!-- Subtotal table row -->
			<tr><th><input class="right" type="text" id="txtQuantity" value="" readonly/></th><th class="right" colspan="2">إجمالي المصروفات</th><th>
				<input class="right" type="text" id="txtSubT" value="" readonly/></th></tr>
			<!-- Tax table row -->
			<tr><th class="right" colspan="3">المكسب</th><th><input class="right" type="text" id="txtTax" value="" readonly/></th></tr>
			<!-- Total table row -->
			<tr><th><input type="button" value="Order" tabindex="4" onclick="compute();"></th><th class="right" colspan="2">مكسب + مجموع</th>
				<th><input class="right" type="text" id="txtTotal" value="" readonly/><br></th></tr>
					<tr><tr><th></th><th colspan="3"><p id="demo">توضع المكونات هنا</p></th></tr>
		</table>
	</form>

  <button class="button" onclick="location.reload();">
    <svg viewBox="0 0 448 512" class="svgIcon">
      <path d="M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z"></path>
    </svg>
    </button>


	<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>خلفية صورة للموقع</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-image: url('https://www.raed.net/img?id=1173063'); /* رابط الصورة */
            background-size: cover; /* لتغطية الخلفية بالكامل */
            background-repeat: no-repeat; /* عدم تكرار الصورة */
            background-position: right; /* تمركز الصورة في المنتصف */
        }
    </style>
</head>
<body>
    <h1 style="color: white; text-align: center; margin-top: 5%;">MA$$Y Order System</h1>
</body>
</html>


</body>
</html>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
</html>
