@extends('member')
{{-- Web site Title --}}
@section('title') Notification Detail :: @parent @stop

@section('content')
    @if (isset($status))
    <div class="pad margin no-print">
        <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
            <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
            <ul>
                @foreach ($status['messages'] as $m)
                    <li>{{$m}}</li>
                @endforeach
            </ul>
        </div>
    </div>
    @endif
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid mt-3">
                @include('partials.nav') 
                <div class="row mb-2">
                    <div class="col-sm-4">
                        <h2>Notification</h2>
                        <h5>Detail</h5>
                    </div> 
                    <div class="col-sm-8 textM-right">
                        <a href="/{{$organization->alias}}/notifications" class="btn btn-secondary btn-radius mt-4">
                            Back
                        </a>
                    </div> 
                </div> 
            </div> 
        </div>
        <section class="content mb-5">
            <div class="container-fluid">
                <div class="row">
                    <section class="col-lg-3 connectedSortable"></section>
                    <section class="col-lg-6 connectedSortable">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Notification Detail</h3> 
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <h5><b>{{$notification->title}}</b> 
                                            <small>
                                                <p>{{date('d M Y', strtotime($notification->created_at))}}</p>
                                            </small>
                                        </h5>
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 5%;">
                                    <div class="col-lg-12">
                                        <p>{{$notification->description}}</p>
                                    </div>
                                </div>          
                            </div>
                        </div>        
                    </section>
                </div>
            </div>
        </section> 
    </div>
    <aside class="control-sidebar control-sidebar-dark"></aside>
@endsection

{{-- Scripts --}}
@section('scripts')
    @parent
    
@endsection