@extends('layouts.admin')

@section('title', 'Create Payment')

@section('content')
<div class="row g-3 mb-3">
    <div class="col-md-8">
        <h2 class="mb-2 text-body-emphasis">Create New Payment</h2>
        <p class="text-body-tertiary lh-sm">Add a new payment record to the system</p>
    </div>
    <div class="col-md-4 d-flex justify-content-end">
        <a href="{{ route('admin.operations.payments.index') }}" class="btn btn-phoenix-secondary">
            <span class="fas fa-arrow-left me-2"></span>Back to Payments
        </a>
    </div>
</div>

<div class="row g-3">
    <div class="col-12">
        <div class="card border">
            <div class="card-header border-bottom bg-body">
                <h6 class="mb-0">Payment Details</h6>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.operations.payments.store') }}">
                    @csrf
                    
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label for="user_name" class="form-label">Member Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('user_name') is-invalid @enderror" 
                                   id="user_name" name="user_name" value="{{ old('user_name') }}" required>
                            @error('user_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6">
                            <label for="amount" class="form-label">Amount ($) <span class="text-danger">*</span></label>
                            <input type="number" class="form-control @error('amount') is-invalid @enderror" 
                                   id="amount" name="amount" value="{{ old('amount') }}" step="0.01" min="0" required>
                            @error('amount')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label for="type" class="form-label">Payment Type <span class="text-danger">*</span></label>
                            <select class="form-select @error('type') is-invalid @enderror" id="type" name="type" required>
                                <option value="">Select Payment Type</option>
                                <option value="Monthly Fee" {{ old('type') == 'Monthly Fee' ? 'selected' : '' }}>Monthly Fee</option>
                                <option value="Registration Fee" {{ old('type') == 'Registration Fee' ? 'selected' : '' }}>Registration Fee</option>
                                <option value="Equipment Purchase" {{ old('type') == 'Equipment Purchase' ? 'selected' : '' }}>Equipment Purchase</option>
                                <option value="Tournament Entry" {{ old('type') == 'Tournament Entry' ? 'selected' : '' }}>Tournament Entry</option>
                                <option value="Belt Testing Fee" {{ old('type') == 'Belt Testing Fee' ? 'selected' : '' }}>Belt Testing Fee</option>
                                <option value="Private Lesson" {{ old('type') == 'Private Lesson' ? 'selected' : '' }}>Private Lesson</option>
                                <option value="Other" {{ old('type') == 'Other' ? 'selected' : '' }}>Other</option>
                            </select>
                            @error('type')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6">
                            <label for="payment_method" class="form-label">Payment Method <span class="text-danger">*</span></label>
                            <select class="form-select @error('payment_method') is-invalid @enderror" id="payment_method" name="payment_method" required>
                                <option value="">Select Payment Method</option>
                                <option value="Credit Card" {{ old('payment_method') == 'Credit Card' ? 'selected' : '' }}>Credit Card</option>
                                <option value="Debit Card" {{ old('payment_method') == 'Debit Card' ? 'selected' : '' }}>Debit Card</option>
                                <option value="Bank Transfer" {{ old('payment_method') == 'Bank Transfer' ? 'selected' : '' }}>Bank Transfer</option>
                                <option value="PayPal" {{ old('payment_method') == 'PayPal' ? 'selected' : '' }}>PayPal</option>
                                <option value="Cash" {{ old('payment_method') == 'Cash' ? 'selected' : '' }}>Cash</option>
                                <option value="Check" {{ old('payment_method') == 'Check' ? 'selected' : '' }}>Check</option>
                            </select>
                            @error('payment_method')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label for="status" class="form-label">Payment Status</label>
                            <select class="form-select @error('status') is-invalid @enderror" id="status" name="status">
                                <option value="completed" {{ old('status', 'completed') == 'completed' ? 'selected' : '' }}>Completed</option>
                                <option value="pending" {{ old('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="failed" {{ old('status') == 'failed' ? 'selected' : '' }}>Failed</option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6">
                            <label for="transaction_id" class="form-label">Transaction ID</label>
                            <input type="text" class="form-control @error('transaction_id') is-invalid @enderror" 
                                   id="transaction_id" name="transaction_id" value="{{ old('transaction_id') }}" 
                                   placeholder="e.g., TXN_ABC123 (optional)">
                            @error('transaction_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="row g-3 mb-4">
                        <div class="col-12">
                            <label for="description" class="form-label">Description</label>
                            <textarea class="form-control @error('description') is-invalid @enderror" 
                                      id="description" name="description" rows="3" 
                                      placeholder="Add any additional details about this payment...">{{ old('description') }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="alert alert-info d-flex align-items-center" role="alert">
                        <span class="fas fa-info-circle me-2"></span>
                        <div>
                            <strong>Note:</strong> This payment record will be added to the system immediately. 
                            Make sure all information is correct before submitting.
                        </div>
                    </div>
                    
                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ route('admin.operations.payments.index') }}" class="btn btn-outline-secondary">
                            Cancel
                        </a>
                        <button type="submit" class="btn btn-phoenix-primary">
                            <span class="fas fa-save me-2"></span>Create Payment
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection