@extends('layouts.master')
@section('content')
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Assigned <span>Routes</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Assigned</span></a></li>
            <li><span>Routes List</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="header"> 
                <h2>Assigned <span> Routes List</span></h2>
            </div>
            <div class="body"> 
                <table class="table table-hover dt-responsive nowrap" id="example" style="width:100%">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Employee Name</th>
                            <th>Route Name</th> 
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($route_assignments as $value)
                            <tr>
                                <td>{{$value->id}}</td>
                                <td>{{$value->emp_name}}</td>
                                <td>{{$value->route_name}}</td> 
                                <td>
                                    <button class="btn btn-default red-bg delete_route_assignment" id="{{$value->id}}">Delete</button> 
                                </td>
                            </tr> 
                        @endforeach 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection