@extends('template.app')

@section('content')
<div class="blog">
    <div class="container">
      <div class="row">
        <div class="col-lg-4 offset-lg-4  wow fadeInDown animated" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible;-webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s;-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s;">
          <div class="section-heading">
            <h4>Detail Perjalanan  <em>{{Auth::user()->nama}}</em></h4>
            <div class="line-dec"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

 <div class="contact-me section">
    <div class="container">
          <div class="row ">
            <center>
              <div class="blog-card col-lg-4">
                <div>
                  {!! $qrcode !!}
                  </div>
                  <br>
                  <div class="form-group">
                    <strong>Perjalanan {{ $perjalanan->user->nama}}</strong> 
                  </div>
                  <div class="blog-card-body">
                    <div align="center">
                      <div class="row" align="left">
                          <div class="col-md-3 label">ID</div>
                          <div class="col-md-1 label ">:</div>
                          <div class="col-md-8">{{ $perjalanan->id}}</div>
                      </div>
                      <div class="row" align="left" >
                          <div class="col-md-3 label ">Tanggal</div>
                          <div class="col-md-1 label ">:</div>
                          <div class="col-md-8">{{ $perjalanan->tanggal}}</div>
                      </div>
                      <div class="row" align="left">
                          <div class="col-md-3 label ">Jam</div>
                          <div class="col-md-1 label ">:</div>
                          <div class="col-md-8">{{ $perjalanan->jam}}</div>
                      </div>
                      <div class="row" align="left">
                          <div class="col-md-3 label ">Tujuan</div>
                          <div class="col-md-1 label ">:</div>
                          <div class="col-md-8">{{ $perjalanan->tujuan}}</div>
                      </div>
                      <div class="row" align="left">
                          <div class="col-md-3 label ">Suhu</div>
                          <div class="col-md-1 label ">:</div>
                          <div class="col-md-8">{{ $perjalanan->suhu_tubuh}} °C</div>
                      </div>    
                    </div>
                    <div class="col-md-12">
                     <a href="/perjalanan" class="btn btn-primary btn-sm" >Kembali</a>
                    </div>
                  </div>  
              </div>
            </center>
          </div>
        </div>
      </div>
    </div>
  </div>



@endsection