@extends('app')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-10 col-lg-offset-1 col-md-12">
            <ol class="breadcrumb">
                <li><a href="#">Administración</a></li>
                <li><a href="{{action('Admin\ReportsController@index')}}">Reportes</a></li>
                <li class="active">Resumen de productividad</li>
            </ol>

            <div class="page-header">
                <h1 class="interested-title">Resumen de productividad</h1>
            </div>

            <div class="row mb-40">
                <div class="col-md-12">
                    <div class="text-right">
                        <form method="GET" class="form-inline">

                            <div class="input-group">
                                <span class="input-group-addon">
                                    Desde:
                                </span>
                                <input name="since" id="since" type="text" class="form-control datepicker" value="{{ Input::get('since') }}">
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>

                            <div class="input-group">
                                <span class="input-group-addon">
                                    Hasta:
                                </span>
                                <input name="until" id="until" type="text" class="form-control datepicker" value="{{ Input::get('until') }}">
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>

                            <button class="btn btn-success" type="submit">
                                <span class="glyphicon glyphicon-filter"></span> Filtrar
                            </button>
                        </form>
                    </div>
                </div>
            </div>

            <div class="row">
              <div class="col-md-3">
                <div class="card">
                  <h2>{{ $counts['reports'] }}</h2>
                  <span class="description">Hogares visitados</span>
                </div>
              </div>
              <div class="col-md-3">
                <div class="card card-interested">
                  <h2>{{ $counts['interested'] }}</h2>
                  @if($counts['reports'] > 0)
                  <h3>{{ round($counts['interested'] / $counts['reports'] * 100, 2) }} %</h3>
                  @else
                  <h3>0 %</h3>
                  @endif
                  <span class="description">Interesados</span>
                </div>
              </div>
              <div class="col-md-3">
                <div class="card card-not-interested">
                  <h2>{{ $counts['not_interested'] }}</h2>
                  @if($counts['reports'] > 0)
                  <h3>{{ round($counts['not_interested'] / $counts['reports'] * 100, 2) }} %</h3>
                  @else
                  <h3>0 %</h3>
                  @endif
                  <span class="description">No interesados</span>
                </div>
              </div>
              <div class="col-md-3">
                <div class="card">
                  <h2>{{ $counts['medium_interest'] }}</h2>
                  @if($counts['reports'] > 0)
                  <h3>{{ round($counts['medium_interest'] / $counts['reports'] * 100, 2) }} %</h3>
                  @else
                  <h3>0 %</h3>
                  @endif
                  <span class="description">Indecisos</span>
                </div>
              </div>
            </div>

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

@endsection