@extends('layouts.mainlayout')
@section('content')
<div class="row">
    <div class="col-md-12 section-header">
        <h3>

            <span class="icon-i-gota"></span> Calcula tu consumo
        </h3>
        <p>Contrato: <b>{{$cliente}}</b></p>
    </div>
</div>
<p>Esta herramienta te ayuda a calcular el consumo.</p>
<div class="form">
    <form action="{{route('contratos.consumomedidor')}}" method="POST">
        {{ csrf_field() }}
        @if (is_array($medidores))
        <div class="form-group">
            <label for="medidor">Elige un medidor para calcular tu consumo</label>
            <select name="medidor" id="medidor">
                @foreach ($medidores as $medidor)
                <option value="{{$medidor}}">{{$medidor}}</option>
                @endforeach
            </select>
        </div>
        @else
        <p>Medidor {{$medidores}}</p>
        <input type="hidden" name="medidor" value="{{$medidores}}">
        @endif
        <div class="form-group">
            <label for="consumo">Consumo</label>
            <input type="number" class="form-control form-control-sm" id="consumo" name="consumo" required="required"
                placeholder="Ingresa el consumo">

        </div>
        <button type="submit" class="btn btn-dark btn-sm">Calcular</button>
    </form>
</div>

@endsection
@section('alertas')
@if(session()->has('error'))
<div class="floatMessageContainer" style="background: red;">
    <div class="floatMessageText">
        <p>
            {{ session()->get('error') }}
        </p>
    </div>
</div>
@endif
@if(session()->has('message'))
<div class="floatMessageContainer" style="background: #0098D7;">
    <div class="floatMessageText">
        <p>
            {{ session()->get('message') }}
        </p>
    </div>
</div>
@endif
@if ($errors->any())
<div class="floatMessageContainer" style="background: red;">
    <div class="floatMessageText">
        <p>
            {{ $errors->first('username') }}
        </p>
    </div>
</div>
@endif
@endsection