@extends('layouts.admin')

@section('content')
    <h3 class="title">#{{ $person->id }} Details</h3>

    <table class="table is-striped is-narrow is-size-6">
        <tr>
            <th>Nickname</th>
            <td>{{ $person->nickname }}</td>
        </tr>
        <tr>
            <th>Email address</th>
            <td>{{ $person->email }}</td>
        </tr>
        <tr>
            <th>Age</th>
            <td>{{ $person->age }}</td>
        </tr>
        <tr>
            <th>City</th>
            <td>{{ $person->city }}</td>
        </tr>
        <tr>
            <th>Country</th>
            <td>{{ $person->country }}</td>
        </tr>
        <tr>
            <th>Comments</th>
            <td>{{ $person->comments }}</td>
        </tr>
        <tr>
            <th>Recruiter</th>
            <td>{{ $person->recruiter ? $person->recruiter->name : '' }}</td>
        </tr>
        <tr>
            <th>Converter</th>
            <td>{{ $person->converter ? $person->converter->name : '' }}</td>
        </tr>
        <tr>
            <th>Created by</th>
            <td>{{ $person->createdBy ? $person->createdBy->name : '' }}</td>
        </tr>
        <tr>
            <th>Created at</th>
            <td>{{ $person->created_at }}</td>
        </tr>
        <tr>
            <th>User</th>
            <td>
                @if($person->user)
                    <a href="{{ route('admin.users.show', $person->user) }}">#{{ $person->user->id }}</a>
                @else
                    N/A
                @endif
            </td>
        </tr>
    </table>

    <p>
        <a href="{{ route('admin.people.index') }}" class="button is-light">
            <span class="icon"><i class="fas fa-arrow-left"></i></span>
            <span>Back to index</span>
        </a>
        @can('update', $person)
            <a href="{{ route('admin.people.edit', $person) }}" class="button is-warning">
                <span class="icon"><i class="fas fa-pen"></i></span>
                <span>Edit</span>
            </a>
        @endcan
    </p>
@endsection