@extends('layouts.app')

@section('content')
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<div class="container mt-4">
    <h2>All Branches</h2>

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

    <a href="{{ route('branches.create') }}" class="btn btn-success mb-3">+ Add New Branch</a>

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>#</th>
                <th>Branch Name</th>
                <th>Code</th>
                <th>Address</th>
                <th>Phone</th>
                <th>Created</th>
            </tr>
        </thead>
        <tbody>
            @forelse($branches as $branch)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $branch->branch_name }}</td>
                    <td>{{ $branch->branch_code }}</td>
                    <td>{{ $branch->address }}</td>
                    <td>{{ $branch->phone }}</td>
                    <td>{{ $branch->created_at->diffForHumans() }}</td>
                </tr>
            @empty
                <tr><td colspan="6">No branches found.</td></tr>
            @endforelse
        </tbody>
    </table>

    {{ $branches->links() }}
</div>
@endsection