@extends('admin.layouts.master')

@section('title', 'External Agents Control')

@section('content')
  <div class="container">
    <div class="text-center my-3">
      <h2>List Of External Agents</h2>
    </div>
    <a class="text-decoration-none btn btn-primary" href="{{ route('admin.external.create') }}">
      New Agent External
    </a>
    <table class="table table-bordered text-center bg-light">
        <thead>
            <tr>
                <th>#</th>
                <th>Name</th>
                <th>Phone</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($agents as $agent)
                <tr>
                    <td>{{ $agent->id }}</td>
                    <td>{{ $agent->name }}</td>
                    <td>{{ $agent->phone }}</td>
                    <td class="col-1">
                        <div class="d-flex">
                            <div class="btn-group dropleft">
                                <a class="py-1 px-4" type="button" data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false">
                                    <i class="fa fa-ellipsis-v"></i>
                                </a>
                                <div class="dropdown-menu p-0 m-0">
                                    <a class="text-decoration-none text-body"
                                        href="{{ route('admin.external.create',['id'=>$agent->id]) }}">
                                        <div class="text-center p-2">
                                            Agent External Data
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="text-center">
        {{ $agents->links() }}
    </div>
  </div>
@endsection