@extends('layouts.app')

@section('title')
        e-Complaint - Complaint
@stop

@section('page_header')
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Complaint') }}
        </h2>
@stop

@section('content')
<div class="col-sm-12 col-md-10">
  <div class="card card-box card-primary">
      <div class="card-header">
            <a href="{{ route('customer:complaints.create') }}" class="text text-light float-right pull-right"><i class="fas fa-plus-circle"></i></a>

      </div>
      <div class="card-body">

        @if ($message = Session::get('success'))
            <div class="alert alert-success alert-dismissible fade show">
                <p>{{ $message }}</p>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

            <table id="complaint-table" class="table table-bordered table-hover" style="width:100%">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Lokasi</th>
                        <th>Komplain</th>
                        <th>Deskripsi</th>
                        <th>Pelapor</th>
                        <th>Tgl Lapor</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>

                    @if ($complaints->count() == 0)
                    <tr>
                        <td colspan="7">No data to display.</td>
                    </tr>
                    @endif

        @foreach ($complaints as $complaint)
        <tr>
            <td>{{$loop->iteration}}</td>
            <td>{{ $complaint->location }}</td>
            <td>{{ $complaint->complaint }}</td>
            <td>{{ $complaint->description }}</td>
            <td>{{ $complaint->users->name }}</td>
            <td>{{ $complaint->created_at->format('d-m-Y H:i:s') }}</td>
            <td>
                <a class="btn btn-info btn-sm mr-2" title="Show" href="{{ route('customer:complaints.show',$complaint->id) }}"><i class="fas fa-eye "></i></a>

            </td>
        </tr>
        @endforeach
                </tbody>
            </table>

            <div class="float-right">{{ $complaints->links() }}</div>
      </div>
  </div>
</div>
@stop