{extends file="views/layout.tpl"}

{block name="content"}

<section class="user-profile mb-5 /*vh /* p-5" {if $user->getPseudo()|stripos:'minou' !== false}style=" background-color: #ff8c00 !important; /* Orange tigre */
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 30px,
        rgba(0, 0, 0, 0.15) 30px,
        rgba(0, 0, 0, 0.15) 60px
    ) !important;
    border: 2px solid #000 !important;
    color: #000 !important;
    position: relative;
    z-index: 1;"{/if}>
    <div class="row" >
        <div class="col-md-4 text-center">
            <img src="{$smarty.env.BASE_URL}/{$smarty.env.IMG_USER_PATH}{if ($smarty.env.IMG_USER_PATH|cat:($user->getImage()))|file_exists}{$user->getImage()}{else}images.jpg{/if}" alt="Avatar de {$user->getPseudo()}" class="rounded-circle flex-shrink-0 border border-2 border-white"
     				style="width: 256px; height: 256px; object-fit: cover; margin-top: 8px;{if $user->getPseudo()|stripos:'minou' !== false}
    box-shadow: 0 0 0 4px #000; {/if}"
     				 >
        </div>
        <div class="col-md-8  align-items-center p-0">
            <div>
                <h1 {if $user->getPseudo()|stripos:'minou' !== false}style="font-weight: 800 !important;
    text-transform: uppercase;
    color: #000 !important;"{/if}>{$user->getPseudo()}</h1>
                <p class="text-muted">{$user->getMail()}</p>

                {if $user->getWork()}
                    <div class="d-flex align-items-center gap-2 mt-3">
                        <i class="fa-solid fa-briefcase"></i>
                        <p class="mb-0">{$user->getWork()}</p>
                    </div>
                {/if}

                {if $user->getLocation()}
                    
                    <div class="d-flex align-items-center gap-2 mt-3">
                        <i class="fa-solid fa-location-dot"></i>
                        <p class="mb-0">{$user->getLocation()}</p>
                    </div>
                {/if}
                {if $user->getLocation()}
                    
                    <div class="d-flex align-items-center gap-2 mt-3">
                        <i class="fa-regular fa-note-sticky"></i> <p class="mb-0">{$user->getDescription()}</p>
                    </div>
                {/if}

                {if isset($smarty.session.user) && $smarty.session.user.user_id == $user->getId()}
                <a class="btn btn-sm btn-primary flex-fill" {if $user->getPseudo()|stripos:'minou' !== false}style="
    background-color: #000 !important;
    color: #ff8c00 !important;
    border: none !important;
    font-weight: bold !important;
    transition: transform 0.2s;"{/if}
                       href="{$smarty.env.BASE_URL}/user/edit">Edit account</a>
                {/if}
            </div>
            
        </div>
    </div>
</section>

<section>
    <h2 class="mb-4 border-bottom pb-2">Les projets de {$user->getPseudo()}</h2>
    
    <div class="row m-0">
        {if count($arrProjectToDisplay) > 0}
            {foreach $arrProjectToDisplay as $objProject}
                    {include file="views/_partial/preview.tpl"}
            {/foreach} 
        {else}
            <div class="col-12">
            <p class="col-12 alert alert-info">Cet utilisateur n'a pas encore publié de projets.</p>
            </div>
        {/if}
    </div>
</section>

{/block}