@extends('template.index')

@section('content')
<div class="content">
    <div class="container mt-3">
        @if (session('alert'))
            <div class="alert alert-{{ session('alert.type') }}" role="alert">
                {{ session('alert.message') }}
                <button class="close" data-dismiss="alert" type="button" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        <div class="d-flex align-items-center justify-content-between mb-3">
            <h1 class="mt-2">Comentário do vídeo - <a href="{{ route('videos.edit', ['video' => $comment->video->id]) }}">{{ $comment->video->title }}</a></h1>
        </div>

        <div class="row">
            <div class="col-12">
                <label class="form-label" for="video">Vídeo:</label>
                <input class="form-control" type="text" name="video" id="video" value="{{$comment->video->title}}" disabled>
            </div>
            <div class="col-12">
                <label class="form-label" for="donor">Devoto:</label>
                <input class="form-control" type="text" name="donor" id="donor" value="{{$comment->donor->name}}" disabled>
            </div>
            <div class="col-12">
                <label for="comment" class="form-label">Comentário:</label>
                <textarea class="form-control" name="comment" id="comment" cols="30" rows="10" disabled>{{$comment->comments}}</textarea>
            </div>
            <div>

            </div>
        </div>
    </div>
</div>
@endsection