@extends('admin.layouts.app')

@section('title', 'Recent Activity Report')

@push('styles')
<style>
div.dt-buttons {
  margin-bottom: 10px;
}
.badge-status {
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 8px;
}
</style>
@endpush

@section('content')
<h4 class="font-weight-bold py-3 mb-0">Recent Activity Report</h4>
<p class="text-muted mb-3">Order status events from the dashboard &ldquo;Recent Activity&rdquo; feed. By default, shows the last 30 days. Use filters to narrow or expand the date range.</p>

<div class="card mb-3">
  <div class="card-body py-3">
    <form method="post" action="{{ route('admin.reports.recent-activity') }}" class="form-row align-items-end">
      @csrf
      <div class="form-group col-md-3 col-lg-3">
        <label class="form-label">Customer name</label>
        <select class="select2-demo form-control" name="CustId" id="CustId">
          <option value="all" @selected($filters['CustId'] === 'all')>All customers</option>
          @foreach ($customers as $customer)
            <option value="{{ $customer->id }}" @selected((string) $filters['CustId'] === (string) $customer->id)>
              {{ trim($customer->Fname.' '.$customer->Lname) }}
            </option>
          @endforeach
        </select>
      </div>
      <div class="form-group col-md-3 col-lg-3">
        <label class="form-label">Executive</label>
        <select class="select2-demo form-control" name="ExecId" id="ExecId">
          <option value="all" @selected($filters['ExecId'] === 'all')>All executives</option>
          @foreach ($executives as $executive)
            <option value="{{ $executive->id }}" @selected((string) $filters['ExecId'] === (string) $executive->id)>
              {{ trim($executive->Fname.' '.$executive->Lname) }}
            </option>
          @endforeach
        </select>
      </div>
      <div class="form-group col-md-2 col-lg-2">
        <label class="form-label">From date</label>
        <input type="date" name="FromDate" class="form-control" value="{{ $filters['FromDate'] }}" autocomplete="off">
      </div>
      <div class="form-group col-md-2 col-lg-2">
        <label class="form-label">To date</label>
        <input type="date" name="ToDate" class="form-control" value="{{ $filters['ToDate'] }}" autocomplete="off">
      </div>
      <div class="form-group col-md-2 col-lg-1">
        <label class="form-label">From time</label>
        <input type="time" name="FromTime" class="form-control" value="{{ $filters['FromTime'] }}" step="60">
      </div>
      <div class="form-group col-md-2 col-lg-1">
        <label class="form-label">To time</label>
        <input type="time" name="ToTime" class="form-control" value="{{ $filters['ToTime'] }}" step="60">
      </div>
      <div class="form-group col-md-6 col-lg-3 mt-3 mt-lg-0">
        <button type="submit" name="apply_filter" value="1" class="btn btn-primary mr-2">Apply filters</button>
        @if ($filterActive)
          <a href="{{ route('admin.reports.recent-activity') }}" class="btn btn-outline-secondary">Clear</a>
        @endif
      </div>
    </form>
    <small class="text-muted d-block mt-2">Time filters apply to the clock time of each event (optional). Combine with dates to narrow a specific day and window.</small>
  </div>
</div>

<div class="card" style="padding: 10px;">
  <div class="card-datatable">
    <table id="recentActivityTable" class="table table-striped table-bordered nowrap" style="width:100%">
      <thead>
        <tr>
          <th>Status</th>
          <th>Activity</th>
          <th>Customer name</th>
          <th>Executive name</th>
          <th>Date</th>
          <th>Time</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($rows as $row)
          @php
            $userName = ucfirst(trim($row->Fname.' '.$row->Lname));
            $execName = trim(($row->ExecFname ?? '').' '.($row->ExecLname ?? ''));
            $status = $row->Status;
            if ($status === 'Delivered') {
              $badgeClass = 'badge-success';
              $activity = 'Order delivered for';
            } elseif ($status === 'Pending') {
              $badgeClass = 'badge-warning';
              $activity = 'Order pending for';
            } elseif ($status === 'Cancelled') {
              $badgeClass = 'badge-danger';
              $activity = 'Order cancelled by';
            } else {
              $badgeClass = 'badge-secondary';
              $activity = 'Status updated ('.ucfirst((string) $status).') for';
            }
          @endphp
          <tr>
            <td data-order="{{ $status }}"><span class="badge {{ $badgeClass }} badge-status">{{ ucfirst((string) $status) }}</span></td>
            <td>{{ $activity }}</td>
            <td>{{ $userName }}</td>
            <td>
              @if ($execName !== '')
                {{ ucfirst($execName) }}
              @else
                <span class="text-muted">Unassigned</span>
              @endif
            </td>
            <td data-order="{{ $row->CreatedDate }}">{{ $row->CreatedDate ? date('d M', strtotime($row->CreatedDate)) : '' }}</td>
            <td>{{ $row->CreatedDate ? date('h:i A', strtotime($row->CreatedDate)) : '' }}</td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
  $('#recentActivityTable').DataTable({
    order: [[4, 'desc']],
    responsive: false,
    pageLength: 25,
    dom: 'Bfrtip',
    buttons: [
      'excelHtml5',
      'csvHtml5'
    ]
  });
});
</script>
@endpush