@extends('layouts.app')

@section('content')
@if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if(session()->has('paid'))
        <div class="alert alert-warning">
            {{ session()->get('paid') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if(session()->has('fail'))
        <div class="alert alert-danger">
            {{ session()->get('fail') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    <div class="col">
        <!-- <div class="card">
            <div class="card-header">Statistik Inbound</div>
                <div class="card-body">
                    <div id="inbound"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col ">
        <div class="card">
            <div class="card-header">Statistik Outbound</div>
                <div class="card-body">
                <div id="outbound"></div>
                </div>
            </div>
        </div>
    </div> -->
    <div class="col-12 pt-4" >
        <div class="card">
            <div class="card-header">Create Billing</div>
            <div class="card-body">
            <table class="table table-bordered table-striped">
                    <thead>
                        <th>#</th>
                        <th>Timestamp</th>
                        <th>Status</th>
                        <th>URL</th>
                        <th>IP</th>
                        <th>Method</th>
                        <th>Request Header</th>
                        <th>Request Body</th>
                        <th>Response Header</th>
                        <th>Response Body</th>
                    </thead>
                    <tbody>
                    @foreach($in_bounds as $index=>$io)
                        <tr>
                            <td>{{ $index+1 }}</td>
                            <td>{{ $io->created_at }}</td>
                            <td>
                                @if($io->status == 'pending')
                                    <span class="badge bg-warning">{{ $io->status }}</span>
                                @elseif($io->status == 'success')
                                    <span class="badge bg-success">{{ $io->status }}</span>
                                @elseif($io->status == 'error')
                                    <span class="badge bg-danger">{{ $io->status }}</span>
                                @endif                            
                            </td>                            
                            <td>{{ $io->url }}</td>
                            <td>{{ $io->party_ip }}</td>
                            <td>{{ $io->method }}</td>
                            <td>{{ substr($io->req_headers, 0, 30) }}...</td>
                            <td>{{ substr($io->req_body, 0, 30) }}...</td>
                            <td>{{ substr($io->resp_headers, 0, 30) }}...</td>
                            <td>{{ substr($io->resp_body, 0, 30) }}...</td>
                            </tr>
                            @endforeach
                    </tbody>
                    </table>
            </div>
        </div>
    </div>

    <div class="col-12 pt-4" >
        <div class="card">
            <div class="card-header">Inform Payment</div>
            <div class="card-body">
            <table class="table table-bordered table-striped">
                    <thead>
                        <th>#</th>
                        <th>Timestamp</th>
                        <th>Status</th>
                        <th>URL</th>
                        <th>Method</th>
                        <th>Request Header</th>
                        <th>Request Body</th>
                        <th>Response Header</th>
                        <th>Response Body</th>
                    </thead>
                    <tbody>
                    @foreach($out_bounds as $index=>$io)
                        <tr>
                            <td>{{ $index+1 }}</td>
                            <td>{{ $io->created_at }}</td>
                            <td>
                                @if($io->status == 'pending')
                                    <span class="badge bg-warning">{{ $io->status }}</span>
                                @elseif($io->status == 'success')
                                    <span class="badge bg-success">{{ $io->status }}</span>
                                @elseif($io->status == 'error')
                                    <span class="badge bg-danger">{{ $io->status }}</span>
                                @endif                            
                            </td>
                            <td>{{ $io->url }}</td>
                            <td>{{ $io->method }}</td>
                            <td>{{ substr($io->req_headers, 0, 50) }}...</td>
                            <td>{{ $io->req_body }}</td>
                            <td>{{ substr($io->resp_headers, 0, 50) }}...</td>
                            <td>{{ substr($io->resp_body, 0, 50) }}...</td>
                            </tr>
                            @endforeach
                    </tbody>
                    </table>
            </div>
        </div>
    </div>    
@endsection