@extends($activeTemplate.'layouts.users')

@push('style')
<link rel="stylesheet" href="{{ asset('users/assets/trade/css/view.css') }}{{$catch}}" >
<style>
.back-title[data-v-58cb4ed7]{position:-webkit-sticky;position:sticky;top:0;display:flex;justify-content:center;align-items:center;height:50px;width:100%;background-color:#fff;color:#9c6431;font-size:20px;font-weight:600;z-index:100;}
.back-title .title-txt[data-v-58cb4ed7]{text-align:center;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.back-title>span[data-v-58cb4ed7]:first-child{position:absolute;left:20px;width:10px;height:10px;border-bottom:2px solid #9c6431;border-right:2px solid #9c6431;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
</style>
@endpush

@section('content')
    <uni-app class="uni-app--maxwidth" >
        <uni-page data-page="pages/about/about" >
            <uni-page-wrapper>
                <uni-page-body>
                    <uni-view data-v-614da8ff="">
                        <uni-view data-v-58cb4ed7="" data-v-614da8ff="" class="back-title">
							<span data-v-58cb4ed7="" data-href="{{ route('user.home') }}" class="linkBTN"></span>
							<span data-v-58cb4ed7="" class="title-txt"></span>
						</uni-view>

						<div id="home" data-v-c35495fc="" data-v-af01384a="" style="border-radius:0 0 8px 8px">
							<div class="main" style="margin: 0 auto;" data-v-c35495fc="">
								
								<div data-v-af01384a="">
									<div id="team" data-v-c6f9d966="" data-v-af01384a="" class="">
										<div class="containerh" data-v-58cb4ed7="" style="margin-left:10px;" >
											<div class="part2 " data-v-58cb4ed7="" style="text-align:left;font-size:18px" >{{ $blog->data_values->title }}</div>
											<div data-v-58cb4ed7="" style="text-align:end;font-size:12px;margin-right:10px;margin-top:10px" >Date {{ showDateTime($blog->updated_at, 'd M H:i A') }}</div>
										</div>
									</div>
								</div>

								<div class="flex flex-col flex-1 relative">
									<div class="py-1 flex items-center justify-center flex-shrink-0" style="margin:0 7px;">
										<img src="{{ getImage( 'assets/images/frontend/blogs/' .@$blog->data_values->image, '750x350') }}" alt="{{ config('settings')->sitename }}" width="100%" style="border-radius:8px;">
									</div>

									<div class="flex flex-wrap justify-between flex-shrink-0 charge-description mb-4">
										<div class="flex flex-col w-full" style="margin:0 8px;">
											<p class="font-body text-gray-500 whitespace-pre-wrap">{!! $blog->data_values->summary !!}</p>
										</div>
									</div>

									<div class="flex flex-wrap justify-between flex-shrink-0 charge-description">
										<div class="flex flex-shrink-0 items-center rounded-t rounded-br border w-full mb-4">
											<div class="flex flex-col " style="margin:20px 8px;">
												<p class="font-body text-gray-500 whitespace-pre-wrap">{!! $blog->data_values->details !!}</p>
											</div>
										</div>
									</div>

								</div>
							</div>
							
						</div>
					</uni-view>
				</uni-page-body>
			</uni-page-wrapper>
		</uni-page>
	</uni-app>
@endsection

@push('script')
@endpush
