@extends('admin.layouts.app')
@section('content')
<section class="forms view-content-sec">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Title</label>
                                    {!! $media->title ?? "" !!}
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Alt Tag Text</label>
                                    {!! $media->alt ?? "" !!}
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Type</label>
                                    {!! $media->type ?? "" !!}
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Size</label>
                                    {!! formatBytes($media->filesize) !!}
                                </div>
                            </div>
                            @if($media->width)
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Width</label>
                                    {!! $media->width !!}px
                                </div>
                            </div>
                            @endif
                            @if($media->height)
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Height</label>
                                    {!! $media->height !!}px
                                </div>
                            </div>
                            @endif
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Status</label>
                                    {!! $media->is_active_status !!}
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Created At</label>
                                    {!! convertUtcToLocal($media->created_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Last Updated At</label>
                                    {!! convertUtcToLocal($media->updated_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                </div>
                            </div>
                            @if($media->updated_by != "")
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Created By</label>
                                    {!! @$media->updatedBy->name !!}
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 form-control-value mb-3">
                                <div class="border py-2 px-3">
                                    <label class="form-control-label">Last Updated By</label>
                                    {!! @$media->updatedBy->name !!}
                                </div>
                            </div>
                            @endif
                        </div>

                        <div class="row form-group">
                            <div class="col-sm-4 form-control-value">
                                <div class="border py-2 px-3">
                                    @if($media->upload_status == 'processing' || $media->upload_status == 'failed')
                                    <label class="form-control-label">Status</label>
                                    {!! $media->upload_status ?? "" !!}
                                    @else
                                    <label class="form-control-label">Media</label>
                                    <div class="media-view-img">
                                        @if($media->type == "Image")
                                        <img src="{!! $media->url !!}" class="img-fluid">
                                        @elseif($media->type == "Video")
                                        <video controls playsinline>
                                            <source src="{!! $media->url !!}" type="video/mp4">
                                            <source src="{!! $media->url !!}" type="video/ogg">
                                            Your browser does not support the video tag.
                                        </video>
                                        @elseif($media->type == "Audio")
                                        <audio controls>
                                            <source src="{!! $media->url !!}" type="audio/ogg">
                                            <source src="{!! $media->url !!}" type="audio/mpeg">
                                            Your browser does not support the audio element.
                                        </audio>
                                        @elseif($media->type == "Document")
                                        <a href="{!! $media->url !!}" target="_blank">View</a>
                                        @endif
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-4">
                                <button type="button" onclick="window.location.href='{!! route('admin.'.request()->segment(2).'.index') !!}';" class="btn btn-secondary">Back</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection