@extends('layout.administrator.index')
@section('title', 'Historial')

@section('style')
<style media="screen">
  .logDetail {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 115px;
    overflow-y: scroll;
  }

  .logDetail>.table {
    margin: 0;
  }

  .logDetail>.table>thead>tr>th {
    padding: 0;
    font-weight: bold;
  }

  .logDetail>.table>tbody>tr>td {
    padding: 5px;
    vertical-align: middle;
  }

  .spanStateTest {
    padding: 5px;
    font-size: 15px;
  }
</style>
@endsection

@section('content')
<div class="content-wrapper">
  <section class="content-header">
    {{-- <h1>Historial</h1> --}}
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="{{route('administrator.dashboard')}}"><i class="fa fa-dashboard"></i> Inicio</a></li>
      <li class="breadcrumb-item"><a href="{{route('administrator.history.index')}}"> Historial</a></li>
      <li class="breadcrumb-item active">Detalle</li>
    </ol>
  </section>

  <section class="content">
    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
      {{session('success')}}
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    @endif
    @if(session('danger'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
      {{session('danger')}}
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    @endif
    @if($errors->any())
    <div class="alert alert-danger">
      @foreach($errors->all() as $error)
      - {{$error}} <br>
      @endforeach
    </div>
    @endif
    <div class="row">
      <div class="col-12">
        <div class="box box-solid bg_dark mb-0">
          <div class="box-header with-border">
            <div class="row align-items-center">
              <div class="col-8">
                <h4 class="box-title"><b class="font-weight-bold">Busqueda de muestras</b></h4>
              </div>
              <div class="col-4 text-right">
                <form action="{{route('administrator.import.test.show')}}" method="get">
                  <div class="input-group input-sm">
                    <input type="text" name="code" class="form-control" placeholder="Ej: O-47, O-45" required>
                    <div class="input-group-append">
                      <button type="submit" class="btn btn-info">Buscar</button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <hr>
    <div class="row">
      <div class="col-md-8">
        <div class="box box-solid bg_dark">
          <div class="box-header with-border">
            <div class="row align-items-center">
              <div class="col-6">
                <h4 class="box-title">Sample: <b class="font-weight-bold">{{$sample->code}}</b></h4>
              </div>
              <div class="col-6 text-right">
                <h4 class="box-title">Lote: <b class="font-weight-bold">{{$sample->lot}}</b></h4>
              </div>
            </div>
          </div>
          <div class="box-body">
            <div class="row">
              <div class="col-md-6">
                <h4 class="font-weight-bold">Flota</h4>
                <h5><strong>{{$sample->getFleet->name}}</strong></h5>
              </div>
              <div class="col-md-6">
                <h4 class="font-weight-bold">Equipo</h4>
                <h5><strong>{{$sample->getEquipment->unit_id}}</strong></h5>
              </div>
            </div>
            <div class="row mt-10">
              <div class="col-md-6">
                <h4 class="font-weight-bold">Componente</h4>
                <h5><strong>{{$sample->component}}</strong></h5>
              </div>
            </div>
            <div class="row mt-10">
              <div class="col-md-6">
                <h4 class="font-weight-bold">Lubricante</h4>
                <h5><strong>{{$sample->lubricant}}</strong></h5>
              </div>
              <div class="col-md-6">
                <h4 class="font-weight-bold">Tipo de sistema</h4>
                <h5><strong>{{$sample->system_type}}</strong></h5>
              </div>
            </div>
            <div class="row mt-10">
              <div class="col-md-6">
                <h4 class="font-weight-bold">Marca del aceite</h4>
                <h5><strong>{{$sample->oil_brand}}</strong></h5>
              </div>
              <div class="col-md-6">
                <h4 class="font-weight-bold">Peso del aceite</h4>
                <h5><strong>{{$sample->oil_weight}}</strong></h5>
              </div>
            </div>
            <div class="row mt-10">
              <div class="col-md-6">
                <h4 class="font-weight-bold">Marca</h4>
                <h5><strong>{{$sample->make}}</strong></h5>
              </div>
              <div class="col-md-6">
                <h4 class="font-weight-bold">Modelo</h4>
                <h5><strong>{{$sample->model}}</strong></h5>
              </div>
            </div>
            <div class="row mt-10">
              <div class="col-md-6">
                <h4 class="font-weight-bold">Horometro del componente</h4>
                <h5><strong>{{$sample->horometer}}</strong></h5>
              </div>
              <div class="col-md-6">
                <h4 class="font-weight-bold">Tiempo del aceite</h4>
                <h5><strong>{{$sample->oil_time}}</strong></h5>
              </div>
            </div>
            <div class="row mt-10">
              <div class="col-md-6">
                <h4 class="font-weight-bold">Tipo de aceite</h4>
                <h5><strong>{{$sample->oil_type}}</strong></h5>
              </div>
              <div class="col-md-6">
                <h4 class="font-weight-bold">Cambio de aceite</h4>
                @if ($sample->oil_change == 'true')
                <h5><strong>SI</strong></h5>
                @else
                <h5><strong>NO</strong></h5>
                @endif
              </div>
            </div>
            <div class="row mt-10">
              <div class="col-md-6"></div>
              <div class="col-md-6">
                <h4 class="font-weight-bold">Cambio de filtro</h4>
                @if ($sample->filter_change)
                <h5><strong>SI</strong></h5>
                @else
                <h5><strong>NO</strong></h5>
                @endif
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        @if ($sample->sos=="true")
        <div class="row">
          <div class="col-md-12 text-center">
            <div class="contentSos">
              <h1>SOS</h1>
            </div>
          </div>
        </div>
        @endif
        <div class="box box-solid bg_dark">
          <div class="box-header with-border">
            <div class="row align-items-center">
              <div class="col-12">
                <h4 class="box-title">Fecha</h4>
              </div>
            </div>
          </div>
          <div class="box-body">
            <div class="row">
              <div class="col-6">
                <h4 class="font-weight-bold">Muestra</h4>
                <h5>{{date("d/m/Y", strtotime($sample->sample_date_taken))}}</h5>
              </div>
              <div class="col-6">
                <h4 class="font-weight-bold">Recibido</h4>
                <h5>{{date("d/m/Y", strtotime($sample->sample_date_received))}}</h5>
              </div>
              @if($history->date_of_analysis!=null)
                <div class="col-6">
                  <h4 class="font-weight-bold">Análisis</h4>
                  <h5>{{date("d/m/Y", strtotime($history->date_of_analysis))}}</h5>
                </div>
              @endif
            </div>
          </div>
        </div>
        <div class="box box-solid bg_dark">
          <div class="box-header with-border">
            <div class="row align-items-center">
              <div class="col-6">
                <span class="badge badge-light spanStateTest btn-block"><b class="font-weight-bold">{{$sampleLog->getTest->name}}</b></span>
              </div>
              <div class="col-6">
                <span class="badge badge-{{Config::get('constants.states_samples_test')[$sampleTest->state]['type']}} spanStateTest btn-block">{{Config::get('constants.states_samples_test')[$sampleTest->state]['name']}}</span>
              </div>
            </div>
          </div>
          <div class="box-body">
            <div class="logDetail">
              <table class="table table-hover table-responsive">
                <thead>
                  <tr>
                    <th class="text-center">Fecha</th>
                    <th class="text-center">Estado</th>
                    <th class="text-center">Archivo</th>
                  </tr>
                </thead>
                <tbody class="text-center">
                  @if (count($logs)>0)
                    @foreach ($logs as $log)
                    <tr>
                      <td>{{date("d/m/Y", strtotime($log->created_at))}}</td>
                      <td>
                        <span class="badge badge-{{Config::get('constants.states_samples_test')[$log->state]['type']}}">{{Config::get('constants.states_samples_test')[$log->state]['name']}}</span>
                      </td>
                      <td>
                        <button type="button" class="btn btn-info btn-xs"><i class="fa fa-file" aria-hidden="true"></i></button>
                      </td>
                    </tr>
                    @endforeach
                  @else
                  <tr>
                    <td colspan="3">No tienes registros</td>
                  </tr>
                  @endif
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

</div>
@endsection

@section('js')
@endsection