@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="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Image</label>
                                <div class="col-sm-10 form-control-value">
                                    <img src="{!! $content->image_url !!}" class="img-fluid" style="width:500px; height:300px">
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Front Page URL</label>
                            <div class="col-sm-10">
                                <a href="{!! $content->page_url !!}" target="_blank">{!! $content->page_url !!}</a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Title</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $content->name !!}
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Ministry</label>
                            <div class="col-sm-4 form-control-value">
                                {!! $content->type->name ?? "" !!}
                            </div>
                            <label class="col-sm-2 form-control-label">Series</label>
                            <div class="col-sm-4 form-control-value">
                                {!! $content->series->name ?? "" !!}
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Category</label>
                            <div class="col-sm-4 form-control-value">
                                {!! $content->categories_name !!}
                            </div>
                            <label class="col-sm-2 form-control-label">Status</label>
                            <div class="col-sm-4 form-control-value">
                                {!! $content->is_active ? "Active" : "Inactive" !!}
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Is On Demand?</label>
                            <div class="col-sm-4 form-control-value">
                                {!! $content->on_demand ? "Yes" : "No" !!}
                            </div>
                            @if($content->on_demand)
                            <label class="col-sm-2 form-control-label">Publish Date</label>
                            <div class="col-sm-4 form-control-value">
                                {!! $content->publish_at ? convertUtcToLocal($content->publish_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) : "" !!}
                            </div>
                            @endif
                        </div>
                        <div class="row view-content-description">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Preview Video</label>
                                <div class="col-sm-10 form-control-value">
                                    @if($content->preview_video)
                                    <video class="video_preview" controls playsinline>
                                        <source src='{!! $content->preview_video_link !!}' type='video/mp4'>
                                        <source src='{!! $content->preview_video_link !!}' type='video/ogg'>
                                        Your browser does not support the video tag.
                                    </video>
                                    @elseif($content->preview_video_url)
                                    <iframe src="{!! $content->preview_video_url !!}" frameborder="0" allowfullscreen autoplay type="text/html"></iframe>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row view-content-description">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Video</label>
                                <div class="col-sm-10 form-control-value">
                                    @if($content->video)
                                    <video class="video_preview" controls playsinline>
                                        <source src='{!! $content->video_url !!}' type='video/mp4'>
                                        <source src='{!! $content->video_url !!}' type='video/ogg'>
                                        Your browser does not support the video tag.
                                    </video>
                                    @elseif($content->video_embed_url)
                                    <iframe src="{!! $content->video_embed_url !!}" frameborder="0" allowfullscreen autoplay type="text/html"></iframe>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-12 form-control-value">
                                <label class="form-control-label">Embed</label>
                                {{ $content->elexio_form_embed_code ?? "" }}
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-6 form-control-value">
                                <label class="form-control-label">Elexio Group ID</label>
                                {{ $content->elexio_group_id ?? "" }}
                            </div>
                        </div>

                        <div class="row view-content-description">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Description</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $content->description !!}
                                </div>
                            </div>
                        </div>

                        @if($content->buttons()->count() > 0)
                        @foreach($content->buttons as $buttons)
                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Button Caption</label>
                            <div class="col-sm-4 form-control-value">
                                {!! $buttons->caption ?? "" !!}
                            </div>
                            <label class="col-sm-2 form-control-label">Link open in new tab?</label>
                            <div class="col-sm-4 form-control-value">
                                {!! $content->open_in_new_tab ? "Yes" : "No" !!}
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Button Link</label>
                            <div class="col-sm-10 form-control-value">
                                {!! $buttons->link ?? "" !!}
                            </div>
                        </div>
                        @endforeach
                        @endif

                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Button Link</label>
                            <div class="col-sm-10 form-control-value">
                                {!! $content->btn_link ?? "" !!}
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Is Registration Required?</label>
                            <div class="col-sm-4">
                                {!! $content->is_registration_required ? 'Yes' : 'No' !!}
                            </div>
                            <label class='col-sm-2 form-control-label'>Password</label>
                            <div class='col-sm-4'>
                                {!! $content->password !!}
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Created At</label>
                            <div class="col-sm-4 form-control-value">
                                {!! convertUtcToLocal($content->created_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                            </div>
                            <label class="col-sm-2 form-control-label">Created By</label>
                            <div class="col-sm-4 form-control-value">
                                {!! @$content->createdBy->name !!}
                            </div>
                        </div>
                        @if($content->updated_by != "")
                        <div class="form-group row">
                            <label class="col-sm-2 form-control-label">Last Updated At</label>
                            <div class="col-sm-4 form-control-value">
                                {!! convertUtcToLocal($content->updated_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                            </div>
                            <label class="col-sm-2 form-control-label">Last Updated By</label>
                            <div class="col-sm-4 form-control-value">
                                {!! @$content->updatedBy->name !!}
                            </div>
                        </div>
                        @endif
                    </div>

                    <div class="card-body">
                        <div class="form-group row">
                            <div class="col-sm-4">
                                <button type="button" onclick="window.location.href='{!! route('admin.content.index') !!}';" class="btn btn-secondary">Back</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection