@extends('admin.layouts.app')
@section('page_content')
<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;">Block Supervisor (optional)</label>
                          <select class="form-control" name="worker_name" aria-label="Default select example" style="border-radius: 6px;">
                              <option selected value="">-- Choose --</option>
                              @foreach($workers as $data)
                                  <option value="{{ $data->id }}" @if($workerId == $data->id) selected @endif>
                                      {{ $data->name }}
                                  </option>
                              @endforeach
                          </select>
                      </div>
                  </div>

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

                  <!-- To Date -->
                  <div class="col-md-2">
                      <div class="form-group">
                          <label style="font-weight: 600;">To Date <span class="text-danger">*</span></label>
                          <input type="date" name="toDate" class="form-control" style="border-radius: 6px;" value="{{$toDate}}" required>
                      </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">
            
            <table class="table table-striped table-bordered jambo_table bulk_action">
            <thead class="table-dark">
                <tr class="headings">
                    <th class="column-title text-center">SL. No.</th>
                    <th class="column-title text-center">Date</th>
                    <th class="column-title text-center">Block Supervisor Name</th>
                    <th class="column-title text-center">VAT/GVP Assigned</th>
                    <th class="column-title text-center">Sessions (In / Out)</th>                    
                    <th class="column-title text-center">VAT/GVP Visited</th>
                </tr>
            </thead>
            <tbody>
                @php $sl = 1; @endphp

                @foreach($params as $date => $rows)
                    @foreach($rows as $row)
                        <tr>
                            <td class="text-center">{{ $sl++ }}</td>
                            <td class="text-center">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</td>

                            {{-- Supervisor --}}
                            <td class="text-center">{{ $row['supervisor'] }}</td>

                            {{-- Assigned --}}
                            <td class="text-center">
                                @if(count($row['assigned']))
                                    <!-- Button trigger modal -->
                                    <button type="button" 
                                            class="btn btn-sm btn-primary" 
                                            data-toggle="modal" 
                                            data-target="#assignedModal-{{ $loop->parent->index }}-{{ $sl }}">
                                        Assigned ({{ count($row['assigned']) }})
                                    </button>

                                    <!-- Modal -->
                                    <div class="modal fade" 
                                         id="assignedModal-{{ $loop->parent->index }}-{{ $sl }}" 
                                         tabindex="-1" 
                                         role="dialog" 
                                         aria-labelledby="assignedModalLabel-{{ $loop->parent->index }}-{{ $sl }}" 
                                         aria-hidden="true"
                                         data-backdrop="static" 
                                         data-keyboard="false"
                                         >
                                      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <h5 class="modal-title" id="assignedModalLabel-{{ $loop->parent->index }}-{{ $sl }}">
                                                Assigned VAT/GVPs for {{ $row['supervisor'] }}
                                            </h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                              <span aria-hidden="true">&times;</span>
                                            </button>
                                          </div>
                                          <div class="modal-body">
                                              <table class="table table-bordered table-sm">
                                                  <thead>
                                                      <tr>
                                                          <th>#</th>
                                                          <th>Assigned Location</th>
                                                      </tr>
                                                  </thead>
                                                  <tbody>
                                                      @foreach($row['assigned'] as $key => $assigned)
                                                          <tr>
                                                              <td>{{ $key+1 }}</td>
                                                              <td>{{ $assigned }}</td>
                                                          </tr>
                                                      @endforeach
                                                  </tbody>
                                              </table>
                                          </div>
                                          <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>

                            {{-- Sessions --}}
                            <td class="text-center">
                                @if($row['sessions'] > 0)
                                    <!-- Trigger Button -->
                                    <button type="button" class="btn btn-sm btn-info" 
                                            data-toggle="modal" 
                                            data-target="#sessionsModal{{ $sl }}">
                                        {{ $row['sessions'] }} Sessions
                                    </button>

                                    <!-- Modal -->
                                    <div class="modal fade" id="sessionsModal{{ $sl }}" tabindex="-1" role="dialog" aria-labelledby="sessionsModalLabel{{ $sl }}" aria-hidden="true" data-backdrop="static" data-keyboard="false">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="sessionsModalLabel{{ $sl }}">
                                                        Sessions for {{ $row['supervisor'] }} on {{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}
                                                    </h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>

                                                <div class="modal-body">
                                                    @if(count($row['sessionTimes']) > 0)
                                                        <table class="table table-sm table-bordered">
                                                            <thead>
                                                                <tr class="text-center">
                                                                    <th>#</th>
                                                                    <th>In Time</th>
                                                                    <th>Out Time</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody class="text-center">
                                                                @foreach($row['sessionTimes'] as $index => $session)
                                                                    @php [$in, $out] = explode('-', $session); @endphp
                                                                    <tr>
                                                                        <td>{{ $index + 1 }}</td>
                                                                        <td>{{ \Carbon\Carbon::parse($in)->format('h:i A') }}</td>
                                                                        <td>
                                                                            @if($out && strtolower($out) !== 'not out yet')
                                                                                {{ \Carbon\Carbon::parse($out)->format('h:i A') }}
                                                                            @else
                                                                                Not Out Yet
                                                                            @endif
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    @else
                                                        <p class="text-muted mb-0">No sessions available</p>
                                                    @endif
                                                </div>

                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <span class="text-muted">No sessions</span>
                                @endif
                            </td>                            

                            {{-- Visited --}}
                            <td class="text-center">
                                @if(count($row['visited']))
                                    <!-- Button trigger modal -->
                                    <button type="button" 
                                            class="btn btn-sm btn-success" 
                                            data-toggle="modal" 
                                            data-target="#visitedModal-{{ $loop->parent->index }}-{{ $sl }}">
                                        Visited ({{ count($row['visited']) }})
                                    </button>

                                    <!-- Main Visited Modal -->
                                    <div class="modal fade" 
                                         id="visitedModal-{{ $loop->parent->index }}-{{ $sl }}" 
                                         tabindex="-1" 
                                         role="dialog" 
                                         aria-labelledby="visitedModalLabel-{{ $loop->parent->index }}-{{ $sl }}" 
                                         aria-hidden="true"
                                         data-backdrop="static" 
                                         data-keyboard="false">
                                      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <h5 class="modal-title" id="visitedModalLabel-{{ $loop->parent->index }}-{{ $sl }}">
                                                Visited VAT/GVPs for {{ $row['supervisor'] }} on {{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}
                                            </h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                              <span aria-hidden="true">&times;</span>
                                            </button>
                                          </div>
                                          <div class="modal-body">
                                              <table class="table table-bordered table-sm">
                                                  <thead>
                                                      <tr>
                                                          <th>#</th>
                                                          <th>Visited Location</th>
                                                          <th>Visited Time</th>
                                                          <th>Image</th>
                                                          <th>Status</th>
                                                      </tr>
                                                  </thead>
                                                  @foreach($row['visited'] as $key => $visited)
                                                      @php 
                                                          [$place, $time] = explode(' @ ', $visited); 
                                                          $imagePath = $row['capturedImages'][$key] ?? null;
                                                          $status = $row['gvpStatuses'][$key] ?? 'N/A';

                                                          $base64 = null;
                                                          if ($imagePath != null) {
                                                              if (!empty(Storage::disk('hmc')->exists($imagePath))) {
                                                                  $imageContent = Storage::disk('hmc')->get($imagePath);
                                                                  $mimeType = Storage::disk('hmc')->mimeType($imagePath);
                                                                  $base64 = 'data:' . $mimeType . ';base64,' . base64_encode($imageContent);
                                                              }
                                                          }
                                                      @endphp
                                                      <tr>
                                                          <td>{{ $key+1 }}</td>
                                                          <td>{{ $place }}</td>
                                                          <td>{{ \Carbon\Carbon::parse($time)->format('h:i A') }}</td>
                                                          <td>
                                                              @if($base64)
                                                                  <!-- Thumbnail (opens separate modal) -->
                                                                  <img src="{{ $base64 }}" width="50" alt="Captured Image" 
                                                                       style="cursor:pointer;" 
                                                                       data-toggle="modal" 
                                                                       data-target="#imageModal-{{ $loop->parent->index }}-{{ $sl }}-{{ $key }}">
                                                              @else
                                                                  N/A
                                                              @endif
                                                          </td>
                                                          <td>{{ $status }}</td>
                                                      </tr>
                                                  @endforeach
                                              </table>
                                          </div>
                                          <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                    <!-- Image Modals (outside parent modal) -->
                                    @foreach($row['visited'] as $key => $visited)
                                        @php 
                                            [$place, $time] = explode(' @ ', $visited);
                                            $imagePath = $row['capturedImages'][$key] ?? null;
                                            $base64 = null;
                                            if ($imagePath != null && !empty(Storage::disk('hmc')->exists($imagePath))) {
                                                $imageContent = Storage::disk('hmc')->get($imagePath);
                                                $mimeType = Storage::disk('hmc')->mimeType($imagePath);
                                                $base64 = 'data:' . $mimeType . ';base64,' . base64_encode($imageContent);
                                            }
                                        @endphp
                                        @if($base64)
                                        <div class="modal fade" id="imageModal-{{ $loop->parent->index }}-{{ $sl }}-{{ $key }}" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" 
                                         data-keyboard="false">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                      <h5 class="modal-title" id="visitedModalLabel-{{ $loop->parent->index }}-{{ $sl }}">
                                                          {{ $place }} : Captured Image
                                                      </h5>
                                                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                      </button>
                                                    </div>
                                                    <div class="modal-body text-center">
                                                        <img src="{{ $base64 }}" class="img-fluid" alt="Captured Image">
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                    @endforeach

                                @else
                                    <span class="text-muted">No visit yet</span>
                                @endif
                            </td>

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

    
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection