<?php

get_header();
global $posts;
global $post;
$wrapper_class = get_option('patterns_settings');
$wrapper_class = isset($wrapper['patterns_wrapper_class']) ? $wrapper_class['patterns_wrapper_class'] : 'container';
if (have_posts()) {
    echo '<div class="patterns--wrapper">';
    // View Function Class
    require trailingslashit(dirname(__FILE__)) . 'class-patterns-view-functions.php';
    $view = new Patterns__View_Funcs();
    $posts_ordered = $view->Patterns__Post_Sort($posts);
    /**
     * Break apart the ordered post to make life easier
     * @var null  if key exists, @var is array
     */
    $color_posts = null;
    $typography_posts = null;
    $pattern_posts = null;
    if (array_key_exists('patterns_colors', $posts_ordered)) {
        $color_posts = $posts_ordered['patterns_colors'];
    }
    if (array_key_exists('patterns_typography', $posts_ordered)) {
        $typography_posts = $posts_ordered['patterns_typography'];
    }
    if ($posts_ordered['patterns']) {
        $pattern_posts = $posts_ordered['patterns'];
    }
    /**
     * Build the navigation