@extends('User.Layout.main_layout') 	
@section('title','View Complaints and appeals')
@section('main_container')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="page-header">
            <h3 class="page-title">
             
            </h3>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Complaints and appeals</li>
              </ol>
            </nav>
          </div>
          
          <div class="row grid-margin">
            <div class="col-12">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">View Complaints and appeals</h4>
                 <div class="col-lg-12 grid-margin stretch-card">
                  <div class="card">
                    <div class="card-body">
                      <h4 class="card-title"></h4>
                      
                      <div class="table-responsive">
                        <table class="table ">
                          <thead>
                            <tr>
                              <th>No.</th>
                              <th>Complaints And Appeals</th>
                            </tr>
                          </thead>
                          <tbody>
                          @if(!$complaints ->isEmpty())
                            @foreach($complaints  as $data)
                            <tr>
                              <td>{{ $data->id }}</td>
                              <td>
                                <a href="{{ URL::asset('public/Admin/upload/complaint_appeal').'/'.$data->complaint_document}}" target="_blank">
                                <div style="color:black;"><h4>{{ $data->name }}</h4></div>
                                </a>
                              </td>
                            </tr>
                            @endforeach  
                          @else
                            <p class="text-danger mt-2" style="padding-left:450px;">No Data Available</p>
                          @endif
                          </tbody>
                        </table>  
                         
                      </div>
                    </div>
                  </div>
			          </div>
              </div>
				    </div>
          </div>

        </div>
            
        <!-- content-wrapper ends -->
       @endsection