{% extends 'backoffice/base.html' %}

{% block title %} Mises à jour Client Ecolux BTP {% endblock  %}

{% block metaseo %} 

        <meta name="robots" content="index, follow, ">
        <meta name="title" content="">

        <meta name="description"
        content="">

        <meta property="og:title" content="" />

        <meta name="keywords" content=''>
        
{% endblock %}

{% block content %}

<script>
    document.getElementById('menu-customers').classList.add('is-active')
    </script>
    <section class="section is-title-bar" >

        <div class="level">
          <div class="level-left">
            <div class="level-item">
              <ul >
                <li style="font-size: 15px !important; ">AZ</li>
                <li style="font-size: 15px !important; ">Clients</li>
                <li style="font-size: 15px !important; ">{% if action == 'add' %} Nouveau client {% {% elif action = 'update' %} %} {{customer.getCode}} - {{customer.cuser.user.first_name}} {{customer.cuser.user.last_name}} {% endif %}</li>
              </ul>
            </div>
          </div>
          <div class="level-right">
            <div class="level-item">
              <button onclick="openPopup('customer-modal')" class="button is-info is-dark is-small">Ajouter</button>
            </div>
          </div>
        </div>

    </section>

    <div class="container" style="min-height: 85vh;">

        <div class="card m-3 has-table">
            <header class="card-header">
              <p class="card-header-title">
                <span class="icon"><i class="mdi mdi-account-multiple"></i></span>
                Client
              </p>
              <a href="#" class="card-header-icon">
                <span class="icon"><i class="mdi mdi-reload"></i></span>
              </a>
            </header>
            <div class="card-content">
              
            </div>
          </div>


    </div>


    {% include "partials/customers/customer-form.html" %}

{% endblock content %}