@extends('frontend')

@section('content')

    <div class="row justify-content-center pt-150-b" style="">
        <div class="col-12 col-md-12 col-lg-12" style="">
            <div class="container container-b">
                <div class="row justify-content-center">
                    <div class="col-12 col-md-12 col-lg-10">
                        <h3 class="mt-5"><b><i class="fa fa-bell c-pink" aria-hidden="true"></i> แจ้งเตือน</b></h3>
                        <div class="mt-5">
                            <div class="row">
                                @if ($rows)
                                    @foreach ($rows as $item)
                                        <div class="mb-2 col-md-12">
                                            <label for="exampleFormControlInput1" class="form-label d-block mb-0">
                                                <b>{{ $item->subject }}</b> 
                                                <span class="text-black-50" style="float: right">{{ dateSlat( $item->created_at ) }}</span>
                                            </label>
                                            <div>{!! $item->message !!} </div>                                    
                                            <hr>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="mt-5 mb-5 text-end">
                            <button type="button"
                                id="btn-back"
                                class="rounded-pill a-close text-decoration-none text-white border-0 text-center button-cancle"
                                style="">
                                ย้อนกลับ
                            </button>
                            <button type="button"
                                id="btn-clear-notification"
                                class="rounded-pill a-regis text-decoration-none text-white border-0 text-center button-submit"
                                style="" data-bs-toggle="modal"
                                data-bs-target="#Modal-success">
                                <i class="fa fa-trash-o" aria-hidden="true"></i> ล้างการแจ้งเตือน
                            </button>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection
@section('javascript')
    <script type="text/javascript">
        (function($){
            $('#btn-back').on('click',function(e){
                window.history.back();
            });
            $('#btn-clear-notification').on('click',function(e){
                if( !confirm('แน่ใจว่าต้องการลบข้อความทีั้งหมด') ) return false;
                location.href = "{{ url('notification/clear') }}";
            })
        }(jQuery));
    </script>
@endsection