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

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/reparations.css') }}">
{% endblock %}


{% block body %}

    {{ render(path('pj.modal_new')) }}

    <div class="absolute ">
        {% if diag.hasReparation() %}
            {% set client = diag.reparation.client %}

            <div class="d-flex justify-content-between">
                {% include 'client/banner.html.twig' with {client : diag.reparation.client} %}

            </div>

        {% endif %}

        <div class="d-flex">
            {% if diag.hasReparation() and diag.reparation.hasSav() %}
                {% set class = "diag-sav" %}
            {% endif %}
            <div class="{{ class | default('') }}">
                <div class="d-flex justify-content-between">
                    <div class="shadow rounded p-3 d-flex justify-content-around  align-items-center mb-3">
                        <img src="{{ asset('img/magnify.svg') }}" alt="tools" width="40">
                        <div class="ms-3 fs-4 fw-bold">Diagnostic</div>
                    </div>
                    <div>
                        {% if diag.hasReparation %}
                            {% set href = path('reparations',{submenu : 'all'})~'?q='~diag.reparation.numero %}

                            <div class="shadow rounded p-3 d-flex justify-content-around  align-items-center mb-3">
                                <img src="{{ asset('img/tools.svg') }}" alt="tools" width="40">
                                <a href="{{ href }}" target="_blank" class="ms-3 fs-4 fw-bold">{{ diag.reparation }}</a>
                            </div>
                        {% endif %}
                    </div>
                </div>
                <div class=" shadow rounded p-3">
                    <div class="d-flex justify-content-between">
                        <p>
                            <b>Dernière mise à jour :</b>

                            {{ diag.getDateUpdate() }}</p>

                        <div>
                            <button class=" btn btn-info" data-bs-target="#addPieceJointe" data-bs-toggle="modal"
                                    data-id="{{ diag.id }}">
                                <img src="{{ asset('img/attachment.svg') }}" alt="" width="30">
                                <span>Ajouter des pièces jointes</span>
                            </button>
                        </div>
                    </div>
                    <hr>

                    {{ form_start(form) }}


                    {% if diag.hasPieceJointe() %}
                        <div>
                            <h4>Piece jointes :</h4>
                            {% for item in diag.pieceJointe %}
                                <div class="d-flex flex-column justify-content-center align-items-center" >
                                    {{ item }}
                                    <div><a href="{{ path('piece_jointe_delete',{id : item.id}) }}" class="btn btn-danger">
                                            Supprimer
                                        </a>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                        <hr>
                    {% endif %}

                    <fieldset>
                        <legend>Test HDD :</legend>
                        {% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getSSD1()} %}
                        {% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getSSD2()} %}
                        {% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getHDD1()} %}
                        {% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getHDD2()} %}

                        {% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getHDD3()} %}


                    </fieldset>
                    <div>
                        <h6>OCCT :</h6>
                        <div class="d-flex justify-content-evenly mx-3">
                            <div class="d-flex">

                                {% set occt = diag.getOcctCpu() %}


                                <div class="me-3">
                                    <label for="cpu">CPU</label>
                                    <input type="text" class="form-control" name="cpu" value="{{ occt.item }}">

                                    {{ form_row(form.passmark) }}</div>


                                <div>
                                    <label for="min_cpu">Min</label>
                                    <input type="text" class="form-control" name="min_cpu" value="{{ occt.min }}">
                                    <label for="max_cpu">Max</label>
                                    <input type="text" class="form-control" name="max_cpu" value="{{ occt.max }}">


                                </div>


                            </div>
                            <div class="d-flex ">
                                {% if diag is defined %}
                                    {% set occt = diag.getOcctGpu() %}

                                {% endif %}


                                <div class="me-3">
                                    <label for="cpu">GPU</label>
                                    <input type="text" class="form-control" name="gpu" value="{{ occt.item }}">

                                    {{ form_row(form.tdmark) }}

                                </div>


                                <div>
                                    <label for="min_gpu">Min</label>
                                    <input type="text" class="form-control" name="min_gpu" value="{{ occt.min }}">

                                    <label for="max_gpu">Max</label>
                                    <input type="text" class="form-control" name="max_gpu" value="{{ occt.max }}">

                                </div>

                            </div>

                        </div>
                        <h6>OCCT Après:</h6>
                        <div class="d-flex justify-content-evenly mx-3">
                            <div class="d-flex">

                                {% set occt = diag.getOcctCpu2() %}


                                <div class="me-3">
                                    <label for="cpu">CPU</label>
                                    <input type="text" class="form-control" name="cpu2" value="{{ occt.item }}">

                                </div>


                                <div>
                                    <label for="min_cpu">Min</label>
                                    <input type="text" class="form-control" name="min_cpu2" value="{{ occt.min }}">
                                    <label for="max_cpu">Max</label>
                                    <input type="text" class="form-control" name="max_cpu2" value="{{ occt.max }}">


                                </div>


                            </div>
                            <div class="d-flex ">
                                {% if diag is defined %}
                                    {% set occt = diag.getOcctGpu2() %}

                                {% endif %}


                                <div class="me-3">
                                    <label for="cpu">GPU</label>
                                    <input type="text" class="form-control" name="gpu2" value="{{ occt.item }}">
                                </div>


                                <div>
                                    <label for="min_gpu">Min</label>
                                    <input type="text" class="form-control" name="min_gpu2" value="{{ occt.min }}">

                                    <label for="max_gpu">Max</label>
                                    <input type="text" class="form-control" name="max_gpu2" value="{{ occt.max }}">

                                </div>

                            </div>
                        </div>
                    </div>


                    <hr>

                    {% set ram = diag.ram %}


                    <legend>RAM :</legend>
                    <fieldset>
                        <div><label for="ram[type]">Type :</label>
                            <select name="ram[type]" id="ramType" class="form-select">
                                <option value="ddr1" {% if ram != null and  ram.type == 'ddr1' %}
                                    selected
                                {% endif %} >DDR1
                                </option>
                                <option value="ddr2" {% if ram != null and ram.type == 'ddr2' %}
                                selected
                                        {% endif %}>DDR2
                                </option>
                                <option value="ddr3" {% if ram != null and ram.type == 'ddr3' %}
                                selected
                                        {% endif %}>DDR3
                                </option>
                                <option value="ddr4" {% if ram != null and (ram.type == 'ddr4' or ram.type == null) %}
                                selected
                                        {% endif %}>DDR4
                                </option>
                                <option value="ddr5" {% if ram != null and ram.type == 'ddr5' %}
                                selected
                                        {% endif %}>DDR5
                                </option>

                            </select></div>

                        <div>
                            <label for="ram[nb]">Nombre de barettes :</label>
                            <input type="number" class="form-control" name="ram[nb]" id="ramNb" {% if ram != null %}
                                value="{{ ram.nb }}"
                                    {% endif %}>

                        </div>
                        <div>
                            <label for="ram[freq]">Frequence :</label>
                            <input type="number" class="form-control" name="ram[freq]" id="ramFreq" {% if ram != null %}
                                value="{{ ram.freq }}"
                                    {% endif %}>

                        </div>

                        <div>
                            <label for="ram[capacity]">Capacité :</label>
                            <input type="number" class="form-control" name="ram[capacity]"
                                   id="ramCapacity" {% if ram != null %}
                                value="{{ ram.capacity }}"
                                    {% endif %}>

                        </div>


                    </fieldset>


                    <legend>CheckUp :</legend>
                    <fieldset class="pe-3 d-flex justify-content-evenly">

                        <div>{{ form_row(form.adw) }}
                            {{ form_row(form.glary) }}</div>

                        <div>{{ form_row(form.mbm) }}
                            {{ form_row(form.temp_preftech) }}</div>


                    </fieldset>

                    {{ form_row(form.obs1) }}
                    {{ form_row(form.obs2) }}

                    <div class="d-flex mb-5">
                        <a href="{{ path('reparations',{submenu : 'all' }) }}"
                           class="btn btn-danger m-2 px-4">Annuler</a>

                        {{ form_row(form.submit) }}
                    </div>
                    {{ form_end(form) }}
                </div>
            </div>
            {% if diag.hasReparation() and   diag.reparation.hasSav() %}
                {% set sav = diag.reparation.sav %}

                {{ render(path('crud_sav_edit',{id : sav.id})) }}
            {% endif %}
        </div>
    </div>

    <script>
        $('#addPieceJointe').on('show.bs.modal', function (e) {
            var id = $(e.relatedTarget).data('id');


            let data = '<input type="hidden" name="diag" value="' + id + '">';
            $('.fetched-data').html(data)


        });
    </script>
{% endblock %}