@extends('layouts.admin')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{asset('css/dragula.min.css')}}">
@endsection

@section('page-header', 'Contacts')

@section('content')
<div class="card card-body">
<table class="table">
        <thead>
            <tr>
                <th>Title</th>
                <th>Category</th>
                <th>Added on</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse ($contacts as $contact)
            <tr class="card-body">


                <td><a href="{{ 'http://'.$contact->link }}" target="_blank">{{ $contact->name }}</a></td>
                <td>{{ $contact->category_display_name }}</td>
                <td class="nowrap">{{ $contact->created_at->format('Y-m-d H:i') }}</td>
                <td class="text-right nowrap">
                    <a href="{{ route('admin.contacts.edit', $contact->id) }}" class="btn btn-outline-secondary btn-sm">Edit</a>
                    <button class="btn btn-outline-danger btn-sm"
                        data-confirm-delete
                        data-confirm-action="{{ route('admin.contacts.delete', $contact->id) }}"
                        data-confirm-title="Remove Contact"
                        data-confirm-text="Are you sure you want to delete post &quot;{{ $contact->name }}&quot;?">Remove</button>
                </td>
            </tr>
            @empty
            <tr>
                <td><div class="no-data">No contacts yet</div></td>
            </tr>
            @endforelse
        </tbody>
    </table>
    {{ $contacts->links() }}
</div>
@endsection