@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>Catatan 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="col-md-12">
            <div class="blog-card">
              
                <div class="blog-card-header float-right">
                    
                    <form action="/perjalanan" method="GET">
                      <div class="input-group ">
                      <input type="date" class="form-control" name="start_date">
                      <button class="btn btn-primary btn-sm" style="margin-right: 15px;" type="submit">GET</button>
                    
                      <a href="/perjalanancreate" class="float-right">
                      <button type="button" class="btn btn-primary">Create+</button>
                    </a>
                      </div>
                    </form>
                </div>

                <div class="blog-card-body">
                    <table class="table">
                        <thead>
                          <tr>
                            <th scope="col">ID</th>
                            <th scope="col">Tanggal </th>
                            <th scope="col">Jam </th>
                            <th scope="col">Lokasi </th>
                            <th scope="col">Suhu Tubuh</th>
                            <th scope="col">Action</th>    
                          </tr>
                        </thead>
                        <tbody>
                          @foreach ($perjalanan as $jal)       
                          <tr>
                            <td>{{ $jal->id }}</td>
                            <td>{{ $jal->tanggal }}</td>
                            <td>{{ $jal->jam }}</td>
                            <td>{{ $jal->tujuan }}</td>
                            <td>{{ $jal->suhu_tubuh }}  °C</td>
                            <td>
                              <form action="perjalanan/delete/{{$jal->id}}" method="PUT" class="float-left">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">Hapus</button>
                              </form>
                              <a href="{{ route('generate',$jal->id) }}" class="btn btn-primary btn-sm" >Scan</a>
                            </td>
                          </tr>           
                          @endforeach
                        </tbody>
                      </table>
                </div>  
            </div>
        </div>
      </div>
    </div>
  </div>



@endsection