@extends('layouts.app')

@section('content')
    @include('partials.navbar')
    @include('articles.partials.home-css')
    <div class="container mt-4">

        <div class="d-flex justify-content-between align-items-center mb-3">
            <h2>{{ $interview->title }}</h2>

            <div>
                <a href="{{ route('admin.interviews.edit', $interview->id) }}" class="btn btn-warning">
                    Edit
                </a>

                <a href="{{ route('admin.interviews.index') }}" class="btn btn-secondary mt-2">
                    Back
                </a>
            </div>
        </div>

        <div class="card shadow-sm">
            <div class="card-body">

                @if ($interview->photo)
                    <img src="{{ asset('storage/' . $interview->photo) }}"
                        style="width: 250px; height:auto; border-radius:10px;" class="mb-3">
                @endif

                <p><strong>Interviewee:</strong> {{ $interview->interviewee }}</p>

                <p><strong>Published:</strong>
                    {{ \Carbon\Carbon::parse($interview->created_at)->format('F j, Y') }}
                </p>

                <hr>

                <h5>Summary</h5>
                <div class="mb-3">
                    {!! $interview->summary !!}
                </div>

                <h5>Content</h5>
                <div class="poa">
                    {!! $interview->content !!}
                </div>

            </div>
        </div>

    </div>
@endsection