@extends('dashboard.layouts.app')

@section('content')
@include('components.alert')
<div class="container-fluid">
  <div class="row">
    <div class="col-12">
      <div class="card h-100 border-0 shadow-sm overflow-hidden p-3">
        <div class="card-header border-bottom py-3 px-5 d-flex align-items-center justify-content-between">
          <h5 class="mb-0">Payroll Run</h5>
          @php
            $currentMonth = now()->month;
            $currentYear = now()->year;
            $monthParam = request('month');
            $yearParam = request('year');
            $isAllMonth = ($monthParam === 'all');
            $isAllYear = ($yearParam === 'all');
            $selectedMonth = $isAllMonth ? null : (int) ($monthParam ?: $currentMonth);
            $selectedYear = $isAllYear ? null : (int) ($yearParam ?: $currentYear);
            $selectedMonthName = $selectedMonth ? date('F', mktime(0, 0, 0, $selectedMonth, 10)) : 'All months';
            $selectedYearLabel = $selectedYear ? (string) $selectedYear : 'All years';
            $canCheckRun = !is_null($selectedMonth) && !is_null($selectedYear);
            $runExistsForSelected = $canCheckRun ? \App\Models\PayrollRun::where('month', $selectedMonth)->where('year', $selectedYear)->exists() : null;
            $isCurrentSelection = $canCheckRun && ($selectedMonth === $currentMonth && $selectedYear === $currentYear);
            $currentMonthName = date('F', mktime(0, 0, 0, $currentMonth, 10));
          @endphp

          <div class="text-end">
            @if (!$canCheckRun)
              <span class="badge bg-info">Showing {{ $selectedMonthName }} {{ $selectedYearLabel }}</span>
            @else
              @if ($isCurrentSelection)
                @if (!$runExistsForSelected)

                              <form id="runPayrollForm" action="{{ route('payroll.run.execute') }}" method="GET" class="d-inline">
                                  <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#confirmRunModal">
                                      Run Payroll for {{ $currentMonthName }} {{ $currentYear }}
                                  </button>
                              </form>

                              <!-- Modal -->
                              <div class="modal fade" id="confirmRunModal" tabindex="-1" aria-labelledby="confirmRunModalLabel" aria-hidden="true">
                                  <div class="modal-dialog">
                                      <div class="modal-content">

                                          <div class="modal-header">
                                              <h5 class="modal-title" id="confirmRunModalLabel">Confirm Payroll Run</h5>
                                              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                          </div>

                                          <div class="modal-body">
                                              Are you sure you want to run payroll for
                                              <strong>{{ $currentMonthName }} {{ $currentYear }}</strong>?
                                          </div>

                                          <div class="modal-footer">
                                              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                              <button type="button" class="btn btn-success" onclick="document.getElementById('runPayrollForm').submit()">
                                                  Yes, Run Payroll
                                              </button>
                                          </div>

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

                      @else
                  <button class="btn btn-outline-secondary btn-sm" disabled>
                    Payroll already run for {{ $currentMonthName }} {{ $currentYear }}
                  </button>
                @endif
              @else
                <span class="badge {{ $runExistsForSelected ? 'bg-success' : 'bg-secondary' }}">
                  {{ $runExistsForSelected ? 'Run' : 'Not run' }} for {{ $selectedMonthName }} {{ $selectedYearLabel }}
                </span>
              @endif
            @endif
          </div>
        </div>

        <div class="card-body">
          <!-- Search by Month and Year -->
          <form action="{{ route('payroll.run') }}" method="GET" class="mb-4">
            <div class="row g-2 align-items-end">
              <div class="col-md-4">
                <label for="month" class="form-label">Select Month</label>
                <select name="month" id="month" class="form-control">
                  <option value="all" {{ $isAllMonth ? 'selected' : '' }}>All months</option>
                  @for ($m = 1; $m <= 12; $m++)
                    @php $mName = date('F', mktime(0, 0, 0, $m, 10)); @endphp
                    <option value="{{ $m }}" {{ (!$isAllMonth && (int)request('month', $selectedMonth ?? 0) === $m) ? 'selected' : '' }}>
                      {{ $mName }}
                    </option>
                  @endfor
                </select>
              </div>
              <div class="col-md-4">
                <label for="year" class="form-label">Select Year</label>
                <select name="year" id="year" class="form-control">
                  @php $thisYear = (int)now()->year; @endphp
                  <option value="all" {{ $isAllYear ? 'selected' : '' }}>All years</option>
                  @for ($y = $thisYear + 1; $y >= $thisYear - 5; $y--)
                    <option value="{{ $y }}" {{ (!$isAllYear && (int)request('year', $selectedYear ?? 0) === (int)$y) ? 'selected' : '' }}>
                      {{ $y }}
                    </option>
                  @endfor
                </select>
              </div>
              <div class="col-md-4">
                <button type="submit" class="btn btn-primary">Search</button>
                <a href="{{ route('payroll.run') }}" class="btn btn-secondary">Clear</a>
              </div>
            </div>
          </form>

          <div class="row mb-4">
            <div class="col-md-4">
              <div class="card border-0 shadow-sm">
                <div class="card-body">
                  <div class="small text-muted">Total Gross Salaries</div>
                  <div class="fs-4 text-primary fw-semibold">{{ number_format($totalGross, 2) }}</div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="card border-0 shadow-sm">
                <div class="card-body">
                  <div class="small text-muted">Total Net Salaries</div>
                  <div class="fs-4 text-success fw-semibold">{{ number_format($totalNet, 2) }}</div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="card border-0 shadow-sm">
                <div class="card-body">
                  <div class="small text-muted">Total Bonuses </div>
                  <div class="fs-4 text-success fw-semibold">{{ $total_bonuses }}</div>
                </div>
              </div>
            </div>


              <div class="col-md-4">
                  <div class="card border-0 shadow-sm">
                      <div class="card-body">
                          <div class="small text-muted">Total Penalties </div>
                          <div class="fs-4 text-danger fw-semibold">{{ $total_penalties }}</div>
                      </div>
                  </div>
              </div>
          </div>

          <div class="table-responsive">
            <table class="table table-bordered table-sm table-bordered-table sm-table mb-0">
              <thead class="table-dark">
                <tr>
                    <th>Pay Period</th>
                    <th>Pay Date</th>
                  <th>Gross Salary</th>
                  <th>Net Salary</th>
                    <th>Status</th>

                </tr>
              </thead>
              <tbody>
                @forelse($payrolls as $payroll)
                  <tr>

                      <td>{{ \Carbon\Carbon::createFromDate($payroll->run_date)->copy()->subMonthNoOverflow()->day(15)->format('d-m-y').  '  - '
                        . \Carbon\Carbon::createFromDate($payroll->run_date)->copy()->day(14)->endOfDay()->format('d-m-y') }}</td>
                      <td>{{ $payroll->run_date }}</td>
                      <td>{{ number_format($payroll->total_gross, 2) }}</td>
                      <td>{{ number_format($payroll->total_net, 2) }}</td>
                      <td> {{$payroll->status}}</td>

                  </tr>
                @empty
                  <tr>
                    <td colspan="6" class="text-center text-muted">No payroll data available.</td>
                  </tr>
                @endforelse
              </tbody>
              <tfoot class="table-light">
                <tr>
                  <td colspan="2" class="fw-semibold">Total</td>
                  <td class="fw-semibold">{{ number_format($totalGross, 2) }}</td>
                  <td class="fw-semibold">{{ number_format($totalNet, 2) }}</td>
                  <td colspan="2"></td>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@push('scripts')
<style>
  .table-bordered-table {
    border: 1px solid #dee2e6;
  }
  .table-bordered-table th,
  .table-bordered-table td {
    border: 1px solid #dee2e6;
  }
</style>
@endpush