@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')
    <main>
        <div class="bg-right">
            <div class="bg-asp"> </div>
        </div>
        <div class="bg-left">
            <div class="bg-asp"> </div>
        </div>
        <div class="container pt-[.5rem] lg:pt-8">
            <div class="full-url flex items-center space-x-4">
                <img class="back-icon" src="{{ Module::asset('frontend:img/icon/prev.svg') }}" alt="Alternate Text" />
                <p class="text fs-14 leading-2 uppercase">@lang('frontend::lang.direc_4')</p>
                <a href="{{ !empty($data['detail_url']['url'][$page_init['lang']]) ? $data['detail_url']['url'][$page_init['lang']] : '' }}"></a>
            </div>
            <div class="bg-2nd rounded-2xl p-6 lg:p-8 mt-6">
                @if (!empty($data['detail']['image']))
                    <div class="rounded-xl bg-whiten p-2 items-center justify-center">
                        <img class="mx-auto w-[220px]" src="{{ asset($data['detail']['image']) }}" alt="Alternate Text" />
                    </div>
                @endif
                
                {{-- detail  --}}
                <div class="flex items-start flex-wrap -mx-3">
                    {!! !empty($data['detail']['detail']) ? $data['detail']['detail'] : '' !!}
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection