@extends('admin.layouts.app')
@section('page_content')
@php
use App\Models\GVPMaster;
use App\Models\WardMaster;
use App\Models\WorkerMaster;
use App\Models\WorkerActivity;
use App\Models\GvpWorkerPivotTable;
use Illuminate\Support\Facades\Storage;
@endphp
<div class="right_col" role="main">
  <div class="">
    <div class="page-title">
      <div class="title_left">
        <h3>Worker Activity <small>( Howrah Municipal Corp. )</small></h3>
      </div>

      <div class="title_right d-none">
        <div class="col-md-5 col-sm-5   form-group pull-right top_search">
          <div class="input-group">
            <input type="text" class="form-control" placeholder="Search for...">
            <span class="input-group-btn">
              <button class="btn btn-default" type="button">Go!</button>
            </span>
          </div>
        </div>
      </div>
    </div>

    <div class="clearfix"></div>

    <div class="row" style="display: block;">

      <div class="col-md-12 col-sm-12">
        <div class="x_panel">
          <div class="row">
            <!-- Total Activity -->
            <div class="animated flipInY col-md-3">
              <div class="tile-stats" style="background-color: #ff4500; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); padding: 20px; position: relative;">
                <div style="font-size: 2.5rem; font-weight: bold;" class="count text-white">{{ $totalActivity }}</div>
                <h3 class="text-white" style="margin-top: 10px;"><i class="fa-solid fa-chart-line me-2"></i> Total Activity</h3>
              </div>
            </div>

            <!-- Today Activity -->
            <div class="animated flipInY col-md-3">
              <div class="tile-stats" style="background-color: #7EC8E3; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); padding: 20px; position: relative;">
                <div style="font-size: 2.5rem; font-weight: bold;" class="count text-white">{{ $todayActivity }}</div>
                <h3 class="text-white" style="margin-top: 10px;"><i class="fa-solid fa-calendar-day me-2"></i> Today Activity</h3>
              </div>
            </div>
          </div>
        </div>
      </div>

      
      <div class="col-md-12 col-sm-12  ">
        <div class="x_panel">
          <div class="x_title">
            <h2>Activity List <small></small></h2>
            <ul class="nav navbar-right panel_toolbox d-none">
              <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
              <li><a class="close-link"><i class="fa fa-close"></i></a></li>
            </ul>
            <div class="clearfix"></div>
          </div>

          <form method="get" class="mb-4">
              <div class="row align-items-end">
                  <!-- VAT/GVP List -->
                  <!-- <div class="col-md-2">
                      <div class="form-group">
                          <label style="font-weight: 600;">VAT/GVP List</label>
                          <select class="form-control" name="gvpId" aria-label="Default select example" style="border-radius: 6px;" required>
                              <option selected value="">-- Choose --</option>
                              @foreach($GVPList as $data)
                                  <option value="{{ $data->id }}">{{ $data->gvpName }}</option>
                              @endforeach
                          </select>
                      </div>
                  </div> -->

                  <!-- Worker Name -->
                  <!-- <div class="col-md-2">
                      <div class="form-group">
                          <label style="font-weight: 600;">Worker Name</label>
                          <input type="text" name="worker_name" class="form-control" placeholder="Worker Name" style="border-radius: 6px;">
                      </div>
                  </div> -->

                  <!-- From Date -->
                  <div class="col-md-2">
                      <div class="form-group">
                          <label style="font-weight: 600;">From Date</label>
                          <input type="date" name="formDate" class="form-control" style="border-radius: 6px;" value="{{$formDate}}">
                      </div>
                  </div>

                  <!-- To Date -->
                  <div class="col-md-2">
                      <div class="form-group">
                          <label style="font-weight: 600;">To Date</label>
                          <input type="date" name="toDate" class="form-control" style="border-radius: 6px;" value="{{$toDate}}">
                      </div>
                  </div>

                  <!-- Filter & Reset -->
                  <div class="col-md-2">
                      <div class="form-group d-flex gap-2" style="margin-top: 32px;">
                          <button class="btn btn-primary" type="submit" style="width: 80px; font-weight: 500;">Filter</button>
                          <a href="/admin/show-activity-report" class="btn btn-secondary" style="width: 80px; font-weight: 500;">Reset</a>
                      </div>
                  </div>
              </div>
          </form>


          <div class="x_content">
            
            <div class="table-responsive">
              <table class="table table-striped jambo_table bulk_action">
                <thead>
                  <tr class="headings">
                    <th class="column-title">SL No. </th>
                    <th class="column-title">Date</th>
                    <th class="column-title">VAT/GVP Assigned</th>
                    <th class="column-title">VAT/GVP Visited</th>
                    <th class="column-title">Block Supervisor Name</th>
                    <th class="column-title">Action</th>
                  </tr>
                </thead>
                @php
                  $groupedActivities = $activityList->groupBy(function($item) {
                      //return $item->currentDate . '-' . $item->workerId;
                      return $item->currentDate;
                  });
                @endphp
                <tbody>
                @foreach($groupedActivities as $date => $activities)
                  <tr class="even pointer">
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $date }}</td>
                    <td>
                      @php 
                          $gvpId = GvpWorkerPivotTable::where('workerMasterId',$activities->first()->workerId)->select('gvpMasterId')->get();
                          $assignGvpList = GVPMaster::whereIn('id',$gvpId)->get();
                      @endphp
                      <ul>
                        @foreach($assignGvpList as $gvp)
                          <li>{{ $gvp->gvpName }}</li>
                        @endforeach
                      </ul>
                    </td>
                    <td>
                        <ul>
                          @foreach($activities as $data)
                            <li>
                              {{ $data->gvpName }}
                            </li>
                          @endforeach
                        </ul>
                    </td>
                    <td>{{ $activities->first()->workerName }}</td>
                    <td>
                      <button type="button" class="btn btn-info" data-toggle="modal" data-target="#activity{{ $loop->iteration }}">Track Activity</button>

                      <div class="modal fade" id="activity{{ $loop->iteration }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-xl" role="document">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title" id="exampleModalLabel">Track Activity</h5>
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                              </button>
                            </div>
                            <div class="modal-body">
                              @php
                                $activityData = WorkerActivity::where('workerId',$activities->first()->workerId)->get();
                              @endphp

                              <div class="x_content">
                                <div class="table-responsive">
                                  <table class="table table-striped jambo_table bulk_action">
                                    <thead>
                                      <tr class="headings">
                                        <th class="column-title">SL No. </th>
                                        <th class="column-title">Date</th>
                                        <th class="column-title">Time</th>
                                        <th class="column-title">VAT/GVP Name</th>
                                        <th class="column-title">VAT/GVP Status</th>
                                        <th class="column-title">Block Supervisor</th>
                                        <th class="column-title">VAT/GVP Image</th>
                                      </tr>
                                    </thead>

                                    <tbody>
                                      @foreach($activityData as $index => $dat)
                                        <tr class="even pointer">
                                          <td class="">{{ $index + 1 }}</td>
                                          <td class="">{{ $dat->currentDate }}</td>
                                          <td class="">{{ $dat->currentTime }}</td>
                                          <td class="">{{ $dat->gvpName }}</td>
                                          <td class="">{{ $dat->gvpStatus == 'clear' ? 'Clean' : 'Un Clean' }}</td>
                                          <td class="">{{ $dat->workerName }}</td>
                                          <td class="">
                                            @php
                                                $base64 = null;
                                                if($dat->capturedImagePath != null)
                                                {
                                                if (!empty(Storage::disk('hmc')->exists($dat->capturedImagePath))) {
                                                    $imageContent = Storage::disk('hmc')->get($dat->capturedImagePath);
                                                    $mimeType = Storage::disk('hmc')->mimeType($dat->capturedImagePath);
                                                    $base64 = 'data:' . $mimeType . ';base64,' . base64_encode($imageContent);
                                                } else {
                                                    $base64 = null;
                                                }
                                                }
                                            @endphp

                                            @if ($base64)
                                                <img src="{{ $base64 }}" class="rounded mx-auto d-block" alt="Image" width="200px">
                                            @else
                                                <p>Image not found.</p>
                                            @endif  
                                          </td>
                                        </tr>
                                      @endforeach
                                    </tbody>
                                  </table>
                                </div>
                              </div>

                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            </div>
                          </div>
                        </div>
                      </div>
                      
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
      
    
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection