{% extends '@App/partials/base.html.twig' %}

{% block styles %}
  {{ parent() }}
  <link rel="stylesheet" href="{{ asset('assets/libs/cropper/dist/cropper.min.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/css/wizard.css') }}">
{% endblock %}

{% block script %}
  {{ parent() }}
  <script src="{{ asset('assets/libs/cropper/dist/cropper.min.js') }}"></script>
  <script src="{{ asset('assets/libs/tinymce/tinymce.min.js') }}"></script>
  <script src="{{ asset('assets/app/societe_new.js') }}"></script>
{% endblock %}

{% block content %}


      <div class="body-wrapper">
        <div class="container-fluid">

          <div class="card card-body py-3">
            <div class="row align-items-center">
              <div class="col-12">
                <div class="d-sm-flex align-items-center justify-space-between">
                  <h4 class="mb-4 mb-sm-0 card-title">Sociétés</h4>
                  <nav aria-label="breadcrumb" class="ms-auto">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item d-flex align-items-center">
                        <a href="{{ path('societe_add_modal') }}" class="btn btn-primary" data-turbo-frame="modal-frame">
                          Ajouter une société
                        </a>

                      </li>
                    </ol>
                  </nav>
                </div>
              </div>
            </div>  
          </div>

          <div class="card">
            <div class="card-body">
              <turbo-frame id="societes-table" src="{{path('societe_turbo_table')}}">
                Chargement des sociétés
              </turbo-frame>
            </div>
          </div>

      </div>
    </div>
    
{% endblock %}