@extends('layouts.admin')

@section('title', 'Transactions')

@section('content')
    <div class="card mb-3">
        <div class="card-header card-header-light">
            <h3 class="card-title">Search filters</h3>
        </div>
        <form method="GET" class="card-body row">
            <div class="col-12 col-lg-3 mb-3">
                <label>ID</label>
                {{ Form::input()->type('number')->name('filter[id]')->value(request('filter.id')) }}
            </div>
            <div class="col-12 col-lg-3 mb-3">
                <label>Nick</label>
                {{ Form::input()->name('filter[nick]')->value(request('filter.nick')) }}
            </div>
            <div class="col-12 col-lg-3 mb-3">
                <label>E-mail</label>
                {{ Form::input()->name('filter[email]')->value(request('filter.email')) }}
            </div>
            <div class="col-12 col-lg-3 mb-3">
                <label>IP</label>
                {{ Form::input()->name('filter[ip]')->value(request('filter.ip')) }}
            </div>
            <div class="col-12 col-lg-3 mb-3">
                <label>Currency</label>
                {{ Form::select()->name('filter[currency_id]')->value(request('filter.currency_id'))->setOptions($currencies) }}
            </div>
            <div class="col-12 col-lg-3 mb-3">
                <label>Product</label>
                {{ Form::select()->name('filter[product_id]')->value(request('filter.product_id'))->setOptions($products) }}
            </div>
            <div class="col-12 col-lg-3 mb-3">
                <label>Status</label>
                {{ Form::select()->name('filter[status]')->value(request('filter.status'))->setOptions($statuses) }}
            </div>
            <div class="col-12 col-lg-3 mb-3">
                <label></label>
                <button type="submit" class="btn btn-primary w-100">Filter</button>
            </div>
        </form>
    </div>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-vcenter card-table">
                <thead>
                <tr>
                    <th>#</th>
                    <th>Nick</th>
                    <th>Product</th>
                    <th>Status</th>
                    <th>Price in USD</th>
                    <th>Currency</th>
                    <th>Operator ID</th>
                    <th>Date</th>
                    <th class="w-1"></th>
                </tr>
                </thead>
                <tbody>
                @forelse($transactions as $transaction)
                    <tr>
                        <td>{{ $transaction->id }}</td>
                        <td>{{ $transaction->nick }}</td>
                        <td>{{ $transaction->product->name ?? 'N/A' }}</td>
                        <td>{{ $transaction->status }}</td>
                        <td>{{ $transaction->eur_amount }}</td>
                        <td>{{ $transaction->currency_amount }} {{ $transaction->currency->iso }}</td>
                        <td>{{ $transaction->provider_id }}</td>
                        <td>{{ $transaction->created_at }}</td>
                        <td>
                            <a href="#" data-bs-toggle="modal"
                               data-bs-target="#info{{ $transaction->id }}">Details</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="9">-- No transactions</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="container-fluid mt-3">
            {{ $transactions->links() }}
        </div>
    </div>

    @foreach($transactions as $transaction)
        <div class="modal fade" id="info{{ $transaction->id }}" tabindex="-1" aria-labelledby="exampleModalLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="exampleModalLabel">Transaction {{ $transaction->id }}</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        @foreach(['id', 'provider_id', 'nick', 'email', 'status', 'provider_id', 'currency_amount', 'currency_id', 'eur_amount', 'ip_encrypted', 'created_at', 'updated_at'] as $field)
                            <div class="mb-3">
                                <label>{{ $field }}</label>
                                <input type="text" class="form-control" readonly
                                       value="{{ $transaction->$field ?? '---' }}">
                            </div>
                        @endforeach
                        <div class="mb-3">
                            <label>Product</label>
                            <input type="text" class="form-control" readonly
                                   value="{{ $transaction->product->name ?? 'N/A' }}">
                        </div>
                        <div class="mb-3">
                            <label>Currency</label>
                            <input type="text" class="form-control" readonly
                                   value="{{ $transaction->currency->iso ?? 'N/A' }}">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endsection