<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

$stories = get_posts( array(
    'post_type'      => 'es_story',
    'post_status'    => 'publish',
    'posts_per_page' => -1,
    'orderby'        => 'menu_order',
    'order'          => 'ASC',
) );

if ( empty( $stories ) ) {
    echo '<p>هنوز استوری‌ای ثبت نشده است.</p>';
    return;
}
?>

<div class="es-stories-wrapper">

<?php foreach ( $stories as $story ) :

    $image = get_post_meta( $story->ID, '_es_story_image', true );
    $link  = get_post_meta( $story->ID, '_es_story_link', true );

    if ( empty( $image ) ) {
        continue;
    }
?>

<div class="es-story-item">

    <a href="<?php echo esc_url( $link ? $link : '#' ); ?>">

        <div class="es-story-circle">

            <img src="<?php echo esc_url( $image ); ?>" alt="<?php echo esc_attr( $story->post_title ); ?>">

        </div>

        <span><?php echo esc_html( $story->post_title ); ?></span>

    </a>

</div>

<?php endforeach; ?>

</div>