@extends('layouts.app')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <h2 class="text-2xl font-bold">Currencies</h2>
    </div>

    @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif

    @if ($errors->any())
        <div class="alert alert-error">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card bg-base-100 shadow">
        <div class="card-body">
            <h3 class="font-semibold mb-3">Add currency</h3>
            <p class="text-sm text-base-content/70 mb-4">
                Use a <strong>lowercase ISO-style code</strong> (e.g. <code>usd</code>, <code>aud</code>) for Stripe compatibility. Agents and admins will see these options when creating invoices.
            </p>
            <form method="POST" action="{{ route('admin.currencies.store') }}" class="grid grid-cols-1 md:grid-cols-5 gap-3">
                @csrf
                <input name="code" value="{{ old('code') }}" class="input input-bordered uppercase" placeholder="Code (e.g. USD)" maxlength="10" required>
                <input name="label" value="{{ old('label') }}" class="input input-bordered md:col-span-2" placeholder="Display name" required>
                <input name="sort_order" type="number" min="0" value="{{ old('sort_order', 0) }}" class="input input-bordered" placeholder="Sort order">
                <button class="btn btn-primary">Add</button>
            </form>
        </div>
    </div>

    <div class="card bg-base-100 shadow overflow-x-auto">
        <div class="card-body">
            <h3 class="font-semibold mb-4">Active currencies</h3>
            <table class="table table-zebra">
                <thead>
                    <tr>
                        <th>Code</th>
                        <th>Label</th>
                        <th>Sort</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($currencies as $c)
                        <tr>
                            <td class="font-mono">{{ strtoupper($c->code) }}</td>
                            <td>{{ $c->label }}</td>
                            <td>{{ $c->sort_order }}</td>
                            <td>
                                <form method="POST" action="{{ route('admin.currencies.destroy', $c->id) }}" onsubmit="return confirm('Remove this currency? Invoices using it cannot exist.');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-xs btn-error btn-outline">Remove</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="text-center text-base-content/60">No currencies. Run migrations or add one above.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection