@extends('layouts.master')

@section('page_title', 'Account Types')

@section('content')
<div class="">
    <h1 class="mb-4">Account Types</h1>

    <div class="mb-3">
        <a href="{{ route('account-types.create') }}" class="btn btn-primary">Create Account Type</a>
    </div>

    <div class="card">
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Category</th>
                        <th>Description</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody> 
                    @forelse($accountTypes ?? [] as $type)
                        <tr>
                            <td>{{ $type->id }} </td>
                            <td>{{ $type->name }}</td>
                            <td>
                                <span class="badge bg-secondary">
                                    {{ ucfirst($type->category ?? 'N/A') }}
                                </span>
                            </td>
                            <td>{{ str($type->description ?? '-')->limit(50) }}</td>
                            <td>
                                @if(isset($type->is_active) && $type->is_active)
                                    <span class="badge bg-success">Active</span>
                                @else
                                    <span class="badge bg-danger">Inactive</span>
                                @endif
                            </td>
                            <td>
                                <div class="btn-group" role="group">
                                    <a href="{{ route('account-types.show', $type) }}" class="btn btn-sm btn-secondary">View</a>
                                    <a href="{{ route('account-types.edit', $type) }}" class="btn btn-sm btn-primary">Edit</a>
                                    <form action="{{ route('account-types.destroy', $type) }}" method="POST" class="d-inline">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger" 
                                                onclick="return confirm('Are you sure you want to delete this account type?')">Delete</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center">No account types found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
            
            <div class="d-flex justify-content-center mt-4">
                {{ $accountTypes->appends(request()->query())->links('pagination::bootstrap-4') }}
            </div>
        </div>
    </div>
</div>
@endsection