@extends('layouts.app')

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

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

@section('content')
<div class="col-sm-12 col-md-9">
  <div class="card card-box card-primary">
      <div class="card-header">
            <a href="{{ route('supervisor:assignment.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="assignment-table" class="table table-bordered table-hover" style="width:100%">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Staf yang ditugaskan</th>
                        <th>Komplain</th>
                        <th>Lokasi</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>

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

        @foreach ($assignments as $assignment)
        <tr>
            <td>{{$loop->iteration}}</td>
            <td>{{ $assignment->users->name }}</td>
            <td>{{ $assignment->complaints->complaint }}</td>
            <td>{{ $assignment->complaints->location }}</td>
            <td>
                <a class="btn btn-warning btn-sm mr-2" title="Edit" href="{{ route('supervisor:assignment.edit',$assignment->id) }}"><i class="fas fa-edit "></i></a>
            </td>
        </tr>
        @endforeach
                </tbody>
            </table>

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