@extends('layouts.master')
@section('title', 'Workload Table - Summary')
@section('style')
<style>
.ws-view{max-width:1900px;}
.ws-view-card{border:1px solid #e4e7ee;border-radius:15px;}
.ws-info-value{background:#e4e9f5;padding:5px 13px;border-radius:3px;font-weight:600;display:inline-block;}
.ws-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ccf1e5;color:#14a484;font-weight:700;margin:auto;}
.ws-view-table{width:100%;min-width:1450px;font-size:12px;}
.ws-view-table th{white-space:nowrap;background:#f8f7fb;}
.ws-view-table td{white-space:pre-line;vertical-align:top;overflow-wrap:anywhere;}
.ws-stripe{border-bottom:4px solid #906bd3;display:inline-block;padding-bottom:5px;}
.ws-status-pill{font-size:12px;padding:6px 14px;border-radius:50rem;}
.ws-status-pill.Waiting{background:#fff1d1;color:#a77a13;}
.ws-status-pill.Approved{background:#d8f5e9;color:#087e63;}
.ws-status-pill.Disapproved{background:#fce1e4;color:#b52c45;}
</style>
@endsection
@section('content')
@include('layouts.header')
@include('layouts.title')
<section class="wrapper bg-light">
 <div class="container-fluid ws-view py-10 px-3 px-xl-6">
  <div class="d-flex justify-content-between flex-wrap align-items-center gap-3 mb-4">
   <h3 class="fw-bold mb-0">Workload Table - Summary</h3>
   <a href="{{ route('workload.summary',['school'=>$schoolId,'year'=>$year]) }}" class="btn btn-light rounded-pill"><i class="uil uil-arrow-left"></i> Back to All Request</a>
  </div>
  <div class="card ws-view-card">
   <div class="card-body p-4 p-lg-6">
    <div class="d-flex justify-content-between flex-wrap gap-3 mb-4">
     <div>
      <p><strong class="me-3">School of</strong> <span class="ws-info-value">{{ $schoolName }}</span></p>
      <p class="mb-0"><strong class="me-3">Academic Year</strong> <span class="ws-info-value">{{ $year }}</span>
       <strong class="ms-4 me-3">Semester</strong> <span class="ws-info-value">{{ $semester }}</span></p>
     </div>
     <div class="d-flex flex-column align-items-end gap-2">
      {{-- The DB keeps Approved for compatibility with the current Controller. --}}
       <span class="ws-status-pill {{ $status }}">{{ $status === 'Approved' ? 'Acknowledged' : $status }}</span>
       {{-- Export becomes visible only after acknowledgement of the CURRENT source signature.
            $status is calculated by the Controller; when source data changes, it becomes Waiting again. --}}
       @if($status === 'Approved')
        <div class="d-flex flex-wrap justify-content-end gap-2">
         <a href="{{ route('workload.summary.excel', ['school' => $schoolId, 'year' => $year, 'semester' => $semester]) }}"
            class="btn btn-outline-success rounded-pill">
          <i class="uil uil-file-spreadsheet me-1"></i> Export Excel (.xlsx)
         </a>
         <a href="{{ route('workload.summary.pdf', ['school' => $schoolId, 'year' => $year, 'semester' => $semester]) }}"
            class="btn btn-outline-danger rounded-pill" target="_blank" rel="noopener noreferrer"
            title="Open PDF preview in a new browser tab">
          <i class="uil uil-file-alt me-1"></i> Preview PDF
         </a>
        </div>
       @else
        <div class="small text-muted text-end">Export is available after acknowledgement.</div>
       @endif
     </div>
    </div>
    <hr class="my-5"/>
    <div class="text-center py-4">
     <div class="ws-circle">01</div>
     <div class="fw-bold mt-3">Head of School</div>
     <div class="small text-muted">{{ $headName }}</div>
     <div class="small">({{ $status === 'Approved' ? 'Acknowledged' : ($status === 'Disapproved' ? 'Disapproved (historical)' : 'Waiting for Acknowledgement') }})</div>
     @if($status !== 'Waiting' && $approval)
      <div class="small text-muted mt-2">{{ $status === 'Approved' ? 'Acknowledged by' : 'Decision by' }} {{ $decider ?: ('User ID '.$approval->decided_by) }} • {{ $approval->decided_at }}</div>
     @endif
    </div>
    <hr class="my-5"/>
    <h5 class="ws-stripe mb-4 fw-semibold">Summary of Courses</h5>
    <div class="table-responsive">
     <table class="table table-bordered ws-view-table mb-0">
      <thead><tr>
       <th>Course Number</th><th>Brief Title</th><th>Section Number</th><th>Number of Students</th>
       <th>Lecture Schedule</th><th>Lecturer</th><th>TA for Lecture Course</th>
       <th>Lab Schedule</th><th>Lab TA</th><th>Tutorial Schedule</th><th>Tutors</th>
      </tr></thead>
      <tbody>
       @foreach($rows as $r)
        <tr>
         <td>{{ $r->course_code }}</td><td>{{ $r->course_title }}</td>
         <td>{{ $r->course_section }}</td><td>{{ $r->course_student }}</td>
         <td>{{ $r->lecture_schedule }}</td><td>{{ $r->lecturer }}</td>
         <td>{{ $r->lecture_ta }}</td><td>{{ $r->lab_schedule }}</td>
         <td>{{ $r->lab_ta }}</td><td>{{ $r->tutorial_schedule }}</td><td>{{ $r->tutors }}</td>
        </tr>
       @endforeach
      </tbody>
     </table>
    </div>
    <p class="text-muted small mt-3">Course sources: Approved Teaching Load / data_course (Lecture, Laboratory) / data_senior (Senior Project, Thesis, etc.) / data_timetable. TA/Tutorial columns show '–' until a verified source is connected.</p>
    @if($status === 'Waiting' && $approval && $approval->source_signature)
     <div class="alert alert-info mt-3">The underlying approved course list has changed since the previous decision. Head of School must acknowledge the updated Summary again.</div>
    @endif
    {{-- Acknowledgement replaces approval in the visible UI.
         Keep decision=Approved to remain compatible with the existing POST validation/database. --}}
    @if($mayDecide)
     <div class="d-flex justify-content-center gap-3 flex-wrap mt-5">
      <form method="POST"
            action="{{ route('workload.summary.decide', ['school' => $schoolId, 'year' => $year, 'semester' => $semester]) }}"
            onsubmit="return confirm('Acknowledge receipt of the Workload Table Summary for this School / Year / Semester?');">
       @csrf
       <input type="hidden" name="source_signature" value="{{ $signature }}" />
       <input type="hidden" name="decision" value="Approved" />
       <button class="btn btn-green rounded-pill" type="submit">
        <i class="uil uil-check-circle me-1"></i> Acknowledge
       </button>
      </form>
     </div>
    @elseif($status === 'Approved')
     <div class="alert alert-success border mt-5 text-center">
      <i class="uil uil-check-circle me-1"></i> Acknowledged — Excel and PDF exports are available above.
     </div>
    @elseif($status === 'Disapproved')
     {{-- Legacy disapproved records remain readable; the Disapprove action is hidden. --}}
     <div class="alert alert-light border mt-5 text-center">This Workload Summary was disapproved previously.</div>
     @if($approval && $approval->decision_comment)
      <div class="alert alert-light border mt-2"><strong>Comment:</strong> {{ $approval->decision_comment }}</div>
     @endif
    @else
     <div class="text-center text-muted mt-5">Only the Head of School for this School can acknowledge this Summary.</div>
    @endif
    @if($histories->isNotEmpty())
     <details class="mt-5"><summary class="fw-semibold">Decision History ({{ $histories->count() }})</summary>
      <div class="table-responsive mt-3"><table class="table table-sm table-bordered"><thead><tr><th>Time</th><th>Decision</th><th>By</th><th>Comment</th></tr></thead>
      <tbody>@foreach($histories as $h)<tr><td>{{ $h->created_at }}</td><td>{{ $h->action === 'Approved' ? 'Acknowledged' : $h->action }}</td><td>{{ $h->actor_name ?: $h->actor_user_id }}</td><td>{{ $h->comment ?: '-' }}</td></tr>@endforeach</tbody></table></div>
     </details>
    @endif
   </div>
  </div>
 </div>
</section>
@include('layouts.footer')
@endsection