<?php
if (isset($_POST['freetoggle'])) {
  require_once('../../../../../wp-load.php');
}
$url = esc_url('https://d108fh6x7uy5wn.cloudfront.net/themes.json');
$curl = curl_init();
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl, CURLOPT_URL, $url);
$array = curl_exec($curl);
curl_close($curl);
$array = json_decode($array, true);
$array = $array['themes'];
foreach ($array as $theme) {
	echo '<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-4 col-xxl-4 col-xxxl-3">
	<div class="ocwpi-thumbnail">
	<a id="openModalbtn" data-bs-toggle="modal" data-bs-target="#themeModal" data-id="' . esc_attr( $theme['id'] ) . '" class="btn btn-link p-0 m-0 border-0"><img src="' . esc_url( $theme['screenshot_url'] ) . '" class="card-img-top" title="View More Details"></a>
	<div class="ocwpi-caption">
	<div class="row">
	<div class="col-xs-12 col-md-12 px-3 text-center">
	<span class="ocwpi-name"><strong>' . esc_html( $theme['name'] ) . '</strong></span>
	<span class="ocwpi-author"><span class="text-muted"><em>by</em></span> ' . esc_html( $theme['author'] ) . '</span>
	</div>
	</div>
	</div>
	<div class="ocwpi-buttons">
	<div class="row">
	<div class="btn-group">
	<a id="installtheme" name="installtheme" data-name="' . esc_attr( $theme['name'] ) . '" data-slug="' . esc_attr( $theme['theme_slug'] ) . '" data-url="' . esc_url( $theme['download_url'] ) . '" class="w-100 text-center button button-hero button-buy" title="Install ' . esc_attr( $theme['name'] ) . '">Install</a>
	<a href="' . esc_url( $theme['preview_url'] ) . '" target="_blank" class="col-md-4 text-center button button-hero button-preview" role="button" title="Preview ' . esc_attr( $theme['name'] ) . '">Preview</a>
	<a href="' . esc_url( $theme['download_url'] ) . '" class="col-md-4 text-center button button-hero button-details" role="button" title="Download ' . esc_attr( $theme['name'] ) . '">Download</a>
	</div>
	</div>
	</div>
	</div>
	</div>';
};