<!DOCTYPE html>
<html lang="es">
<head>
  {{> head }}
  <title>{{ title }}</title>
</head>

<body>

  <div class="d-flex" id="wrapper">
    <div id="sidebar-wrapper">
      <div class="sidebar-heading">{{ title }} </div>
      {{> navbar }}
    </div>

    <div id="page-content-wrapper">
      <nav class="navbar navbar-expand-lg navbar-light border-bottom">
        {{> topbar }}
      </nav>
      <div class="container-fluid">
        <div class="row">
          <div class="card col-md-12">
             <div class="pd-15">
                <h1 class="title">Reporte Control Diario #{{id_reporte}}</h1>
                <div class="my-4">
                  <a class="btn btn-blue" href="/reportes/control-diario">
                    Volver
                  </a>
                </div>
                <div class="row">
                  <div class="form-group col-md-4">
                    <label for="">Fecha Creación</label>
                    <input type="text" readonly class="form-control" value="{{formatDate reporte_json.createdAt}}">
                  </div>
                  <div class="form-group col-md-4">
                    <label for="">Vehículo Placa</label>
                    <input type="text" readonly class="form-control" value="{{reporte_json.placa}}">
                  </div>
                  <div class="form-group col-md-4">
                    <label for="">Kilometraje</label>
                    <input type="text" readonly class="form-control" value="{{reporte_json.kilometraje}}">
                  </div>
                  <div class="form-group col-md-4">
                    <label for="">Observaciones</label>
                    <textarea readonly class="form-control" cols="10" rows="5">{{reporte_json.observaciones}}</textarea>
                  </div>
                  <div class="col-md-4">
                    <strong>Adjuntos</strong>
                    <div class="border p2">
                      {{{ existenErrores reporte_json.malos reporte_json.informe_excel }}}
                    </div>
                  </div>
                  <div class="form-group col-md-4">
                    <label for="">Usuario Encargado</label>
                    <input type="text" readonly class="form-control" value="{{nombre_usuario}}">
                    <small id="helpId" class="text-muted">{{usuario_usuario}}</small>
                  </div>
                </div>
             </div>
          </div>
          <div class="col-md-12 card mt-4">
            <div class="card">
              <div class="card-header">
                <h5 class="card-title">Detalle</h5>
              </div>
              <div class="card-body">
                <table class="table TableExportar">
                  <thead>
                    <tr>
                      <th scope="col">Parametros</th>
                      <th scope="col">Estado</th>
                      <th scope="col">Imagen</th>
                    </tr>
                  </thead>
                  <tbody>
                    {{# each detalle_json}}
                      <tr>
                        <th scope="row">{{descripcion}}</th>
                        <td style="text-transform: upperCase;">
                          {{#if foto_url}}
                            <i class="fa fa-exclamation-triangle" style="color:#f92a2a;" aria-hidden="true"></i>
                            <a href="{{foto_url}}" target="_blank">{{estado}}</a>
                          {{else}}
                            {{estado}}
                          {{/if}}
                        </td>
                        <td>
                          {{#if foto_url}}
                            <a href="{{foto_url}}" target="_blank" class="btn-link text-center">
                              <img src="{{foto_url}}" alt="{{descripcion}}" class="img-thumbnail">
                            </a>
                          {{/if}}
                        </td>
                      </tr>
                    {{/each}}
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- javascrips imports -->
  {{> scripts }}

</body>

</html>
