@extends('frontend.layout.master')

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

    @empty($merchants)
        <a class="btn btn-primary" href="{{ route('rocketpay.create') }}">Add Merchant</a>
    @endempty
    
    @if(session()->has('success')) {{-- OR @if(session('success')) --}}
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <table class="table table-striped">
        <thead class="thead-light">
            <tr>
              <th scope="col">#</th>
              <th scope="col">device_id</th>
              <th scope="col">app_version</th>
              <th scope="col">language</th>
              <th scope="col">uid / uid_type</th>

              <th scope="col">Device detail</th>

              <th scope="col">user_agent</th>
              <th scope="col">remark</th>
              <th scope="col">ip_address</th>
              {{-- <th scope="col">Merchant_Token</th> --}}
              {{-- <th scope="col">Action</th> --}}
            </tr>
        </thead>
        <tbody>
            @foreach($devices as $key => $device)
                <tr>
                    <th scope="row">{{$key+1}}</th>
                    <td>{{ $device->device_id }}</td>
                    <td>{{ $device->app_version }}</td>
                    <td>{{ $device->language }}</td>

                    <td>
                        <strong>Uid</strong> : {{ $device->uid }} <br>
                        <strong>Uid Type :</strong> {{ $device->uid_type }}
                    </td>

                    <td>
                        <strong>Manufacturer :</strong> {{ $device->manufacturer }}<br>
                        <strong>Model :</strong> {{ $device->model }}<br>
                        <strong>Platform :</strong> {{ $device->platform }}<br>
                        <strong>Platform_version :</strong> {{ $device->platform_version }}
                    </td>

                    <td>{{ $device->user_agent }}</td>
                    <td>{{ $device->remark }}</td>
                    <td>{{ $device->ip_address }}</td>
                    {{-- <td>{{ $device->token }}</td> --}}
                    {{-- <td>
                        <form method="POST" action="{{ route('rocketpay.destroy', $device->id) }}">
                            @csrf @method('DELETE')
                            <button class="btn btn-danger">Delete</button>
                        </form>
                        <form method="POST" action="{{ route('rocketpay.refresh', $device->id) }}">
                            @csrf
                            @if($device->token)
                                <button class="btn btn-info">Refresh</button>
                            @else
                                <button class="btn btn-primary">Create</button>
                            @endif
                        </form>
                    </td> --}}
                </tr>
            @endforeach
        </tbody>
    </table>


    <table class="table table-striped">
        <thead class="thead-light">
            <tr>
              <th scope="col">#</th>
              <th scope="col">Marchant Name</th>
              <th scope="col">Mobile</th>
              <th scope="col">User id</th>
              <th scope="col">Merchant_Id/AccountId</th>
              <th scope="col">Role</th>
              <th scope="col">Remark</th>
              <th scope="col">Status</th>
              {{-- <th scope="col">Merchant_Token</th> --}}
              <th scope="col">Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach($merchants as $key => $merchant)
                <tr>
                    <th scope="row">{{$key+1}}</th>
                    <td>{{ $merchant->name }}</td>
                    <td>{{ $merchant->mobile }}</td>
                    <td>{{ $merchant->user_id }}</td>
                    <td>{{ $merchant->account_id }}</td>
                    <td>{{ $merchant->role }}</td>
                    <td>{{ $merchant->remark }}</td>
                    <td>{{ $merchant->status }}</td>
                    {{-- <td>{{ $merchant->token }}</td> --}}
                    <td>
                        <form method="POST" action="{{ route('rocketpay.destroy', $merchant->id) }}">
                            @csrf @method('DELETE')
                            <button class="btn btn-danger">Delete</button>
                        </form>
                        <form method="POST" action="{{ route('rocketpay.refresh', $merchant->id) }}">
                            @csrf
                            @if($merchant->token)
                                <button class="btn btn-info">Refresh</button>
                            @else
                                <button class="btn btn-primary">Create</button>
                            @endif
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

</div>
@endsection