@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;
  }

  .fz-15 {
    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.import.test')}}"> Samples</a></li>
      <li class="breadcrumb-item active">Detalle</li>
    </ol>
  </section>

  <section class="content">
    @php
      $refrigerantLabTestIds = [112,113,114,115,116,117,118,119,120,121,122];
      if (isset($sampleTestsFiltered)) {
        $sampleTestsFiltered = collect($sampleTestsFiltered);
      } elseif (isset($sampleTests)) {
        $sampleTestsFiltered = collect($sampleTests)->filter(function($st) use ($refrigerantLabTestIds) {
          return in_array($st->lab_test_id, $refrigerantLabTestIds);
        })->values();
      } else {
        $sampleTestsFiltered = collect();
      }
      $sampleTestsFiltered = sortLaboratoryTests($sampleTestsFiltered);
    @endphp
    @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-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">
          <div class="box-body" id="idFormCommentary">
            <div class="row mb-10">
              <div class="col-md-12">
                <textarea name="commentary" rows="3" class="form-control" id="idInputCommentary" placeholder="Comentario">{{$sample->commentary}}</textarea>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12 text-center">
                <button type="button" class="btn btn-info btn-block" onclick="sendCommentary({{$sample->id}})">
                  <b><i class="fa fa-upload" aria-hidden="true"></i> Enviar</b>
                </button>
              </div>
            </div>
          </div>
        </div>
        <div class="box box-solid">
          <div class="box-body">
            <a href="{{route('administrator.samples.print', [$sample->code])}}" target="_blank" class="btn btn_admin btn-block"><i class="fa fa-file-pdf-o"></i> Etiqueta PDF</a>
          </div>
        </div>
        <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($sample->date_of_analysis!=null)
              <div class="col-6">
                <h4 class="font-weight-bold">Análisis</h4>
                <h5>{{date("d/m/Y", strtotime($sample->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">
                <h4 class="box-title">Laboratory samples</h4>
              </div>
              @if($sampleTestsFiltered->count() > 0 && $sampleTestsFiltered->count() == $sampleTestsFiltered->where('state', 2)->count())
              <div class="col-4 text-right">
                <a href="{{route('administrator.import.test.applyRules', ['sampleId' => $sample->id, 'type' => 1])}}" class="btn btn-xs btn-success">
                  <i class="fa fa-th-large" aria-hidden="true"></i> Aplicar reglas
                </a>
              </div>
              @endif
            </div>
          </div>
          <div class="box-body">
            <ul class="list-group">
              @foreach ($sampleTestsFiltered as $sampleTest)
              <a href="javascript:;" class="list-group-item list-group-item-action list-group-item-{{Config::get('constants.states_samples_test')[$sampleTest->state]['type']}}">
                <div class="row align-items-center">
                  <div class="col">
                    <b class="font-weight-bold fz-15">{{$sampleTest->getTest->name}}</b>
                  </div>
                  @if($sampleTest->state == 2)
                  <div class="col">
                    <button type="button" id="idReject" class="btn btn-xs btn-danger btn-block idReject" data-name="{{$sampleTest->getTest->name}}" data-sample="{{$sampleTest->sample_id}}" data-test="{{$sampleTest->lab_test_id}}">
                      <i class="fa fa-trash" aria-hidden="true"></i> Rechazar
                    </button>
                  </div>
                  @endif
                  <div class="col text-right">
                    <span class="badge badge-{{Config::get('constants.states_samples_test')[$sampleTest->state]['type']}}">
                      <b class="font-weight-bold">{{Config::get('constants.states_samples_test')[$sampleTest->state]['as']}}</b>
                    </span>
                  </div>
                </div>
              </a>
              @endforeach
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="contentReport">
      @include('system.administrator.templates.reportView')
    </div>
  </section>
</div>
@endsection

@section('js')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script type="text/javascript">
  $('.idReject').on('click', function() {
    let sampleId = $(this).data('sample');
    let testId = $(this).data('test');
    let nameTest = $(this).data('name');

    var textName = "Deseas rechazar la prueba de laboratorio " + nameTest + "?";

    Swal.fire({
      title: 'Estás seguro?',
      text: textName,
      icon: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#3085d6',
      confirmButtonText: 'Si, rechazar!'
    }).then((result) => {
      if (result.isConfirmed) {
        reject(sampleId, testId);
      }
    });

  });

  function reject(sampleId, testId) {
    $.ajax({
      type: 'POST',
      url: '/administrator/import/test/rejectLabTest',
      data: {
        "sampleId": sampleId,
        "testId": testId
      },
      dataType: 'json',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      beforeSend: function() {
        $(".content_loading").fadeIn("slow");
      },
      success: function(response) {
        $(".content_loading").fadeOut("slow");

        if (response.state == 1) {
          Swal.fire({
            title: 'Bien!',
            text: response.message,
            icon: 'success',
          }).then(() => {
            location.reload();
          });
        } else if (response.state == 2) {
          Swal.fire('Oops!', response.message, 'warning');
        } else {
          Swal.fire('Oops!', 'Hemos tenido problemas, intenta nuevamente', 'warning');
        }
      },
      error: function(xhr, status, error) {
        $(".content_loading").fadeOut("slow");
        Swal.fire('Oops!', 'Hemos tenido problemas, intenta nuevamente', 'warning');
      }
    });
  }
</script>
<script type="text/javascript">
  function sendCommentary(sampleId) {
    var commentary = $("#idInputCommentary").val();
    $.ajax({
      type: 'POST',
      url: '/administrator/import/test/post/commentary',
      data: {
        "id": sampleId,
        "commentary": commentary
      },
      dataType: 'json',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      beforeSend: function() {
        $(".content_loading").fadeIn("slow");
      },
      success: function(response) {
        $(".content_loading").fadeOut("slow");
        if (response.state == 1) {
          swal("Bien!", response.message, "success");
        } else if (response.state == 2) {
          swal("Oops!", response.message, "warning");
        } else {
          swal("Oops!", "Hemos tenido problemas, intenta nuevamente", "warning");
        }
      },
      error: function(xhr) {
        $(".content_loading").fadeOut("slow");
        swal("Oops!", "Hemos tenido problemas, intenta nuevamente", "warning");
      }
    });
  }
</script>
@endsection