{% extends 'base.html' %}
{% load static %}

{% block title %}Paramètrages - Contrôle Technique{% endblock %}
{% block content %}
<body>
    <nav class="layout-navbar container-xxl navbar-detached navbar navbar-expand-xl align-items-center bg-navbar-theme" id="layout-navbar">
        <div class="layout-menu-toggle navbar-nav align-items-xl-center me-4 me-xl-0 d-xl-none">
            <a class="nav-item nav-link px-0 me-xl-6" href="javascript:void(0)">
                <i class="icon-base bx bx-menu icon-md"></i>
            </a>
        </div>

        <div class="navbar-nav-right d-flex align-items-center justify-content-end" id="navbar-collapse">
              <!-- Search -->
            <div class="navbar-nav align-items-center me-auto">
                <div class="nav-item d-flex align-items-center">
                  <span class="w-px-22 h-px-22"><i class="icon-base bx bx-building icon-md"></i></span>
                  <h3>Paramétrages.</h3>
                </div>
            </div>
              <!-- /Search -->

              <ul class="navbar-nav flex-row align-items-center ms-md-auto">
                <!-- Place this tag where you want the button to render. -->
                <li class="nav-item lh-1 me-4">
                  <span><template shadowrootmode="closed"><style type="text/css">body{margin:0}a{text-decoration:none;outline:0}.widget{display:inline-block;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:0;line-height:0;white-space:nowrap}.btn,.social-count{position:relative;display:inline-block;display:inline-flex;height:14px;padding:2px 5px;font-size:11px;font-weight:600;line-height:14px;vertical-align:bottom;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid}.btn{border-radius:.25em}.btn:not(:last-child){border-radius:.25em 0 0 .25em}.social-count{border-left:0;border-radius:0 .25em .25em 0}.widget-lg .btn,.widget-lg .social-count{height:16px;padding:5px 10px;font-size:12px;line-height:16px}.octicon{display:inline-block;vertical-align:text-top;fill:currentColor;overflow:visible}.btn:focus-visible,.social-count:focus-visible{outline:2px solid #0969da;outline-offset:-2px}.btn{color:#25292e;background-color:#ebf0f4;border-color:#d1d9e0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23f6f8fa'/%3e%3cstop offset='90%25' stop-color='%23ebf0f4'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e");background-image:-moz-linear-gradient(top, #f6f8fa, #ebf0f4 90%);background-image:linear-gradient(180deg, #f6f8fa, #ebf0f4 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFF6F8FA', endColorstr='#FFEAEFF3')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#e5eaee;background-position:0 -0.5em;border-color:#d1d9e0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23eff2f5'/%3e%3cstop offset='90%25' stop-color='%23e5eaee'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e");background-image:-moz-linear-gradient(top, #eff2f5, #e5eaee 90%);background-image:linear-gradient(180deg, #eff2f5, #e5eaee 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFEFF2F5', endColorstr='#FFE4E9ED')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#e6eaef;border-color:#d1d9e0;background-image:none;filter:none}.social-count{color:#25292e;background-color:#fff;border-color:#d1d9e0}.social-count:hover,.social-count:focus{color:#0969da}.octicon-heart{color:#bf3989}</style></template></span>
                </li>
              </ul>
        </div>
    </nav>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
        <div class="container-xxl flex-grow-1 container-p-y"> 
            <div class="row">   
                <div class="col-xxl-12 mb-6 order-0">
                    <div class="card">
                        <div class="d-flex align-items-start row">
                            <div class="col-sm-7">
                                <div class="card-body">
                                    <h5 class="card-title text-primary mb-3">Paramètrages  des types de pv et ouvrages contrôlés 🎉</h5>
                                    <p class="mb-6">
                                        Cette partie parmet de gérer l'évolution des types de procès-verbal ainsi .<br> 
                                        des ouvrages à contrôlé par nos ingénieurs.
                                    </p>
                                </div>
                            </div>
                            <div class="col-sm-5 text-center text-sm-left">
                                <div class="card-body pb-0 px-0 px-md-6">
                                    <img src="{% static 'assets/img/illustrations/man-with-laptop.png' %}" height="175" alt="View Badge User">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <BR></BR>
        <div class="row mb-12 g-3">
                <div class="col-md-6 col-lg-3">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Type de Procès-Verbaux</h5>
                      <p class="card-text">
                        Les types de procès verbaux peuvent évolué, ainsi nous pouvons faire la mise à jour <br>
                        (Ajouter, modifier ou supprimer) les différents types existants
                      </p>
                      <a href="{% url 'controle:param_listepv'%}" class="btn btn-info">Procès-Verbaux</a>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-3">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Ouvrages </h5>
                      <p class="card-text">
                        les ouvrages contrôlés suivent une codification stricte, mais aussi ils peuvent évoluer <br>
                        donc la possibilité de faire une mise à jour (Ajouter, modifier ou supprimer)
                      </p>
                      <a href="{% url 'controle:liste_ouvrages' %}" class="btn btn-success">Ouvrages</a>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-3">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Eléments d'Ouvrages </h5>
                      <p class="card-text">
                        les ouvrages contrôlés suivent une codification stricte, mais aussi ils peuvent évoluer <br>
                        donc la possibilité de faire une mise à jour (Ajouter, modifier ou supprimer)
                      </p>
                      <a href="{% url 'controle:liste_elements' %}" class="btn btn-warning">Eléments d'Ouvrages</a>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-3">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Points de Contrôle </h5>
                      <p class="card-text">
                        les ouvrages contrôlés suivent une codification stricte, mais aussi ils peuvent évoluer <br>
                        donc la possibilité de faire une mise à jour (Ajouter, modifier ou supprimer)
                      </p>
                      <a href="{% url 'controle:liste_points_controle' %}" class="btn btn-danger">Points de Contrôle</a>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-3">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Clents </h5>
                      <p class="card-text">
                        les ouvrages contrôlés suivent une codification stricte, mais aussi ils peuvent évoluer <br>
                        donc la possibilité de faire une mise à jour (Ajouter, modifier ou supprimer)
                      </p>
                      <a href="{% url 'controle:liste_clients' %}" class="btn btn-primary">Clients</a>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-3">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Projets </h5>
                      <p class="card-text">
                        les ouvrages contrôlés suivent une codification stricte, mais aussi ils peuvent évoluer <br>
                        donc la possibilité de faire une mise à jour (Ajouter, modifier ou supprimer)
                      </p>
                      <a href="{% url 'controle:liste_points_controle' %}" class="btn btn-secondary">Projets</a>
                    </div>
                  </div>
                </div>
              </div>
               </div>    
        </div>  
</body>



{% endblock %}