@extends('layouts.merchant')

@section('content')

    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">API Credentials</h3>
            </div>

            <div class="panel-body">
                <div class="col-md-12">
                    <div class="row">
                        <a href="{{ route('merchant.merchant-config.export') }}" class="btn btn-primary pull-right" style="margin-bottom: 10px;">
                            EXPORT
                        </a>

                        <table class="table table-hover table-bordered table-striped" width="100%">

                            <tr>
                                <td><strong>Merchant ID</strong></td>
                                <td>{{ $merchant->merchant_key ?? null }}</td>
                            </tr>

                            <tr>
                                <td><strong>Merchant Secret Key</strong></td>
                                <td>{{ $merchant->secret_key ?? null }}</td>
                            </tr>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">WhiteListed IP's</h3>
            </div>

            <div class="panel-body">
                <div class="col-md-12">
                    <div class="row">

                        <table class="table table-hover table-bordered table-striped">
                            <tbody>
                            <tr>
                                <th width="50%">S.N</th>
                                <th>IP Address</th>
                            </tr>
                            @forelse($merchant->ipAddresses as $ipAddress)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $ipAddress->address }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="2" class="text-center">No IPs are listed...</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection