@extends('client.layouts.main')

@section('title', 'My Contacts')

@section('content')
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Contacts</span></div>
        <div class="actions">
            <a href="{{ route('client.contacts.create') }}" class="btn btn-sm green">
                <i class="fa fa-plus"></i> Add Contact
            </a>
        </div>
    </div>
    <div class="portlet-body">
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Country</th>
                    <th>Type</th>
                    <th>Default</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($contacts as $contact)
                <tr>
                    <td>{{ $contact->first_name }} {{ $contact->last_name }}</td>
                    <td>{{ $contact->email }}</td>
                    <td>{{ $contact->phone }}</td>
                    <td>{{ $contact->country->name ?? $contact->country_code }}</td>
                    <td>
                        @php
                            $typeColors = [
                                'registrant' => 'info',
                                'admin' => 'info',
                                'tech' => 'warning',
                                'billing' => 'success',
                            ];
                        @endphp
                        <span class="label label-sm label-{{ $typeColors[$contact->type] ?? 'default' }}">{{ ucfirst($contact->type) }}</span>
                    </td>
                    <td>
                        @if($contact->is_default)
                            <span class="label label-sm label-success">Yes</span>
                        @else
                            <span class="label label-sm label-default">No</span>
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('client.contacts.edit', $contact) }}" class="btn btn-sm blue">
                            <i class="fa fa-edit"></i>
                        </a>
                        <form action="{{ route('client.contacts.destroy', $contact) }}" method="POST" style="display:inline;" onsubmit="return confirm('Are you sure you want to delete this contact?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">
                                <i class="fa fa-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="text-center font-grey-mint">No contacts found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($contacts->hasPages())
    <div class="panel-footer clearfix">
        {{ $contacts->links() }}
    </div>
    @endif
</div>
@endsection