@extends('layouts.frontend')

@section('content')
<div class="container">

    <!-- <example-component></example-component> -->

    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">Profile</div>
                <div class="card-body">
                    <p>Email: {{ Auth::user()->email }}</p>
                    <p>Phone Number: {{ Auth::user()->email }}</p>
                    <p>
                        Token: 
                        <input id="token" value="{{ Auth::user()->token }}" style="width: 80%" disabled>
                    </p>
                </div>
            </div>
        </div>
        @foreach($user->userMerchants as $merchant)
        <div class="col-md-12" style="margin-top: 20px">
            <div class="card">
                <div class="card-header">Merchant: {{ $merchant->name }}</div>

                <div class="card-body">
                    <p>Status: 
                        @if($merchant->status == 'active') 
                        <span class="badge badge-success">{{ $merchant->status }}</span>
                        @else
                            {{ $merchant->status }}
                        @endif
                    </p>
                    <p>Code: <strong>{{ $merchant->code }}</strong></p>
                    <p>Secret: <strong>{{ $merchant->secret }}</strong></p>
                    <p>Whitelist IP: {{ $merchant->whitelist_ip }}</p>
                    <p>Inform URL: {{ $merchant->inform_url }}</p>
                </div>
            </div>
        </div>   
        @endforeach
        @if(Auth::user()->status == 'production')
        <div class="col-md-12" style="margin-top: 20px">
            <div class="card text-white bg-success ">
                <div class="card-header">Production</div>

                <div class="card-body">
                    <p>
                        For production URL, remove /sandbox/ from the URL, for example:
                    </p>
                    /api/sandbox/create -> /api/create
                </div>
            </div>
        </div>  
        @endif 
    </div>

</div>
@endsection