{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Issue Lists')

@section('content')
<section class="users-list-wrapper section">
    <div class="users-list-table">
      <div class="card">
		<div class="row pl-1 pr-1">
			<h4 class="col s6"><b>Issue</b></h4>
			<div class="input-field col s6">
				<a href="{{route('admin.issue.create')}}" class="btn waves-effect waves-light border-radius-button right"><i class="material-icons left">list</i>Add Predefined Issue</a>
			</div>
		</div>
        <div class="card-content">
          <!-- datatable start -->
          <div class="responsive-table">
            <table id="users-list-datatable" class="table responsive-table striped">
              <thead class="grey lighten-2">
                <tr>
                  <th></th>
                  <th>#</th>
				  <th>Name</th>
				  <th>Created</th>
				  <th>Active</th>
				  <th>Created By</th>
                  {{-- <th></th> --}}
                </tr>
              </thead>
              <tbody>
                  @forelse ($issues as $key => $issue)
                  <tr>
                    <td></td>
                    <td>{{$key + $issues->firstItem()}}</td>
					<td>{{$issue->issue}}</td>
                    <td>{{ $issue->created_time }}</td>
                    <td>
                        <form action="{{route('admin.issue.status.active', $issue->id)}}" method="post" id="issue-status-form-{{ $issue->id }}">
                            @csrf
                            @method('PUT')
                            <p>Is Active</p>
                            <p>
                                <label>
                                    <input class="validate" value="1"  name="status" type="radio" onchange="changeStatus({{ $issue->id }})"
                                        @if ($issue->is_active == true)
                                            checked
                                        @endif
                                    />
                                    <span>Yes</span>
                                </label>
                                <label>
                                    <input class="validate" value="0" name="status" type="radio" onchange="changeStatus({{ $issue->id }})"
                                        @if ($issue->is_active == false)
                                            checked
                                        @endif
                                    />
                                    <span>No</span>
                                </label>
                            </p>
                            {{-- @if ($banner->is_active == true)
                                <input type="hidden" name="inactive" value="1">
                                <button type="submit" class="chip red custom"><span class="white-text">Inactive</span></button>
                            @else
                                <input type="hidden" name="active" value="0">
                                <button type="submit" class="chip green lighten-5 custom"><span class="green-text">Active</span></button>
                            @endif --}}
                        </form>

                    </td>
					<td>Admin</td>
                    {{-- <td>
						<div class="right">
							<i class="material-icons left pt-4">
								<a class="blue lighten-4 border-radius-button z-depth-1" href="{{route('admin.issue.edit',$issue->id)}}" style="padding: 6px 10px;">edit</a>
							</i>
							<form action="{{ route('admin.issue.destroy',$issue->id) }}" method="POST" onsubmit="return confirm('Are You Sure?');" style="display: inline-block;">
								@csrf
								@method('DELETE')
								<button class="btn waves-effect waves-light red darken-2 border-radius-button" type="submit" name="action"><i class="material-icons left">delete_forever</i>Delete</button>
							</form>
						</div>
                    </td> --}}
                  </tr>
                  @empty

                  @endforelse
              </tbody>
            </table>
        </div>
        <div class="center">
            {{ $issues->links() }}
        </div>
          <!-- datatable ends -->
        </div>
      </div>
    </div>
  </section>
@endsection
@section('page-script')
	<script>
		function changeStatus(id) {
			var formID = 'issue-status-form-' + id;
			const radio = document.getElementById(formID);
			radio.submit();
		}
	</script>
@endsection