@extends('adminlte::page')

@section('title', 'Member Photo #' . $memberPhoto->id)

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Member Photo #{{ $memberPhoto->id }}</h1>
        <div>
            <a href="{{ route('member-photos.edit', $memberPhoto) }}" class="btn btn-warning">
                <i class="fas fa-edit"></i> Edit
            </a>
            <a href="{{ route('member-photos.index') }}" class="btn btn-default">
                <i class="fas fa-arrow-left"></i> Back
            </a>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-5">
            <div class="card">
                <div class="card-body text-center">
                    <img src="{{ $memberPhoto->display_url }}" alt="Member photo"
                        class="img-fluid rounded" style="max-height: 400px;">
                </div>
            </div>
        </div>

        <div class="col-md-7">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Photo Details</h3>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-4">ID</dt>
                        <dd class="col-sm-8">{{ $memberPhoto->id }}</dd>

                        <dt class="col-sm-4">Member</dt>
                        <dd class="col-sm-8">
                            <a href="{{ route('members.show', $memberPhoto->member) }}">
                                {{ $memberPhoto->member->name }}
                            </a>
                            <span class="text-muted">({{ $memberPhoto->member->email }})</span>
                        </dd>

                        <dt class="col-sm-4">Display Order</dt>
                        <dd class="col-sm-8">{{ $memberPhoto->order }}</dd>

                        <dt class="col-sm-4">Primary Photo</dt>
                        <dd class="col-sm-8">
                            @if($memberPhoto->is_primary)
                                <span class="badge badge-primary">Yes</span>
                            @else
                                <span class="text-muted">No</span>
                            @endif
                        </dd>

                        <dt class="col-sm-4">Verified</dt>
                        <dd class="col-sm-8">
                            @if($memberPhoto->is_verified)
                                <span class="badge badge-success">Yes</span>
                            @else
                                <span class="badge badge-secondary">No</span>
                            @endif
                        </dd>

                        <dt class="col-sm-4">Likes Count</dt>
                        <dd class="col-sm-8">{{ $memberPhoto->likes_count }}</dd>

                        <dt class="col-sm-4">Storage Path</dt>
                        <dd class="col-sm-8"><code>{{ $memberPhoto->photo_url }}</code></dd>

                        <dt class="col-sm-4">Uploaded At</dt>
                        <dd class="col-sm-8">{{ $memberPhoto->uploaded_at->format('M d, Y H:i') }}</dd>

                        <dt class="col-sm-4">Created</dt>
                        <dd class="col-sm-8">{{ $memberPhoto->created_at->format('M d, Y H:i') }}</dd>

                        <dt class="col-sm-4">Last Updated</dt>
                        <dd class="col-sm-8">{{ $memberPhoto->updated_at->format('M d, Y H:i') }}</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
@stop