@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="form-group row">
                            <div class="col-sm-12 form-control-value text-md-center">
                                <img src="{!! $popup->image_url !!}" class="img-fluid" style="width:500px; height:300px">
                            </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">
                                    {!! $popup->title ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <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">
                                    {!! $popup->description ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Button Caption</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $popup->button_caption ?? "" !!}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Button Link</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $popup->button_link ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Start At</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! convertUtcToLocal($popup->start_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                </div>
                                <label class="col-sm-2 form-control-label">End At</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! convertUtcToLocal($popup->end_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Show After(seconds)</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! $popup->show_after !!}
                                </div>
                                <label class="col-sm-2 form-control-label">Sort Order</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! $popup->sort_order !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Is All Pages?</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! $popup->is_all_pages ? "Yes" : "No" !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Status</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $popup->is_active ? "Active" : "Inactive" !!}
                                </div>
                            </div>
                        </div>

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

                    <div class="card-body">
                        <div class="form-group 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