SWUOnline/UnimplementedCards.php at main · brubraz/SWUOnline · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<?php
include_once 'MenuBar.php';
include_once 'Header.php';
include_once 'GeneratedCode/GeneratedCardDictionaries.php';

$cardsList = [];
?>

<style>
  body {
    background-size: cover;
    background-position: center;
    background-image: url('./Images/arena-bg.webp');
    width: 100%;
    min-height: 100vh;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
</style>

<div class="core-wrapper" style="height: auto; padding-bottom: 40px;">
    <div class="game-browser-wrapper">
        <div class="game-browser container bg-yellow" style="height: auto; margin-right: 20px;">
            <div style="text-align: center; margin-top: 4px;">
                <h2>Unimplemented Cards</h2>
                <p style="margin-bottom: 20px;">The cards we have images for, but are not implemented are below</p>
            </div>
            <div class="container" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px;">
                <?php
                $files = glob('./UnimplementedCards/*.{jpg,jpeg,png,gif,webp}', GLOB_BRACE);
                $cardList = [];
                foreach($files as $file) {
                    $filename = basename($file);
                    $cardId = pathinfo($filename, PATHINFO_FILENAME);
                    $cardName = CardTitle($cardId);
                    $cardList[] = [
                        "name" => $cardName,
                        "id" => $cardId,
                        "filename" => $filename
                    ];
                }

                // Sort the card list by name
                usort($cardList, function($a, $b) {
                    return strcmp($a['name'], $b['name']);
                });

                foreach ($cardList as $card) {
                    $cardName = $card['name'];
                    $cardId = $card['id'];
                    $filename = $card['filename'];

                    // Get image dimensions
                    list($width, $height) = getimagesize($file);
                    $isLandscape = $width > $height;

                    // Calculate styles for landscape images
                    $rotateStyle = $isLandscape ? 'transform: rotate(90deg);' : '';
                    $containerStyle = 'position: relative; padding-top: 140%;'; // Aspect ratio container
                    $imgWrapperStyle = 'position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;';
                    $imgStyle = $isLandscape ? 'max-width: 140%; max-height: 100%; border-radius: 4px;' : 'max-width: 100%; max-height: 100%; border-radius: 4px;';

                    echo "<div style='background: rgba(255,255,255,0.1); padding: 10px; border-radius: 8px; display: flex; flex-direction: column;'>";
                    echo "<div style='$containerStyle'>";
                    echo "<div style='$imgWrapperStyle'>";
                    echo "<img src='UnimplementedCards/$filename' alt='$cardName' style='$imgStyle $rotateStyle'>";
                    echo "</div>";
                    echo "</div>";
                    echo "<div style='margin-top: 10px; text-align: center; font-size: 14px; font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center; flex: 1;'>$cardName</div>";
                    echo "<div style='margin-top: 2px; margin-bottom: 4px; text-align: center; font-size: 12px; font-weight: 600; color: #ffffff80; display: flex; align-items: center; justify-content: center; flex: 1;'>$cardId</div>";
                    echo "</div>";
                }
                ?>
            </div>
            <!-- <div class="cards-list-wrapper" style="text-align: center; padding: 20px 0; margin-top: 40px; max-width: 100%; overflow: hidden;">
            <h3 style="color: #fff; font-size: 24px;">Here are a list of unimplemented cards we don't have images from the <a href="https://starwarsunlimited.com/cards" style="color: #007bff; text-decoration: underline;" target="_blank">SWU website</a>.</h3>
                <ul style="list-style-type: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; max-width: 100%; margin: 0 auto;">
                    <?php
                    foreach ($cardsList as $card) {
                        echo "<li style='display: inline-block; margin-right: 15px; margin-bottom: 10px; font-size: 18px; color: #fff; word-wrap: break-word;'>" . htmlspecialchars($card) . "</li>";
                    }
                    ?>
                 </ul>
            </div> -->
        </div>
    </div>
</div>