@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
<h1>External API</h1>
@stop

@section('content')
<div class="card">
    <div class="card-header ui-sortable-handle" style="cursor: move;">
        <h3 class="card-title">
            <i class="fa fa-credit-card mr-1"></i>
            External API
        </h3>
        <div class="card-tools">
            <ul class="nav nav-pills ml-auto">
                <li class="nav-item">
                    <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Export</a>
                </li>
            </ul>
        </div>
    </div><!-- /.card-header -->
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <thead>
                <th>#</th>
                <th>Timestamp</th>
                <th>Direction</th>
                <th>Status</th>
                <th>Party</th>
                <th>Method</th>
                <th>URL</th>
                <th>IP</th>
                <th>Req Header</th>
                <th>Req Body</th>
                <th>Resp Header</th>
                <th>Resp Body</th>
                <th></th>
            </thead>
            <tbody>
            @foreach($externalapis as $externalapi)
                <tr>
                    <td>{{ $externalapi->id }}</td>
                    <td>{{ $externalapi->updated_at }}</td>
                    <td>{{ $externalapi->direction }}</td>
                    <td>{{ $externalapi->status }}</td>
                    <td>{{ $externalapi->party }}</td>
                    <td>{{ $externalapi->method }}</td>
                    <td>{{ $externalapi->url }}</td>
                    <td>{{ $externalapi->party_ip }}</td>
                    <td>{{ $externalapi->req_header }}</td>
                    <td>{{ $externalapi->req_body }}</td>
                    <td>{{ $externalapi->resp_header }}</td>
                    <td>{{ $externalapi->resp_body }}</td>
                    <td><a class="btn btn-sm btn-success" href="{{ route('admin.api.show', $externalapi->id) }}">Detail</a></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div><!-- /.card-body -->
</div>
@stop

@section('css')
    <!-- <link rel="stylesheet" href="/css/admin_custom.css"> -->
@stop

@section('js')
    <script> console.log('Hi!'); </script>
@stop