@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Edit Redeem Point</h1>

    <form action="{{ route('redeempoints.update', $redeempoint->id) }}" method="POST">
        @csrf @method('PUT')

        <div class="mb-3">
            <label>Points</label>
            <input type="number" step="0.01" name="points" class="form-control" value="{{ old('points', $redeempoint->points) }}" required>
        </div>

<div class="mb-3">
    <label>Type</label>
    <select name="type" class="form-control" required>
        <option value="earned_by_purchase" {{ $redeempoint->type == 'earned_by_purchase' ? 'selected' : '' }}>Earned by Purchase</option>
        <option value="coupon_not_worked" {{ $redeempoint->type == 'coupon_not_worked' ? 'selected' : '' }}>Coupon didn't work</option>
        <option value="redeem" {{ $redeempoint->type == 'redeem' ? 'selected' : '' }}>Redeemed</option>
        <option value="adjust" {{ $redeempoint->type == 'adjust' ? 'selected' : '' }}>Adjusted</option>
        <option value="birthday" {{ $redeempoint->type == 'birthday' ? 'selected' : '' }}>Birthday Bonus</option>
        <option value="account_creation" {{ $redeempoint->type == 'account_creation' ? 'selected' : '' }}>Account Creation Bonus</option>
        <option value="expired" {{ $redeempoint->type == 'expired' ? 'selected' : '' }}>Expired</option>
        <option value="refferal_bonus" {{ $redeempoint->type == 'refferal_bonus' ? 'selected' : '' }}>Referral Bonus</option>
    </select>
</div>

        <div class="mb-3">
            <label>Order ID</label>
            <input type="text" name="order_id" class="form-control" value="{{ old('order_id', $redeempoint->order_id) }}">
        </div>

        <div class="mb-3">
            <label>Description</label>
            <input type="text" name="description" class="form-control" value="{{ old('description', $redeempoint->description) }}">
        </div>

        <div class="mb-3">
            <label>Status</label>
            <select name="status" class="form-control" required>
                <option value="pending" {{ $redeempoint->status == 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="approved" {{ $redeempoint->status == 'approved' ? 'selected' : '' }}>Approved</option>
                <option value="rejected" {{ $redeempoint->status == 'rejected' ? 'selected' : '' }}>Rejected</option>
            </select>
        </div>
        {{-- ✅ Show Proof Image --}}
        @if(!empty($redeempoint->proof_image))
            <div class="mb-3">
                <label>Proof Screenshot</label><br>
                <a href="{{ $redeempoint->proof_image }}" target="_blank">
                    <img src="{{ $redeempoint->proof_image }}" alt="Proof Screenshot" 
                         style="max-width: 200px; border:1px solid #ccc; padding:5px; border-radius:5px;">
                </a>
            </div>
        @endif
        <button type="submit" class="btn btn-success">Save Changes</button>
        <a href="{{ route('redeempoints.index') }}" class="btn btn-secondary">Back</a>
    </form>
</div>
@endsection