@extends('admin.preferences._layout')

@section('preferences_content')
<div class="card billing-form-card border-0 shadow-sm">
    <div class="card-header bg-transparent border-bottom d-flex flex-wrap align-items-center gap-2">
        <div class="flex-grow-1">
            <h5 class="mb-0 fw-semibold">Taxes</h5>
        </div>
        <div class="dropdown">
            <button class="btn btn-success btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="ri-add-line me-1"></i> New
            </button>
            <ul class="dropdown-menu dropdown-menu-end">
                <li><a class="dropdown-item" href="{{ route('admin.preferences.taxes.create') }}">Tax</a></li>
                <li><a class="dropdown-item" href="{{ route('admin.preferences.taxes.groups.create') }}">Tax Group</a></li>
            </ul>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0 billing-taxes-table">
                <thead class="table-light">
                    <tr>
                        <th class="ps-3">Name</th>
                        <th class="text-end" style="width:120px">Percent</th>
                        <th class="text-end pe-3" style="width:120px">Surcharge</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($taxes as $tax)
                        <tr>
                            <td class="ps-3">
                                <a href="{{ $tax->is_group ? route('admin.preferences.taxes.groups.edit', $tax) : route('admin.preferences.taxes.edit', $tax) }}"
                                   class="billing-taxes-table__name">
                                    {{ $tax->listDisplayName() }}
                                </a>
                            </td>
                            <td class="text-end">{{ $tax->percentDisplay() }}</td>
                            <td class="text-end pe-3 text-muted">{{ $tax->surchargeDisplay() ?? '' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" class="text-center text-muted py-5">
                                No taxes yet. Use <strong>+ New</strong> to add a tax or tax group.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection