{% extends 'base.html.twig' %}

{% block title %}Mon entreprise{% endblock %}

{% block body %}
<style>
    .form-label {
        font-size: 16px;
        font-weight: bold;
    }
    .form-label span {
        font-size: 14px;
        font-weight: normal;
    }
    .form-container, .row {
        margin-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #btn-edit-infos {
        position: absolute;
        top: 30px;
        right: 30px;
    }
</style>
<script>
    $(document).ready(function () {
        $(".page-title h1").text("Mon entreprise");
        //$(".bandeau-img img").attr("src","assets/icons/icon_office.png");

    })
</script>
<div class="container-page">
    <br>
    <br>
    <!-- Your grid container -->
    {% if myCompany is null %}
        <div style="text-align: center;">Vous n'avez pas encore renseigné les informations sur votre entreprise.</div>
        <br>
        <div style="text-align:center;"><button class="btn-glossy"><a style="" target="_blank" href="/company/create/1">Renseigner mon entreprise</a></button></div>
        <br>
    {% else %}
        <div class="form-container" style="position: relative;">
            <div class="row">
                <div class="col-3">
                    <img src="/uploads/companies/{{ myCompany.companyLogo }}" class="img-thumbnail" alt="logo de l\' entreprise">
                    <a href="">Modifier la photo</a>
                </div>
                <div class="col-9">
                    <div class="form-label">RAISON SOCIALE : &nbsp;<span>{{ myCompany.companyName }}</span></div>
                    <div class="form-label">ADRESSE : &nbsp;<span>{{ myCompany.companyAddress }}</span></div>
                    <div class="form-label">CODE POSTAL : &nbsp;<span>{{ myCompany.companyZipcode }}</span></div>
                    <div class="form-label">VILLE : &nbsp;<span>{{ myCompany.companyCity }}</span></div>
                    <div class="form-label">SIRET : &nbsp;<span>{{ myCompany.companySIRET }}</span></div>
                </div>
            </div>
            <button class="btn-glossy" id="btn-edit-infos"><a style="" target="_blank" href="/company/edit/{{ myCompany.id }}">Modifier les informations</a></button>
        </div>
    {% endif %}
   
</div>  
{% endblock %}