@extends('dashboard.base')

@section('content')

<style>.card.text-white.bg-info {
    height: 158px;
}
.card.text-white.bg-warning {
    height: 158px;
}

.card.text-white.bg-danger{
   height: 158px;
}

</style>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<div class="container-fluid">
    <div class="animated fadeIn">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="card">
                    <div class="card-header">
                        <h4>Notification Details</h4>
                    </div>
                    <div class="card-body">
                     <form method="POST" action="#">
                      <div class="row">
                           <div class="col-sm-6 ">
                              <br>
                                <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">User Name </label>

                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text" class="form-control " id="username" value="{{$notification_view->username}}" readonly="">

                                    </div>
                                  </div><br>
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Notification Type </label>
                                  </div>
                                  <div class="col-sm-8">
                                        <input type="text" class="form-control " id="notificationtype" value="{{$notification_view->notification_type}}" readonly="">
                                    </div>
                                  </div><br>
                                                                 
                                
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Read Status</label>

                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text" class="form-control " value="{{($notification_view->read_status==0) ? 'Unread':'read'}}" readonly="">

                                    </div>
                                  </div>

                            </div>
                                <div class="col-sm-6"><br>
                                    <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Registered on </label>

                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text" class="form-control" value="{{($notification_view->user_role ==3) ? 'Pinipol':'Minipol'}}" readonly="">

                                    </div>
                                  </div><br>
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Message </label>

                                  </div>
                                  <div class="col-sm-8">
                                       <textarea class="form-control" readonly="">{{$notification_view->message}}</textarea>

                                    </div>
                                  </div>


                                </div>
                      </div>
                           <a href="/dashboard" class="btn btn-primary">Cancel</a>
                                                        
                        </form>
                    </div>

            </div>
        </div>
    </div>
</div>       
</div>
@endsection

@section('javascript')

    <script src="{{ asset('js/Chart.min.js') }}"></script>
    <script src="{{ asset('js/coreui-chartjs.bundle.js') }}"></script>
    <script src="{{ asset('js/main.js') }}" defer></script>
@endsection