{% extends "base.html" %}
{% block title %}الفيروز للمنظفات{% endblock %}
{% block content %}
<div class="fade-in">
  <h2 class="mb-4 text-center">الوكلاء المعتمدون</h2>

  <div class="row">
    <!-- وكيل 1 -->
    <div class="col-md-4 mb-4">
      <div class="card h-100 text-center">
        <div class="card-body d-flex flex-column">
          <h5 class="card-title"> مركز مبيعات الفيروز</h5>
          <p class="card-text"><i class="fas fa-map-marker-alt text-primary"></i> الحلة </p>
          <p class="card-text"dir="ltr"><i class="fas fa-phone text-success"></i > +964 777 986 0059</p>
          <p class="card-text ">وكيلنا معتمد في منطقة الحلة</p>
        </div>
        <!-- خريطة الوكيل -->
        <div class="card-footer">
          <iframe 
              src="https://www.google.com/maps?q=32.52767703624648, 44.43499113870217&hl=ar&z=17&output=embed"
            width="100%"
            height="400"
            style="border:0;"
            allowfullscreen=""
            loading="lazy"
            referrerpolicy="no-referrer-when-downgrade">
          </iframe>
        </div>
      </div>
    </div>

    


{% endblock %}