<?php
/**
 * Resume Template
 *
 * @package Immowp_Gestion_Immobiliere
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>
<div class="iwp__card-header">
	<h2><?php esc_html_e( 'Caractéristiques principales', 'immowp-gestion-immobiliere' ); ?></h2>
</div>
<div class="iwp__card-body">
	<ul class="iwp__overview-list">
		<?php if ( ! empty( $type ) ) : ?>
			<li>
				<div class="iwp__overview-item">
					<div class="iwp__media-icon">
						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg>
					</div>
					<div class="iwp__media-body">
						<span class="iwp__label"><?php esc_html_e( 'Type de bien', 'immowp-gestion-immobiliere' ); ?></span>
						<span class="iwp__value"><?php echo esc_html( ucfirst( $type ) ); ?></span>
					</div>
				</div>
			</li>
		<?php endif; ?>

        <?php if ( ! empty( $offre ) ) : ?>
			<li>
				<div class="iwp__overview-item">
					<div class="iwp__media-icon">
						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M14.25 7.756a4.5 4.5 0 100 8.488M7.5 10.5h5.25m-5.25 3h5.25M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
					</div>
					<div class="iwp__media-body">
						<span class="iwp__label"><?php esc_html_e( 'Transaction', 'immowp-gestion-immobiliere' ); ?></span>
						<span class="iwp__value"><?php echo esc_html( ucfirst( $offre ) ); ?></span>
					</div>
				</div>
			</li>
		<?php endif; ?>

        <?php if ( ! empty( $nombre_pieces ) ) : ?>
			<li>
				<div class="iwp__overview-item">
					<div class="iwp__media-icon">
						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg>
					</div>
					<div class="iwp__media-body">
						<span class="iwp__label"><?php esc_html_e( 'Pièces', 'immowp-gestion-immobiliere' ); ?></span>
						<span class="iwp__value"><?php echo esc_html( $nombre_pieces ); ?> <?php esc_html_e( 'pièces', 'immowp-gestion-immobiliere' ); ?></span>
					</div>
				</div>
			</li>
		<?php endif; ?>

		<?php if ( ! empty( $nombre_chambres ) ) : ?>
			<li>
				<div class="iwp__overview-item">
					<div class="iwp__media-icon"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.125-.504 1.125-1.125V14.25m-17.25 4.5l.902-10.82c.115-1.38 1.27-2.43 2.656-2.43h10.634c1.386 0 2.54 1.05 2.656 2.43l.902 10.82M3.75 20.25v.375m16.5-.375v.375" /></svg>
					</div>
					<div class="iwp__media-body">
						<span class="iwp__label"><?php esc_html_e( 'Chambres', 'immowp-gestion-immobiliere' ); ?></span>
						<span class="iwp__value"><?php echo esc_html( $nombre_chambres ); ?> <?php esc_html_e( 'chambres', 'immowp-gestion-immobiliere' ); ?></span>
					</div>
				</div>
			</li>
		<?php endif; ?>
		
		<?php if ( ! empty( $surface ) ) : ?>
			<li>
				<div class="iwp__overview-item">
					<div class="iwp__media-icon">
						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" /></svg>
					</div>
					<div class="iwp__media-body">
						<span class="iwp__label"><?php esc_html_e( 'Surface habitable', 'immowp-gestion-immobiliere' ); ?></span>
						<span class="iwp__value"><?php echo esc_html( $surface ); ?> m²</span>
					</div>
				</div>
			</li>
		<?php endif; ?>

        <?php if ( ! empty( $surface_jardin ) ) : ?>
		<li>
			<div class="iwp__overview-item">
				<div class="iwp__media-icon">
					<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" /></svg>
				</div>
				<div class="iwp__media-body">
					<span class="iwp__label"><?php esc_html_e( 'Terrain', 'immowp-gestion-immobiliere' ); ?></span>
					<span class="iwp__value"><?php echo esc_html( $surface_jardin ); ?> m²</span>
				</div>
			</div>
		</li>
		<?php endif; ?>
	</ul>
</div>