@extends('master')

@section('title', 'Notifications')



@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <!--begin::Content-->
        <div id="kt_app_content" class="app-content flex-column-fluid">
            <!--begin::Content container-->
            <div id="kt_app_content_container" class="app-container container-xxl">
                <!--begin::Card-->
                <div class="card">
                    <!--begin::Card header-->
                    <div class="card-header border-0 pt-6"></div>
                    <!--end::Card header-->

                    <!--begin::Card body-->
                    <div class="card-body pt-0">
                        <form>

                            <div class="mb-10">
                                <label for="inputArabicName" class="form-label">
                                    @lang('app.notifications.Title')
                                </label>

                                <input type="text" class="form-control" id="inputArabicName"
                                    value="{{ $notification->title }}" disabled>

                            </div>

                            {{-- link --}}
                            <div class="mb-10">
                                <label for="inputArabicName" class="form-label">
                                    @lang('app.notifications.Link')
                                </label>
                                <input type="url" class="form-control" name="link" value="{{ $notification->link }}" disabled>
                            </div>


                            {{-- body --}}
                            <div class="mb-10">
                                <label for="inputBody" class="form-label">
                                   @lang('app.notifications.Body')
                                </label>

                                <textarea id="inputBody" cols="30" rows="10" class="form-control" disabled>{{ $notification->body }}</textarea>

                            </div>


                            {{-- image --}}
                            <div class="mb-10">
                                <img src="{{ $notification->image_path }}" alt="" class="img-thumbnail image-show"
                                    width="100">
                            </div>
                        </form>
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
                <!--begin::Modals-->


                <!--end::Modals-->
            </div>
            <!--end::Content container-->
        </div>
        <!--end::Content-->
    </div>
@endsection