@extends('layouts.admin')

@section('content')

 <div class="row">
        <h2 style="padding-top:30px;">Journal details</h2>
        <div class="row" style="padding-top:30px;">
            <div class="col-12" style="padding-top:30px;">
                <table class="table table-hover responsive nowrap" style="width:100%">
                    <tbody>
                        <tr>
                            <th>Date</th>
                            <td>{{ date('m/d/Y', strtotime($diary->dated)) }}</td>
                        </tr>
                        
                        <tr>
                            <th>log entry - date time</th>
                            <td>{{ date('h:i:s A | M d, Y', strtotime($diary->created_at)) }}</td>
                        </tr>

                        <tr>
                            <th>Title</th>
                            <td>{{ $diary->title }}</td>
                        </tr>

                        <tr>
                            <th>Type</th>
                            <td>{{ $diary->type }}</td>
                        </tr>

                        <tr>
                            <th>Location</th>
                            <td>{{ ($diary->location) ? $diary->location : 'N/A' }}</td>
                        </tr>

                        <tr>
                            <th>Journal Entry</th>
                            <td style="word-wrap: normal;">{{ $diary->description }}</td>
                        </tr>

                        @if($diary->type == 'Image')
                        <tr>
                            <th>Images</th>
                            <td>
                                <table>
                                    <tbody>
                                        @if($diary->images->count() > 0)
                                        @foreach($diary->images as $image)
                                            @if($image->image_type == "Uploaded")
                                                <tr>
                                                    <td><img src="/images/{{ $image->file }}" class="img-thumbnail"></td>
                                                    <td>
                                                        <form method="post" action="{{ route('removeImage', $image->id) }}">
                                                        @csrf
                                                            <button class="btn btn-sm btn-danger" type="submit">Remove image</button>
                                                        </form>
                                                    </td>
                                                </tr>
                                            @else
                                                <tr>
                                                    <td><img src="{{ $image->file }}" class="img-thumbnail"></td>
                                                    <td>
                                                        <form method="post" action="{{ route('removeImage', $image->id) }}">
                                                        @csrf
                                                            <button class="btn btn-sm btn-danger" type="submit">Remove image</button>
                                                        </form>
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        @endif

                        <tr>
                            <th>Actions</th>
                            <td>
								<a href="{{ route('diary.edit', $diary->id) }}"><i class="fa fa-edit"></i></a>

	                            <form action="{{ route('diary.destroy', $diary->id) }}" method="post" style="display: inline-block;">
	                            @csrf
	                            @method('DELETE')
	                                <button type="submit" class="d-inline-block fs-18 text-muted hover-primary" onclick="return confirm('Are you sure you want to delete this diary?');"  style="display: inline-block!important;background: transparent;border: none;">
	                                    <i class="fa fa-trash"></i>
	                                </button>
	                            </form>
							</td>
                        </tr>

                        @if(isset($diary->video_link))
                         <!--    <tr>
                                <th>Video Usage</th>
                                @php $bytes = number_format($diary->video_storage / 1048576, 2) . ' MB' @endphp
                                <td>{{ $bytes }}</td>
                            </tr> -->
                            <tr>
                                <th>Video</th>
                                <td>  
                                    <video id="recording" width="100%" height="320" controls src="/videos/{{ $diary->video_link }}"></video>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>

@endsection