@extends('ATCore::atcore_layout')

@section('head_buttons')
<a href="{{ route($routeName.'.index') }}" class="btn btn-secondary"><i class="far fa-arrow-alt-circle-left"></i> Volver </a>
@stop

@section('atplus_main_content')



@include($bladePath.'/parent')

<div class="card card-blue">
    <div class="card-header">
      <h3 class="card-title">Estados</h3>
    </div>
    <div class="card-body">
      <div class="row">
        <div class="col-12 col-sm-3">
          <div @if ($document->status >= 0)class="info-box bg-success" @else class="info-box bg-light" @endif>
            <div class="info-box-content" style="height: 80px">
              <span @if ($document->status >= 0)class="info-box-text text-center text-white" @else class="info-box-text text-center text-muted" @endif>Recepción en DTEBridge</span>
              <span @if ($document->status >= 0)class="info-box-text text-center text-white mb-0" @else class="info-box-text text-center text-muted mb-0" @endif>{{ATFormatDateTime($document->created_at)}}</span>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-3">
          <div @if ($document->status >= 1)class="info-box bg-success" @else class="info-box bg-light" @endif>
            <div class="info-box-content" style="height: 80px">
              <span @if ($document->status >= 1)class="info-box-text text-center text-white" @else class="info-box-text text-center text-muted" @endif>Enviado a SII</span>
              <span @if ($document->status >= 1)class="info-box-text text-center text-white mb-0" @else class="info-box-text text-center text-muted mb-0" @endif>{{ATFormatDateTime($document->fecha_envio_sii)}}</span>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-3">
          @if ($document->status != 4 && $document->status != 3)
          <div @if ($document->status >= 2)class="info-box bg-success" @else class="info-box bg-light" @endif>
            <div class="info-box-content" style="height: 80px">
                <span @if ($document->status >= 2)class="info-box-text text-center text-white" @else class="info-box-text text-center text-muted" @endif>
                    Aprobado por SII<br>
                </span>
                <span @if ($document->status >= 2)class="info-box-text text-center text-white mb-0" @else class="info-box-text text-center text-muted mb-0" @endif>{{ATFormatDateTime($document->fecha_respuesta_sii)}}</span>
                <span class="info-card" style="font:8px;text-size-adjust: 50px">{{$document->getError()}}</span>
            </div>
          </div>
          @else
          <div class="info-box bg-danger">
            <div class="info-box-content" style="height: 80px">
                <span class="info-box-text text-center text-white">
                    Rechazado por SII<br>
                </span>
              <span class="info-box-text text-center text-white mb-0">{{ATFormatDateTime($document->fecha_respuesta_sii)}}</span>
              <span class="info-card" style="font:8px;text-size-adjust: 50px">{{$document->getError()}}</span>
            </div>
          </div>
          @endif
        </div>
        <div class="col-12 col-sm-3">
          <div class="info-box bg-light">
            <div class="info-box-content" style="height: 80px">
              <span class="info-box-text text-center text-muted">Recepción del Cliente</span>
              <span class="info-box-number text-center text-muted mb-0">-- <span>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-sm-4">
          <div class="info-box bg-light">
            <div class="info-box-content" style="height: 80px">
              <span class="info-box-text text-center text-muted">Aceptación Comercial</span>
              <span class="info-box-number text-center text-muted mb-0">- <span>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-4">
          <div class="info-box bg-light">
            <div class="info-box-content" style="height: 80px">
              <span class="info-box-text text-center text-muted">Cesión Electrónica</span>
              <span class="info-box-number text-center text-muted mb-0">- <span>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-4">
          <div class="info-box bg-light">
            <div class="info-box-content" style="height: 80px">
              <span class="info-box-text text-center text-muted">Estado de Anulación</span>
              <span class="info-box-number text-center text-muted mb-0">- <span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@stop


@section('atplus_main_css')
<style>
    .info-card {
        font-size: 12px;
        text-align: center;
    }
</style>
@stop