<?php get_header(); 
  if ( get_option('show_on_front') == 'posts' && is_home() && is_front_page() && get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_display_option' ) == '1' ) {
    ?>

    <div class="wpdevart-homepage-page-banner 
          <?php if (empty(get_theme_mod( 'wpdevart_fashion_shop_homepage_large_banner_bg_gradient_color' ))) 
                { echo esc_attr( 'wpdevart-homepage-bg-color' ); } 
                else { echo esc_attr('wpdevart-homepage-bg-gradient-color'); } ?>" id="content_navigator">
      <div class="container">
        <div class="wpdevart-home-banner group">
            <div class="wpdevart-home-banner-one">
              <div class="wpdevart-home-banner-inner">

              <div class="wpdevart-banner-short-text"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_short_description' ) );  ?></div>
              <div class="wpdevart-banner-title"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_title' ) ); ?></div>

              <?php if ( empty(get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_first_text' )) && empty(get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_second_text' )) && empty(get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_third_text' )) && empty(get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_fourth_text' )) ) { } else { ?>

                    <div class="sliding-text-container">
                      <div class="sliding-text">
                        <ul>
                          <?php if (!empty(get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_first_text' ))) { ?><li><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_first_text' ) ) ?></li><?php } ?>
                          <?php if (!empty(get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_second_text' ))) { ?><li><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_second_text' ) ) ?></li><?php } ?>
                          <?php if (!empty(get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_third_text' ))) { ?><li><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_third_text' ) ) ?></li><?php } ?>
                          <?php if (!empty(get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_fourth_text' ))) { ?><li><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_sliding_fourth_text' ) ) ?></li><?php } ?>
                        </ul>
                      </div>
                    </div>

              <?php } ?>

              <div class="wpdevart-banner-content"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_content' ) );  ?></div>
              
              <div id="outer">
                  <?php if (get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_show_banner_first_button', '1' )) { } else { 
                    ?><div class="wpdevart_fashion_shop_hover_button wpdevart-banner-button-one <?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_first_button_style' ) ); ?>"><a href="<?php echo esc_url( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_first_button_url' ) );  ?>"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_first_button_text' ) );  ?></a></div>
                  <?php } ?>
                  <?php if (get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_show_banner_second_button', '1' )) { } else { 
                    ?> <div class="wpdevart_fashion_shop_hover_button wpdevart-banner-button-two <?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_second_button_style' ) ); ?>"><a href="<?php echo esc_url( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_second_button_url' ) );  ?>"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_second_button_text' ) );  ?></a></div>
                  <?php } ?>
              </div>

              </div>
            </div>

            <div class="wpdevart-home-banner-two">
              <div class="wpdevart-home-banner-inner">
                  <div class="wpdevart-banner-image-wrapper">
                    <?php 
                        if ( ! get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_image_1' )) { } else { ?>
                        <div class="wpdevart-banner-content-image"><img src="<?php echo esc_url( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_image_1' ) ); ?>"></div>
                        <?php }
                        if ( ! get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_image_2' )) { } else { ?>
                        <div class="wpdevart-banner-content-second-image wpdevart-element-animation-from-left"><img src="<?php echo esc_url( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_image_2' ) ); ?>"></div>
                        <?php }
                        if ( ! get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_image_3' )) { } else { ?>
                        <div class="wpdevart-banner-content-third-image wpdevart-element-animation-from-right"><img src="<?php echo esc_url( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_banner_image_3' ) ); ?>"></div>
                        <?php } 
                    ?>
                  </div>
              </div>
            </div>

        </div>
    </div>

    </div>

    <?php if (get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_hide_call_action', '1' )) { } else { ?> 
            <div class="wpdevart-homepage-title-description">   
                <div class="wpdevart-custom-desctiption"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_action_desc' ) ); ?></div>
                <div class="wpdevart-custom-title"><h3 class="wpdevart-custom-title-content"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_action_title' ) ); ?></h3></div>
            </div>
            <div class="<?php if (empty(get_theme_mod( 'wpdevart_fashion_shop_call_action_bg_gradient_color' ))) 
                        { echo esc_attr( 'wpdevart-action-section-bg' ); } 
                        else { echo esc_attr('wpdevart-action-section-bg-gradient'); } ?>">
                <div class="wpdevart-action-section">
                    <div class="wpdevart-action-image-section">
                      <?php if ( ! get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_to_action_image' )) { } else { ?>
                        <img src="<?php echo esc_url( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_to_action_image' ) ); ?>">
                      <?php } ?>
                    </div>
                    <div class="wpdevart-action-text-button-section">
                      <div class="wpdevart-action-text-content">
                              <h2 class="wpdevart-action-text-content-font"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_action_sub_title' ) ); ?></h2> 
                              <p><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_action_text' ) ); ?></p>
                      </div>
                      <div class="wpdevart-action-button-content">
                        <div class="wpdevart_fashion_shop_hover_button <?php echo esc_attr( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_action_button_style' ) ); ?>"><a href="<?php echo esc_url( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_action_button_url' ) );  ?>"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_call_action_button_text' ) );  ?></a></div>
                      </div>
                    </div>
                </div>
            </div>
    <?php }; ?>
 
    <?php if (get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_hide_latest_post_section', '1' )) { } else { ?> 
          <div class="wpdevart-homepage-title-description">   
                <div class="wpdevart-custom-desctiption"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_latest_post_desctiption' ) ); ?></div>
                <div class="wpdevart-custom-title"><h3 class="wpdevart-custom-title-content"><?php echo esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_latest_post_title' ) ); ?></h3></div>
          </div>

          <div class="wpdevart-homepage-posts-section">
          <div class="wpdevart-homepage-post-container">
                <?php 
                $the_query = new WP_Query( array (
                'posts_per_page' => esc_html( get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_number_of_latest_posts' ) ),
                'post_type' => 'post',
                'orderby' => 'date',
                'order' => 'DESC',
                'post__not_in' => get_option( 'sticky_posts' )
                ));
                if ( $the_query->have_posts() ) :
                  while ( $the_query->have_posts() ) : $the_query->the_post();
                ?>

                <div class="wpdevart-homepage-posts-content">
                        <?php if (has_post_thumbnail() ) { ?> 
                            <div class="wpdevart-images-hover-effect"><a href="<?php the_permalink(); ?>"> <div class="<?php echo esc_attr( get_theme_mod( 'wpdevart_fashion_shop_posts_list_images_hover_effect' ) ); ?>"><img src="<?php echo esc_url(get_the_post_thumbnail_url()); ?>" /></div></a></div>
                        <?php } else { ?>
                            <div class="wpdevart-images-hover-effect"><a href="<?php the_permalink(); ?>"> <div class="<?php echo esc_attr( get_theme_mod( 'wpdevart_fashion_shop_posts_list_images_hover_effect' ) ); ?>"><img src="<?php echo esc_url(get_theme_file_uri('/images/wpdevart-no-image.jpg')); ?>" /></div></a></div>
                        <?php } ?>
                        <div class="wpdevart-home-latest-posts-list-title"><h5 class="wpdevart-home-latest-post-title"><a href="<?php the_permalink(); ?>">
                        <?php if( empty( $post->post_title ) ) { echo esc_html__( 'No Title', 'fashion-shop'); } else { echo esc_html(wp_trim_words(get_the_title(), 3)); } ?>
                        </a></h5></div>
                        <span class="wpdevart-home-latest-post-date"><?php echo esc_html(get_the_date('F j, Y')); ?></span>
                        <div class="wpdevart-home-latest-post-text"><p><?php echo esc_html(wp_trim_words(get_the_content(), 20)); ?></p></div>
                        <span class="wpdevart-home-latest-post-read-more"><a href="<?php the_permalink(); ?>"><?php echo esc_html("Read More"); ?><i class="fa-solid fa-arrow-right-long wpdevart-home-arrow-right"></i></a></span>
                </div>
                    <?php endwhile; wp_reset_postdata(); ?>
                <?php 
                ?>
            
                <?php else : ?>
                <div class="wpdevart-homepage-posts-content">
                      <div><a href="<?php echo esc_url( home_url( 'wp-admin/post-new.php' ) ); ?>"> <div class="<?php echo esc_attr( get_theme_mod( 'wpdevart_fashion_shop_posts_list_images_hover_effect' ) ); ?>"><img src="<?php echo esc_url(get_theme_file_uri('/images/banner-homepage-image-1.png')); ?>" /></div></a></div>
                      <div class="wpdevart-home-latest-posts-list-title"><h5 class="wpdevart-home-latest-post-title"><a href="<?php echo esc_url( home_url( 'wp-admin/post-new.php' ) ); ?>"><?php echo esc_html__('Demo Post', 'fashion-shop'); ?></a></h5></div>
                      <div class="wpdevart-home-latest-post-text"><p><?php echo esc_html__( 'These are just demo posts. Once you add your first post, this demo content will simply disappear.', 'fashion-shop'); ?></p></div>
                </div>
                <div class="wpdevart-homepage-posts-content">
                      <div><a href="<?php echo esc_url( home_url( 'wp-admin/post-new.php' ) ); ?>"> <div class="<?php echo esc_attr( get_theme_mod( 'wpdevart_fashion_shop_posts_list_images_hover_effect' ) ); ?>"><img src="<?php echo esc_url(get_theme_file_uri('/images/banner-homepage-image-1.png')); ?>" /></div></a></div>
                      <div class="wpdevart-home-latest-posts-list-title"><h5 class="wpdevart-home-latest-post-title"><a href="<?php echo esc_url( home_url( 'wp-admin/post-new.php' ) ); ?>"><?php echo esc_html__('Demo Post', 'fashion-shop'); ?></a></h5></div>
                      <div class="wpdevart-home-latest-post-text"><p><?php echo esc_html__( 'These are just demo posts. Once you add your first post, this demo content will simply disappear.', 'fashion-shop'); ?></p></div>
                </div>
                <div class="wpdevart-homepage-posts-content">
                      <div><a href="<?php echo esc_url( home_url( 'wp-admin/post-new.php' ) ); ?>"> <div class="<?php echo esc_attr( get_theme_mod( 'wpdevart_fashion_shop_posts_list_images_hover_effect' ) ); ?>"><img src="<?php echo esc_url(get_theme_file_uri('/images/banner-homepage-image-1.png')); ?>" /></div></a></div>
                      <div class="wpdevart-home-latest-posts-list-title"><h5 class="wpdevart-home-latest-post-title"><a href="<?php echo esc_url( home_url( 'wp-admin/post-new.php' ) ); ?>"><?php echo esc_html__('Demo Post', 'fashion-shop'); ?></a></h5></div>
                      <div class="wpdevart-home-latest-post-text"><p><?php echo esc_html__( 'These are just demo posts. Once you add your first post, this demo content will simply disappear.', 'fashion-shop'); ?></p></div>
                </div>
                <?php endif; ?>
                </div>
          </div>
          <?php }; ?>
          </div>    
    <?php 
    } 
    
    else if ( get_option('show_on_front') == 'posts' && is_home() && is_front_page() && get_theme_mod( 'wpdevart_fashion_shop_custom_homepage_display_option' ) != '1' ) { 
      get_template_part( 'template-parts/content/content' );
    }

    else {
            while(have_posts()) {
              the_post(); 
              ?>
                  <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                      <div class="page-banner">
                          <div class="wpdevart-page-banner__bg"></div>
                          <div class="container <?php if ( get_theme_mod( 'wpdevart_fashion_shop_single_page_banner_width' ) == 'narrow' ) { echo esc_attr('wpdevart-banner-narrow-container'); } ?>">
                              <div class="page-banner-content"><h1 class="page-banner__title"><?php the_title(); ?></h1>
                              </div>
                          </div>
                      </div>

                      <div class="wpdevart-main-container">
                      <div role="main" class="container <?php if (( get_theme_mod( 'wpdevart_fashion_shop_single_page_layout' ) != 'sidebarnone' ) && ( get_theme_mod( 'wpdevart_fashion_shop_single_page_layout' ) == 'sidebarleft' ))
                                                    { echo esc_attr('container-with-sidebar wpdevart-main-content-sidebarleft'); } 
                                                else if (( get_theme_mod( 'wpdevart_fashion_shop_single_page_layout' ) != 'sidebarnone' ) && ( get_theme_mod( 'wpdevart_fashion_shop_single_page_layout' ) != 'sidebarleft' )) 
                                                    { echo esc_attr('container-with-sidebar'); } 
                                                ?> wpdevart-main-content" id="content_navigator">
                            <div class="generic-content <?php if ( get_theme_mod( 'wpdevart_fashion_shop_single_page_layout' ) == 'sidebarnone' ) { echo esc_attr('generic-content-full-width'); } ?>">
                                <?php get_template_part( 'template-parts/content/generic-content' ); ?>
                            </div>
                            <?php if ( get_theme_mod( 'wpdevart_fashion_shop_single_page_layout' ) != 'sidebarnone' ) { get_template_part( 'template-parts/sidebar/sidebar-default' ); } ?>
                      </div>
                      </div>
                  </article>
              <?php }
    }

get_footer(); ?>