@extends('layouts.admin.app')
@section('content')
<div class="card mt-2">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="card-title">Agents</h5>
        <a href="{{route('dashboard.traders.create')}}" class="btn btn-success btn-sm"><i class="ti ti-plus"></i>Create</a>
    </div>
    <div class="table-responsive text-nowrap">
        <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th></th>
                </tr>
            </thead>
            <tbody class="table-border-bottom-0">
                @foreach ($traders as $user)
                <tr>
                    <td>{{$user->id}}</td>
                    <td>{{$user->name}}</td>
                    <td>{{$user->email}}</td>
                    <td>
                        <a data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Edit" data-bs-custom-class="tooltip-warning" class="btn btn-sm btn-icon rounded-circle bg-glow btn-warning" href="{{route('dashboard.traders.edit', $user->id)}}">
                            <i class="ti ti-edit"></i>
                        </a>
                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Delete" data-bs-custom-class="tooltip-danger" type="button" data-id="{{$user->id}}" class="deleteTrader btn btn-sm btn-icon rounded-circle bg-glow btn-danger">
                            <i class="ti ti-trash-x"></i>
                        </button>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection

@push('script')
<script src="/assets/vendor/js/sweet.js"></script>

    <script>
        sweetAlertConfirmationBeforeAction('.deleteTrader', 'Are you sure to delete this Trader?', 'dashboard/traders', 'DELETE', true);
    </script>
@endpush