@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.affiliates.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>Affiliate Name</th>
                    <th>Token</th>
                    <th>Leads</th>
                    <th>Created</th>
                    <th></th>
                </tr>
            </thead>
            <tbody class="table-border-bottom-0">
                @foreach ($affiliates as $user)
                <tr>
                    <td>{{$user->id}}</td>
                    <td>{{$user->email}}</td>
                    <td><span class="badge bg-label-primary copyButton cursor-pointer" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Copy Token" data-bs-custom-class="tooptip-primary" data-clipboard-text="{{$user->affiliate_token}}">{{$user->affiliate_token}}</span></td>
                    <td>{{$user->name}}</td>
                    <td><span class="badge bg-primary">{{$user->affiliates()->count()}}</span></td>
                    <td>{{$user->created_at}}</td>
                    <td>
                        <a data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Download Docs" data-bs-custom-class="tooltip-primary" class="btn btn-sm btn-icon rounded-circle bg-glow btn-primary" href="{{route('dashboard.affiliates.download', $user->id)}}">
                            <i class="ti ti-download"></i>
                        </a>
                        <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.affiliates.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="deleteAffiliate 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('.deleteAffiliate', 'Are you sure to delete this Affiliate?', 'dashboard/affiliates', 'DELETE', true);
    </script>
@endpush