@extends('layouts.app')

@section('title','Transport')

@section('breadcrumb')
<li class="breadcrumb-item active">Transport</li>
@endsection

@section('content')
<h1 class="mb-4">Transport Management</h1>

<div class="card">
    <div class="card-header bg-light">
        <h5 class="mb-0">Vehicle List</h5>
    </div>
    <div class="card-body">
        <table class="table table-hover">
            <thead><tr><th>Vehicle No</th><th>Driver</th><th>Route</th><th>Status</th></tr></thead>
            <tbody>
                <tr><td>WB 12 AB 3456</td><td>Ramesh</td><td>Route 1</td><td><span class="badge bg-success">Active</span></td></tr>
                <tr><td>WB 89 XY 9876</td><td>Vikas</td><td>Route 2</td><td><span class="badge bg-warning">Maintenance</span></td></tr>
            </tbody>
        </table>
    </div>
</div>

@endsection