<?php
use BackWPup\Utils\BackWPupHelpers;

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

/**
 * @var string  $type           The type of alert. Values: "pro", "alert", "danger", "default". Default: "default".
 * @var string  $content        The content. Default: "".
 * @var string  $content2       Optional. A second line of content. Default: "".
 * @var string  $font           Optional. The font size. Values: "xs", "small", "medium". Default: null.
 * @var string  $children       Optional. Children component to display. Must fit a /part/ template. Default: null.
 */

# Type
$types = ["pro", "alert", "danger", "default","success"];
$type = isset($type) && in_array($type, $types) ? $type : "default";
switch ($type) {
  case "pro":
    $block_style = "bg-secondary-lighter text-primary-darker";
    $icon = "pro";
    break;
  case "alert":
    $block_style = "bg-alert-light text-alert";
    $icon = "alert";
    break;
  case "danger":
    $block_style = "bg-danger-light text-danger";
    $icon = "alert";
    break;
  case "success":
    $block_style = "bg-secondary-lighter text-primary-darker";
    $icon = "circle-check";
    break;

  default:
    $block_style = "bg-white text-primary-darker";
    $icon = "info";
    break;
}

# Font
$font = $font ?? "medium";
$font_sizes = [
  "xs" => "text-xs",
  "small" => "text-sm",
  "medium" => "text-base",
];
$font_size = array_key_exists($font, $font_sizes) ? $font_sizes[$font] : $font_sizes['medium'];

$dismiss_icon = $dismiss_icon ?? false;
?>
<div class="flex items-center gap-2 p-4 rounded <?php echo esc_attr( $block_style ); ?>">
  <div class="shrink-0">
    <?php BackWPupHelpers::component("icon", ["name" => $icon, "size" => "large"]); ?>
  </div>
  <div class="flex flex-col gap-1 flex-1">
    <p class="<?php echo esc_attr( $font_size ); ?> font-medium">
      <?php echo wp_kses_post( $content ?? '' ); ?>
    </p>
    <?php if (isset($content2)) : ?>
      <p class="<?php echo esc_attr( BackWPupHelpers::clsx( "mt-2", $font_size ) ); ?> font-medium">
        <?php echo wp_kses_post( $content2 ); ?>
      </p>
    <?php endif; ?>
    <?php isset($children) && BackWPupHelpers::children($children); ?>
  </div>
	<?php if ($dismiss_icon) : ?>
    <div class="shrink-0 cursor-pointer ml-auto dismiss-icon">
		<?php BackWPupHelpers::component("icon", ["name" => "close", "size" => "small"]); ?>
    </div>
    <?php endif; ?>
</div>
