@extends('installations.installationsNavbar')

@section('options')

<div>
    <div class="separator"></div>
    <h2 class="side-margin">Etat global de l'installation</h2>
    <div class="row">
        <div class="col-6">
            <div class="card-fit blue small-height">
                <h4>Indice Qualité</h4>
            </div>
        </div>
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Débit d'exploitation</h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Rabattement</h4>
            </div>
        </div>
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Débit Spécifique</h4>
            </div>
        </div>
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Fond de l'Ouvrage</h4>
            </div>
        </div>
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Pression</h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Marche-Arrête / Heure</h4>
            </div>
        </div>
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Consommation Electrique</h4>
            </div>
        </div>
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Rendement Energétique</h4>
            </div>
        </div>
        <div class="col-3">
            <div class="card-fit light-blue small-height">
                <h4>Production d'Eau</h4>
            </div>
        </div>
    </div>
    <div class="separator"></div>
    <div class="row">
        <div class="col-1 side-margin">
            <H4>Valeur de</H4>
        </div>
        <div class="col-1">
            <select class="select-fit">
                <option value="debit-exploitation">Débit d'Exploitation</option>
                <option value="rabattement">Rabattement</option>
                <option value="debit-specifique">Débit Spécifique</option>
                <option value="fond-ouvrage">Fond de l'Ouvrage</option>
                <option value="pression">Pression</option>
                <option value="marche-arret">Marche-Arrêt / Heure</option>
                <option value="consommation-electrique">Consommation Electrique</option>
                <option value="rendement-energetique">Rendement Energétique</option>
                <option value="production-eau">Production d'Eau</option>
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card-fit red small-height"></div>
        </div>
    </div>
</div>

@endsection