<!DOCTYPE html>
<html dir="rtl">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
  <title>دانلود پرچم</title>
</head>

<body>
  <?php include 'layouts/navbar.php'; ?>
  <div class="container form-div">
  <br><br><br>
  <h1><i class="bi bi-flag r-8"></i>جستجو پرچم</h1>
  <p style="padding-top:8px; color:#ff0000;">لطفا نام کشور یا کد کشور را به انگلیسی وارد کنید</p>
  <form>
    <div class="form-group form-div">
      <input type="text" class="form-control" name="flag" placeholder="نام کشور را وارد کنید...">
    </div>
    <div class="form-div">
      <button type="submit" class="btn btn-primary">ارسال</button>
    </div>
  </form>
  <br>
  <hr>
  <h2 class="textc">پیش نمایش :</h2>
  <?php 
  // get flag name
  $show = $_GET['flag'];
  echo "<img src='https://countryflagsapi.com/svg/$show' class='img-fluid' style='text-align: center; width: 200px; height: 150px;'>";
  echo "<br><br>";
  echo "<h2 class='textc'>دانلود ها :</h2>";
  echo "<div>";
  echo "<a href='https://countryflagsapi.com/svg/$show' type='button' class='btn btn-outline-primary' style='margin: 6px;' target='_blank'>دانلود فرمت svg</a>";
  echo "<a href='https://countryflagsapi.com/png/$show' type='button' class='btn btn-outline-primary' style='margin: 6px;' target='_blank'>دانلود فرمت png</a>";
  echo "</div>";
  ?>
  <br><br>
  <?php include 'layouts/hero.php'; ?>
  
</div>
<br><br>
  <?php include 'layouts/footer.php'; ?>
  <script src="libs/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>

</html>
