@extends('admin.layouts.app')
@section('title', 'Workers')
@section('content')


<div class="pagetitle">
    <h1>Workers</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-Worker"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-Worker active">Workers</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

 <section class="section">
      <div class="row">
        <div class="col-lg-12">

          <div class="card">
            <div class="card-body">
              <h5 class="card-title">All System Workers</h5>
              {{-- <p>Add lightweight datatables to your project with using the <a href="https://github.com/fiduswriter/Simple-DataTables" target="_blank">Simple DataTables</a> library. Just add <code>.datatable</code> class name to any table you wish to conver to a datatable. Check for <a href="https://fiduswriter.github.io/simple-datatables/demos/" target="_blank">more examples</a>.</p> --}}

              <!-- Table with stripped rows -->
                <div class="table-responsive">

                    <table class="table datatable table-responsive">
                        <thead>
                          <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Phone Number</th>
                            <th>Status</th>
                            <th>Action</th>
                          </tr>
                        </thead>
                        <tbody>
                            @forelse($workers as $worker)
                                <tr>
                                    <td>
                                        <span>
                                            <img width="50px" height="50px" src="{{ $worker->image ? route('Worker.image',['file_name'=>$worker->image]) : '#' }}" alt=".">
                                        </span>
                                        <span>{{ $worker->name }}</span>
                                    </td>
                                    <td>{{ $worker->email }}</td>
                                    <td>{{ $worker->phone_number }}</td>
                                    <td>
                                        <x-adminstatus :status='$worker->status' />
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.workers.show',['worker'=>$worker->id]) }}" class="btn btn-info">View</a>
                                        @if($worker->status === 'active')
                                            <a href="#" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#workerModal{{ $worker->id }}">Suspend</a>
                                        @else
                                            <a href="#" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#workerModal{{ $worker->id }}">Activate</a>
                                        @endif
                                    </td>
                                </tr>
                                <!-- Modal -->
                                <div class="modal fade" id="workerModal{{ $worker->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="workerModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                    <div class="modal-content modal-dialog-center">
                                        <div class="modal-header">
                                        <h1 class="modal-title fs-5" id="workerModalLabel">Suspend Worker:<b class="text-success"> {{ $worker->name }}</b>?</h1>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            @if($worker->status === 'active')
                                                <p>Are you sure you want to Suspend Worker: <b class="text-success">{{ $worker->name }}</b></p>
                                                <p>This worker will no longer be able to log into their account again.</p>
                                            @else
                                                <p>Are you sure you want to Activate Worker Account:<b class="text-success">{{ $worker->name }}</b></p>
                                                <p>This worker will have access into their account again.</p>
                                            @endif
                                        </div>
                                        <form action="{{ route('admin.worker.change.status',['user_id'=>$worker->id]) }}" method="POST">
                                            @csrf
                                            <input type="hidden" name="status" value="{{ $worker->status }}">
                                            <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                            <button type="submit" class="btn btn-danger">
                                                {{ $worker->status == 'active' ? 'Yes, Suspend' : 'Yes, Activate' }}
                                            </button>
                                        </form>
                                        </div>
                                    </div>
                                    </div>
                                </div>

                            @empty
                                <tr>
                                    <td class="colspan-12">
                                        No Worker Yet.
                                        Please   <a href="{{ route('admin.workers.create') }}" class="btn">ADD A WORKER </a>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                      </table>

                </div>


              <!-- End Table with stripped rows -->

            </div>
          </div>

        </div>
      </div>
</section>



@endsection