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

{% block title %}Affaires - James Gestion de Production{% endblock %}

{% block body %}  
   <h1></h1>

   
<div class="mt-4 text-center"><h1>Planification des OF</h1></div>
<div class="card mt-4">
    <div class="card-header">
    <h3>Planification</h3>
    </div>
    <div class="card-body">
        <div class="row">
        {{ form_start(form) }}
            <div class="form-group col-2">{{ form_row(form.banc, {'attr': {'class': 'form-select'}}) }}</div>
            <div class="form-group col-2">{{ form_row(form.dateCollage, {'attr': {'class': 'form-control js-datepicker'}}) }}</div>
            <div class="form-group col-2">{{ form_row(form.heureCollage, {'attr': {'class': 'form-control'}}) }}</div>
            <button type="submit" class="btn btn-success"><i class="fe fe-save"></i> Afficher le plan</button>
        {{ form_end(form) }}
        {# <div class="form-group"><a class="btn btn-primary" href="{{ path('app_planification_detail') }}">Afficher le plan</a></div> #}

        {# <table class="table table-sm table-nowrap">
            <thead>
                <tr>
                <th scope="col">Semaine</th>            
                <th scope="col">% Planification</th>
                <th scope="col">Banc A</th>
                <th scope="col">Banc B</th>
                <th scope="col">Banc C</th>
                <th scope="col">Paramétrage</th>
                </tr>
            </thead>
            <tbody>
            {% set annee = 2025 %}
            {% set semaine = 25 %}
                <tr>
                    <th scope="row">{{semaine}}</th>                
                    <td>{% set totalBanc = 90 %} <div class="progress"><div class="progress-bar" role="progressbar" style="width: {{totalBanc}}%" aria-valuenow="{{totalBanc}}" aria-valuemin="0" aria-valuemax="100">{{totalBanc}}%</div></div></td>
                    <td>{% set bancA = 90 %}<div class="progress"><div class="progress-bar bg-info" role="progressbar" style="width: {{bancA}}%" aria-valuenow="{{bancA}}" aria-valuemin="0" aria-valuemax="100">{{bancA}}%</div></div></td>
                    <td>{% set bancB = 90 %}<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: {{bancB}}%" aria-valuenow="{{bancB}}" aria-valuemin="0" aria-valuemax="100">{{bancB}}%</div></div></td>
                    <td>{% set bancC = 90 %}<div class="progress"><div class="progress-bar bg-warning" role="progressbar" style="width: {{bancC}}%" aria-valuenow="{{bancC}}" aria-valuemin="0" aria-valuemax="100">{{bancC}}%</div></div></td>
                    <th> <a href="{{ path('parametrage_semaine', {'annee': annee, 'semaine': semaine}) }}" class="btn btn-sm btn-info"><i class="fe fe-settings"></i></a></th>
                </tr>
                {% set semaine = semaine + 1 %}
                <tr>
                    <th scope="row">{{semaine}}</th>                
                    <td>{% set totalBanc = 85 %} <div class="progress"><div class="progress-bar" role="progressbar" style="width: {{totalBanc}}%" aria-valuenow="{{totalBanc}}" aria-valuemin="0" aria-valuemax="100">{{totalBanc}}%</div></div></td>
                    <td>{% set bancA = 90 %}<div class="progress"><div class="progress-bar bg-info" role="progressbar" style="width: {{bancA}}%" aria-valuenow="{{bancA}}" aria-valuemin="0" aria-valuemax="100">{{bancA}}%</div></div></td>
                    <td>{% set bancB = 95 %}<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: {{bancB}}%" aria-valuenow="{{bancB}}" aria-valuemin="0" aria-valuemax="100">{{bancB}}%</div></div></td>
                    <td>{% set bancC = 70 %}<div class="progress"><div class="progress-bar bg-warning" role="progressbar" style="width: {{bancC}}%" aria-valuenow="{{bancC}}" aria-valuemin="0" aria-valuemax="100">{{bancC}}%</div></div></td>
                    <th> <a href="{{ path('parametrage_semaine', {'annee': annee, 'semaine': semaine}) }}" class="btn btn-sm btn-info"><i class="fe fe-settings"></i></a></th>
                </tr>
                {% set semaine = semaine + 1 %}
                <tr>
                    <th scope="row">{{semaine}}</th>                
                    <td>{% set totalBanc = 70 %} <div class="progress"><div class="progress-bar" role="progressbar" style="width: {{totalBanc}}%" aria-valuenow="{{totalBanc}}" aria-valuemin="0" aria-valuemax="100">{{totalBanc}}%</div></div></td>
                    <td>{% set bancA = 60 %}<div class="progress"><div class="progress-bar bg-info" role="progressbar" style="width: {{bancA}}%" aria-valuenow="{{bancA}}" aria-valuemin="0" aria-valuemax="100">{{bancA}}%</div></div></td>
                    <td>{% set bancB = 70 %}<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: {{bancB}}%" aria-valuenow="{{bancB}}" aria-valuemin="0" aria-valuemax="100">{{bancB}}%</div></div></td>
                    <td>{% set bancC = 80 %}<div class="progress"><div class="progress-bar bg-warning" role="progressbar" style="width: {{bancC}}%" aria-valuenow="{{bancC}}" aria-valuemin="0" aria-valuemax="100">{{bancC}}%</div></div></td>
                    <th> <a href="{{ path('parametrage_semaine', {'annee': annee, 'semaine': semaine}) }}" class="btn btn-sm btn-info"><i class="fe fe-settings"></i></a></th>
                </tr>
                {% set semaine = semaine + 1 %}
                <tr>
                    <th scope="row">{{semaine}}</th>                
                    <td>{% set totalBanc = 45 %} <div class="progress"><div class="progress-bar" role="progressbar" style="width: {{totalBanc}}%" aria-valuenow="{{totalBanc}}" aria-valuemin="0" aria-valuemax="100">{{totalBanc}}%</div></div></td>
                    <td>{% set bancA = 50 %}<div class="progress"><div class="progress-bar bg-info" role="progressbar" style="width: {{bancA}}%" aria-valuenow="{{bancA}}" aria-valuemin="0" aria-valuemax="100">{{bancA}}%</div></div></td>
                    <td>{% set bancB = 40 %}<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: {{bancB}}%" aria-valuenow="{{bancB}}" aria-valuemin="0" aria-valuemax="100">{{bancB}}%</div></div></td>
                    <td>{% set bancC = 35 %}<div class="progress"><div class="progress-bar bg-warning" role="progressbar" style="width: {{bancC}}%" aria-valuenow="{{bancC}}" aria-valuemin="0" aria-valuemax="100">{{bancC}}%</div></div></td>
                    <th> <a href="{{ path('parametrage_semaine', {'annee': annee, 'semaine': semaine}) }}" class="btn btn-sm btn-info"><i class="fe fe-settings"></i></a></th>
                </tr>
                {% set semaine = semaine + 1 %}
                <tr>
                    <th scope="row">{{semaine}}</th>            
                    <td>{% set totalBanc = 10 %} <div class="progress"><div class="progress-bar" role="progressbar" style="width: {{totalBanc}}%" aria-valuenow="{{totalBanc}}" aria-valuemin="0" aria-valuemax="100">{{totalBanc}}%</div></div></td>
                    <td>{% set bancA = 30 %}<div class="progress"><div class="progress-bar bg-info" role="progressbar" style="width: {{bancA}}%" aria-valuenow="{{bancA}}" aria-valuemin="0" aria-valuemax="100">{{bancA}}%</div></div></td>
                    <td>{% set bancB = 0 %}<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: {{bancB}}%" aria-valuenow="{{bancB}}" aria-valuemin="0" aria-valuemax="100">{{bancB}}%</div></div></td>
                    <td>{% set bancC = 0 %}<div class="progress"><div class="progress-bar bg-warning" role="progressbar" style="width: {{bancC}}%" aria-valuenow="{{bancC}}" aria-valuemin="0" aria-valuemax="100">{{bancC}}%</div></div></td>
                    <th> <a href="{{ path('parametrage_semaine', {'annee': annee, 'semaine': semaine}) }}" class="btn btn-sm btn-info"><i class="fe fe-settings"></i></a></th>
                </tr>
                {% set semaine = semaine + 1 %}
                <tr>
                    <th scope="row">{{semaine}}</th>                
                    <td>{% set totalBanc = 0 %} <div class="progress"><div class="progress-bar" role="progressbar" style="width: {{totalBanc}}%" aria-valuenow="{{totalBanc}}" aria-valuemin="0" aria-valuemax="100">{{totalBanc}}%</div></div></td>
                    <td>{% set bancA = 0 %}<div class="progress"><div class="progress-bar bg-info" role="progressbar" style="width: {{bancA}}%" aria-valuenow="{{bancA}}" aria-valuemin="0" aria-valuemax="100">{{bancA}}%</div></div></td>
                    <td>{% set bancB = 0 %}<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: {{bancB}}%" aria-valuenow="{{bancB}}" aria-valuemin="0" aria-valuemax="100">{{bancB}}%</div></div></td>
                    <td>{% set bancC = 0 %}<div class="progress"><div class="progress-bar bg-warning" role="progressbar" style="width: {{bancC}}%" aria-valuenow="{{bancC}}" aria-valuemin="0" aria-valuemax="100">{{bancC}}%</div></div></td>
                    <th> <a href="{{ path('parametrage_semaine', {'annee': annee, 'semaine': semaine}) }}" class="btn btn-sm btn-info"><i class="fe fe-settings"></i></a></th>
                </tr>            
            </tbody>
        </table> #}
        </div>
    </div>
</div>
{% endblock %}
{% block script %}  
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function () {
            flatpickr(".js-datepicker", {
                locale: 'fr',
                dateFormat: "Y-m-d",
                weekNumbers: true,
            });
        });
    </script>
{% endblock %}