@extends('admin.layouts.app')

@section('title', 'Boarding Stops')

@section('content')

    @include('admin.includes.alerts')
    <div class="main-card mb-3 card">
        <div class="card-body">
            <a href="{{ route('Register Boarding') }}" class="mb-2 mr-2 btn-icon btn-sm btn-primary text-white pull-right"><i
                    class="fa fa-road btn-icon-wrapper"> </i>Register Boarding</a>
            <table style="width: 100%;" id="example" class="table table-hover table-striped table-bordered">
                <thead>
                <tr>
                    <th>SN</th>
                    <th>VIA</th>
                    <th>BOARD</th>
                    <th>REGION</th>
                </tr>
                </thead>
                <tbody>
                @foreach($boardings as $i => $boarding)
                    <tr id="tr_{{$boarding->id}}">
                        <td>{{$i+1}}</td>
                        <td>{{$boarding->via}}</td>
                        <td>{{$boarding->stop}}</td>
                        <td>{{\App\Models\Cities::where(['id' => $boarding->region])->first()->city}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection