@extends('layout.app')

@section('content')
    <div class="row">
        {{-- Left: Input Form --}}
        <div class="col-sm-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Security Amount Entry</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('reseller.security-amount.store') }}" method="POST">
                        @csrf

                        <p class="mb-1"><strong>Manager:</strong> {{ $reseller->name }}</p>
                        <p class="mb-1">
                            <strong>Current Security Amount:</strong>
                            <span class="badge badge-info">{{ number_format($reseller->security_amount ?? 0, 2) }}</span>
                        </p>
                        @if ($hasMismatch)
                            @php
                                $correctionAmount   = number_format(abs(($reseller->security_amount ?? 0) - $logCalculatedAmount), 2);
                                $correctionType     = ($reseller->security_amount ?? 0) >= $logCalculatedAmount ? 'Collect' : 'Refund';
                                $actualFormatted    = number_format($reseller->security_amount ?? 0, 2);
                                $fixMsg             = "A corrective {$correctionType} entry of {$correctionAmount} will be added to sync the log. History is preserved. Continue?";
                                $resetMsg           = "WARNING: This will DELETE all log history and create a fresh entry for the current amount ({$actualFormatted}). This cannot be undone. Continue?";
                            @endphp
                            <div class="alert alert-warning p-2 mb-3" style="font-size:12px;">
                                <div class="mb-1">
                                    <i class="fa fa-exclamation-triangle"></i>
                                    <strong>Log mismatch!</strong>
                                    Log net: <strong class="{{ $logCalculatedAmount < 0 ? 'text-danger' : '' }}">{{ number_format($logCalculatedAmount, 2) }}</strong>
                                    &nbsp;→&nbsp; Actual: <strong>{{ $actualFormatted }}</strong>
                                </div>
                                <div class="d-flex" style="gap:6px;">
                                    <form action="{{ route('reseller.security-amount.fix-mismatch') }}" method="POST" class="mb-0">
                                        @csrf
                                        <input type="hidden" name="reseller_id" value="{{ $reseller->id }}">
                                        <button type="submit" class="btn btn-sm btn-warning"
                                            onclick="return confirm(this.dataset.msg)" data-msg="{{ $fixMsg }}">
                                            <i class="fa fa-wrench"></i> Fix (Keep History)
                                        </button>
                                    </form>
                                    <form action="{{ route('reseller.security-amount.reset-logs') }}" method="POST" class="mb-0">
                                        @csrf
                                        <input type="hidden" name="reseller_id" value="{{ $reseller->id }}">
                                        <button type="submit" class="btn btn-sm btn-danger"
                                            onclick="return confirm(this.dataset.msg)" data-msg="{{ $resetMsg }}">
                                            <i class="fa fa-trash"></i> Reset Logs
                                        </button>
                                    </form>
                                </div>
                            </div>
                        @endif

                        <input type="hidden" name="reseller_id" value="{{ $reseller->id }}">

                        <div class="form-group">
                            <label for="type">Transaction Type <span class="text-danger">*</span></label>
                            <select name="type" id="type" class="form-control" required>
                                <option value="collect" {{ old('type') == 'collect' ? 'selected' : '' }}>Collect (Add)</option>
                                <option value="refund" {{ old('type') == 'refund' ? 'selected' : '' }}>Refund (Deduct)</option>
                            </select>
                            @error('type')
                                <div class="text-danger small mt-1">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="amount">Amount <span class="text-danger">*</span></label>
                            <input type="number" name="amount" id="amount" class="form-control"
                                placeholder="0.00" step="0.01" min="0.01"
                                value="{{ old('amount') }}" required>
                            @error('amount')
                                <div class="text-danger small mt-1">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="remarks">Remarks</label>
                            <input type="text" name="remarks" id="remarks" class="form-control"
                                placeholder="Remarks" value="{{ old('remarks') }}">
                            @error('remarks')
                                <div class="text-danger small mt-1">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-between align-items-center mt-3">
                            <a href="{{ route('resellers.index') }}" class="btn btn-default">
                                <i class="fa fa-arrow-left"></i> Back
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i> Submit
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        {{-- Right: History --}}
        <div class="col-sm-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Security Amount History (Last 20)</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped mb-0">
                            <thead class="bg-secondary text-white">
                                <tr>
                                    <th>#</th>
                                    <th>Date</th>
                                    <th>Type</th>
                                    <th class="text-right">Amount</th>
                                    <th class="text-right">Balance After</th>
                                    <th>Remarks</th>
                                    <th>By</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($logs as $i => $log)
                                    <tr>
                                        <td>{{ $i + 1 }}</td>
                                        <td>{{ date('d-M-Y h:i A', strtotime($log->created_at)) }}</td>
                                        <td>
                                            @if ($log->type === 'collect')
                                                <span class="badge badge-success">Collect</span>
                                            @else
                                                <span class="badge badge-danger">Refund</span>
                                            @endif
                                        </td>
                                        <td class="text-right">{{ number_format($log->amount, 2) }}</td>
                                        <td class="text-right">{{ number_format($log->current_security_amount, 2) }}</td>
                                        <td>{{ $log->remarks }}</td>
                                        <td>{{ $log->user->name ?? '—' }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted">No transactions found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                            @if ($logs->isNotEmpty())
                                <tfoot class="bg-light font-weight-bold">
                                    <tr>
                                        <td colspan="3" class="text-right">Total Collected:</td>
                                        <td class="text-right text-success">
                                            {{ number_format($logs->where('type', 'collect')->sum('amount'), 2) }}
                                        </td>
                                        <td colspan="3"></td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" class="text-right">Total Refunded:</td>
                                        <td class="text-right text-danger">
                                            {{ number_format($logs->where('type', 'refund')->sum('amount'), 2) }}
                                        </td>
                                        <td colspan="3"></td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" class="text-right">Current Security Amount:</td>
                                        <td class="text-right text-info">
                                            {{ number_format($reseller->security_amount ?? 0, 2) }}
                                        </td>
                                        <td colspan="3"></td>
                                    </tr>
                                </tfoot>
                            @endif
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection