@extends('admin.layouts.app')
@section('title', 'Payment Methods')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0">Payment Methods</h4>
    <a href="{{ route('admin.payments.create') }}" class="btn btn-purple"><i class="fas fa-plus me-1"></i>Add Method</a>
</div>
<div class="card border-0 shadow-sm" style="border-radius:16px;">
    <div class="card-body p-0">
        <table class="table align-middle mb-0">
            <thead style="background:var(--purple-bg);"><tr><th class="ps-4">Name</th><th>Number</th><th>Type</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
                @foreach($methods as $method)
                    <tr>
                        <td class="ps-4 fw-bold">{{ $method->name }}</td>
                        <td>{{ $method->number }}</td>
                        <td>{{ $method->type }}</td>
                        <td>
                            <form action="{{ route('admin.payments.toggle', $method) }}" method="POST" class="d-inline">@csrf @method('PATCH')
                                <button class="btn btn-sm {{ $method->status === 'active' ? 'btn-success' : 'btn-secondary' }} rounded-pill px-3">
                                    <i class="fas fa-{{ $method->status === 'active' ? 'toggle-on' : 'toggle-off' }} me-1"></i>{{ ucfirst($method->status) }}
                                </button>
                            </form>
                        </td>
                        <td>
                            <a href="{{ route('admin.payments.edit', $method) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i></a>
                            <form action="{{ route('admin.payments.destroy', $method) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger"><i class="fas fa-trash"></i></button></form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection