{{-- resources/views/settings/payment-methods.blade.php --}}
@extends('layouts.app')
@section('title', 'Payment Methods')
@section('page_title', 'Payment Methods')
@section('page_subtitle', 'Configure accepted payment methods')

@section('content')

@include('settings.partials.nav')

<div class="row g-3">

    <div class="col-xl-8">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-credit-card me-2" style="color:var(--clay)"></i>
                    Payment Methods
                </span>
            </div>

            @if($methods->isEmpty())
                <div class="card-body text-center py-4">
                    <p class="text-muted mb-0" style="font-size:.8rem;">
                        No payment methods configured
                    </p>
                </div>
            @else
                <div class="card-body" style="padding:0;">
                    @foreach($methods as $method)
                        <form method="POST"
                              action="{{ tenant_route('settings.payment-methods.update', ['method' => $method->id]) }}"
                              style="display:contents;">
                            @csrf @method('PUT')
                            <div style="display:flex;align-items:center;gap:12px;
                                        padding:14px 18px;
                                        border-bottom:1px solid var(--border);">

                                <div style="width:36px;height:36px;border-radius:8px;
                                            background:var(--clay-light);
                                            display:flex;align-items:center;
                                            justify-content:center;flex-shrink:0;">
                                    @php
                                        $icons = [
                                            'cash' => 'bi-cash',
                                            'card' => 'bi-credit-card',
                                            'bank_transfer' => 'bi-bank',
                                            'ecocash' => 'bi-phone',
                                            'innbucks' => 'bi-phone-fill',
                                            'paynow' => 'bi-globe',
                                        ];
                                    @endphp
                                    <i class="bi {{ $icons[$method->method] ?? 'bi-cash-coin' }}"
                                       style="color:var(--clay);font-size:.9rem;"></i>
                                </div>

                                <div style="flex:1;">
                                    <input type="text" name="label"
                                           class="form-control form-control-sm mb-1"
                                           value="{{ $method->label }}"
                                           style="font-weight:600;">
                                    <input type="text" name="instructions"
                                           class="form-control form-control-sm"
                                           value="{{ $method->instructions }}"
                                           placeholder="Payment instructions (optional)"
                                           style="font-size:.75rem;">
                                </div>

                                <div style="display:flex;align-items:center;
                                            gap:8px;flex-shrink:0;">
                                    <div class="form-check form-switch mb-0">
                                        <input type="checkbox"
                                               name="is_active" value="1"
                                               class="form-check-input"
                                               {{ $method->is_active ? 'checked' : '' }}>
                                    </div>
                                    <button type="submit"
                                            class="btn btn-xs btn-outline-secondary">
                                        Save
                                    </button>
                                    <form method="POST"
                                          action="{{ tenant_route('settings.payment-methods.destroy', ['method' => $method->id]) }}"
                                          onsubmit="return confirm('Remove this payment method?')">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-xs btn-outline-danger"
                                                type="submit">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </form>
                    @endforeach
                </div>
            @endif
        </div>
    </div>

    <div class="col-xl-4">
        <div class="card">
            <div class="card-header">
                <span class="card-title">Add Method</span>
            </div>
            <div class="card-body">
                <form method="POST"
                      action="{{ tenant_route('settings.payment-methods.store') }}">
                    @csrf

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Method</label>
                        <select name="method" class="form-select" required>
                            <option value="">Select method</option>
                            @foreach([
                                'cash'          => 'Cash',
                                'card'          => 'Credit / Debit Card',
                                'bank_transfer' => 'Bank Transfer',
                                'ecocash'       => 'EcoCash',
                                'innbucks'      => 'InnBucks',
                                'paynow'        => 'PayNow',
                                'paypal'        => 'PayPal',
                                'stripe'        => 'Stripe',
                                'cheque'        => 'Cheque',
                                'other'         => 'Other',
                            ] as $val => $label)
                                @if(!$methods->contains('method', $val))
                                    <option value="{{ $val }}">{{ $label }}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Display Label</label>
                        <input type="text" name="label"
                               class="form-control"
                               placeholder="e.g. Pay via EcoCash" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Instructions</label>
                        <textarea name="instructions" rows="2"
                                  class="form-control"
                                  placeholder="e.g. Send to +263 77 123 4567, Merchant Code: HOTEL01"></textarea>
                    </div>

                    <button type="submit"
                            class="btn btn-primary btn-sm w-100">
                        Add Method
                    </button>
                </form>
            </div>
        </div>
    </div>

</div>

@endsection