@extends('layouts.admin.app')

@section('content')
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary">Whitelisted IPs</h6>
            <a class="btn btn-sm btn-success" href="{{route('dashboard.ip.create')}}">Add IP</a>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>IP</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($ips as $ip)
                        <tr>
                            <td>{{$ip->id}}</td>
                            <td>{{$ip->name}}</td>
                            <td>
                                @foreach (explode(',', $ip->ips) as $item)
                                    <span class="badge rounded-pill bg-primary">{{$item}}</span>
                                @endforeach
                            </td>
                            <td>
                                <a href="{{route('dashboard.ip.edit', $ip->id)}}" class="btn btn-sm btn-icon rounded-circle btn-warning"><i class="ti ti-edit"></i></a>
                                <form action="{{route('dashboard.ip.destroy', $ip->id)}}" method="POST" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-icon rounded-circle btn-danger"><i class="ti ti-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection