@extends('admin.layouts.app')
@section('title', __('mpesa::mpesa.reversal.title'))
@section('content')
@php use Modules\Gateways\Mpesa\Services\Money; @endphp
@include('mpesa::admin._nav', ['title' => __('mpesa::mpesa.reversal.title')])

<div class="card" style="max-width:720px;">
    <div class="card-header"><strong>{{ __('mpesa::mpesa.reversal.confirm_title', ['receipt' => $tx->receipt]) }}</strong></div>
    <div class="card-body">
        @if($blocked)
            <div class="alert alert-danger">{{ $blocked }}</div>
            <a href="{{ route('admin.mpesa.transactions.show', $tx) }}" class="btn btn-default btn-sm">{{ __('common.actions.back') }}</a>
        @else
        <table class="data-table" style="margin-bottom:12px;">
            <tbody>
                <tr><td>{{ __('mpesa::mpesa.admin.receipt') }}</td><td style="font-family:monospace;font-weight:600;">{{ $tx->receipt }}</td></tr>
                <tr><td>{{ __('mpesa::mpesa.reversal.amount') }}</td><td><strong>{{ Money::format(Money::minor($tx->amount)) }}</strong> ({{ __('mpesa::mpesa.reversal.full_only') }})</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.payer') }}</td><td>{{ $tx->payer_name }} {{ $tx->msisdn_masked }}</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.shortcode') }}</td><td>{{ $tx->shortcode }} ({{ $tx->environment }})</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.paid_at') }}</td><td>{{ $tx->transacted_at?->format('Y-m-d H:i') }}</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.allocations') }}</td><td>
                    @forelse($tx->activeAllocations as $a)
                        <div>#{{ $a->invoice?->invoice_num ?: $a->invoice_id }}: {{ $a->source_currency }} {{ $a->invoice_portion }} {{ __('mpesa::mpesa.admin.to_invoice') }}, {{ $a->credit_portion }} {{ __('mpesa::mpesa.admin.to_credit') }}</div>
                    @empty — @endforelse</td></tr>
            </tbody>
        </table>
        <div class="alert alert-warning" style="font-size:13px;">
            {{ __('mpesa::mpesa.reversal.effects') }}
            @if($dual)<br><strong>{{ __('mpesa::mpesa.reversal.needs_second') }}</strong>@endif
        </div>
        <form method="POST" action="{{ route('admin.mpesa.transactions.reverse.store', $tx) }}">
            @csrf
            <div class="form-group"><label class="form-label">{{ __('mpesa::mpesa.reversal.reason') }}</label>
                <input type="text" name="reason" class="form-control" required minlength="5" maxlength="255" value="{{ old('reason') }}"></div>
            <div class="form-group"><label class="form-label">{{ __('mpesa::mpesa.reversal.type_receipt', ['receipt' => $tx->receipt]) }}</label>
                <input type="text" name="confirm_receipt" class="form-control" required autocomplete="off" style="font-family:monospace;text-transform:uppercase;max-width:220px;"></div>
            <label style="font-size:13px;"><input type="checkbox" name="confirm" value="1" required> {{ __('mpesa::mpesa.reversal.checkbox') }}</label>
            <div style="margin-top:12px;display:flex;gap:8px;">
                <button class="btn btn-danger">{{ $dual ? __('mpesa::mpesa.reversal.submit_for_approval') : __('mpesa::mpesa.reversal.submit') }}</button>
                <a href="{{ route('admin.mpesa.transactions.show', $tx) }}" class="btn btn-default">{{ __('common.actions.cancel') }}</a>
            </div>
        </form>
        @endif
    </div>
</div>
@endsection