@extends('layouts.app')
@section('title','Work Order')
@section('page-title','Work Order Detail')
@section('content')

@php $sm=$workOrder->status_meta; $pm=$workOrder->priority_meta; @endphp

<div class="d-flex justify-content-between align-items-center mb-3">
  <a href="{{ route('work-orders.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>All Work Orders</a>
  <div class="d-flex gap-2">
    @if(!in_array($workOrder->status,['completed','cancelled']))
    <a href="{{ route('work-orders.edit',$workOrder) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil me-1"></i>Edit</a>
    @endif
    <span class="badge bg-{{ $sm['color'] }} fs-6 px-3 py-2"><i class="bi bi-{{ $sm['icon'] }} me-1"></i>{{ $sm['label'] }}</span>
  </div>
</div>

<div class="row g-3">

{{-- LEFT: Work Order Details --}}
<div class="col-md-5">
  <div class="card stat-card mb-3">
    <div class="card-body p-4">
      <div class="d-flex justify-content-between align-items-start mb-3">
        <div>
          <div class="text-muted small fw-semibold">{{ $workOrder->wo_number }}</div>
          <h5 class="fw-bold mb-0 mt-1">{{ $workOrder->title }}</h5>
        </div>
        <span class="badge bg-{{ $pm['color'] }} ms-2">{{ $pm['label'] }}</span>
      </div>

      <div class="p-3 bg-light rounded mb-3" style="white-space:pre-wrap;font-size:.88rem">{{ $workOrder->description }}</div>

      <dl class="row mb-0 small">
        <dt class="col-5 text-muted">Project</dt>
        <dd class="col-7">{{ $workOrder->project->name ?? '-' }}</dd>

        <dt class="col-5 text-muted">Assigned To</dt>
        <dd class="col-7">
          @if($workOrder->assignedStaff)
          <span class="fw-semibold">{{ $workOrder->assignedStaff->name }}</span><br>
          <small class="text-muted">{{ $workOrder->assignedStaff->role }}</small>
          @else<span class="text-muted">{{ $workOrder->assigned_to ?? '—' }}</span>@endif
        </dd>

        <dt class="col-5 text-muted">Assigned By</dt>
        <dd class="col-7">{{ $workOrder->creator->name ?? '-' }}</dd>

        <dt class="col-5 text-muted">Created</dt>
        <dd class="col-7">{{ $workOrder->created_at->format('d M Y') }}</dd>

        <dt class="col-5 text-muted">Due Date</dt>
        <dd class="col-7 {{ $workOrder->isOverdue()?'text-danger fw-bold':'' }}">
          {{ $workOrder->due_date?->format('d M Y') ?? '—' }}
          @if($workOrder->isOverdue())<span class="badge bg-danger ms-1">OVERDUE</span>@endif
        </dd>

        @if($workOrder->completed_date)
        <dt class="col-5 text-muted">Completed</dt>
        <dd class="col-7">{{ $workOrder->completed_date->format('d M Y') }}</dd>
        @endif

        <dt class="col-5 text-muted">Next Action</dt>
        <dd class="col-7 fw-semibold text-primary small">{{ $workOrder->next_actor }}</dd>
      </dl>
    </div>
  </div>

  {{-- Workflow Timeline --}}
  <div class="card stat-card">
    <div class="card-header bg-white border-0 fw-semibold pt-3 px-3"><i class="bi bi-diagram-2 me-2"></i>Workflow Progress</div>
    <div class="card-body pt-0 px-3">
      @php
        $steps = [
          ['label'=>'Work Order Created',          'done'=>true,                                                                          'by'=>$workOrder->creator?->name,          'at'=>$workOrder->created_at],
          ['label'=>'Assignee Started Work',        'done'=>in_array($workOrder->status,['in_progress','pending_completion','completed','rejected_completion']), 'by'=>$workOrder->assignedStaff?->name, 'at'=>null],
          ['label'=>'Completion Submitted',         'done'=>in_array($workOrder->status,['pending_completion','completed','rejected_completion']),               'by'=>$workOrder->assignedStaff?->name, 'at'=>$workOrder->actioned_at, 'note'=>$workOrder->assignee_notes, 'rejected'=>$workOrder->status==='rejected_completion'],
          ['label'=>'Assignor Validated & Closed', 'done'=>$workOrder->status==='completed',                                             'by'=>$workOrder->validator?->name,         'at'=>$workOrder->validated_at, 'note'=>$workOrder->validation_notes],
        ];
      @endphp
      <div class="ps-2 mt-3">
        @foreach($steps as $step)
        @php $rej=$step['rejected']??false; @endphp
        <div class="d-flex gap-2 mb-3">
          <div class="d-flex flex-column align-items-center">
            <div class="rounded-circle d-flex align-items-center justify-content-center" style="width:28px;height:28px;min-width:28px;background:{{ $step['done']?($rej?'#dc3545':'#198754'):'#dee2e6' }};color:{{ $step['done']?'#fff':'#adb5bd' }};font-size:.8rem">
              @if($step['done']&&!$rej)<i class="bi bi-check"></i>@elseif($rej)<i class="bi bi-x"></i>@else{{ $loop->index+1 }}@endif
            </div>
            @if(!$loop->last)<div style="width:2px;min-height:24px;background:#dee2e6;margin:0 auto"></div>@endif
          </div>
          <div class="pb-1">
            <div class="fw-semibold small {{ $step['done']?($rej?'text-danger':'text-success'):'text-muted' }}">{{ $step['label'] }}</div>
            @if($step['done']&&!empty($step['by']))<div class="small text-muted"><i class="bi bi-person me-1"></i>{{ $step['by'] }}@if(!empty($step['at'])) · {{ $step['at']->format('d M Y H:i') }}@endif</div>@endif
            @if(!empty($step['note']))<div class="small fst-italic text-muted mt-1 p-2 bg-light rounded">{{ $step['note'] }}</div>@endif
          </div>
        </div>
        @endforeach
      </div>
    </div>
  </div>
</div>

{{-- RIGHT: Action Panels --}}
<div class="col-md-7">

  {{-- ASSIGNEE: Start work --}}
  @if($workOrder->status === 'open' && (auth()->user()->hasAnyRole(['super_admin']) || (auth()->id() == optional($workOrder->assignedStaff)->user_id ?? null) || auth()->user()->hasAnyRole(['foreman','artisan','site_supervisor','project_manager','store_keeper'])))
  <div class="card stat-card mb-3 border-primary">
    <div class="card-header bg-primary bg-opacity-10 border-0 fw-semibold pt-3 px-3">
      <i class="bi bi-play-circle me-2 text-primary"></i>
      {{ $workOrder->assignedStaff?->name }} — Start Work
    </div>
    <div class="card-body">
      <p class="small text-muted mb-3">
        This work order has been assigned to <strong>{{ $workOrder->assignedStaff?->name }}</strong>.
        Click below to confirm you have started working on it.
      </p>
      <form method="POST" action="{{ route('work-orders.start',$workOrder) }}">@csrf @method('PATCH')
        <button type="submit" class="btn btn-primary w-100">
          <i class="bi bi-play-fill me-1"></i>Start Work on This Order
        </button>
      </form>
    </div>
  </div>
  @endif

  {{-- ASSIGNEE: Submit completion --}}
  @if(in_array($workOrder->status,['in_progress','rejected_completion']) && !auth()->user()->hasAnyRole(['ceo']))
  <div class="card stat-card mb-3 border-{{ $workOrder->status==='rejected_completion'?'danger':'success' }}">
    <div class="card-header bg-{{ $workOrder->status==='rejected_completion'?'danger':'success' }} bg-opacity-10 border-0 fw-semibold pt-3 px-3">
      <i class="bi bi-check2-square me-2 text-{{ $workOrder->status==='rejected_completion'?'danger':'success' }}"></i>
      {{ $workOrder->assignedStaff?->name }} — Submit Completion
    </div>
    <div class="card-body">
      @if($workOrder->status==='rejected_completion')
      <div class="alert alert-danger py-2 small mb-3">
        <strong>Completion Rejected by {{ $workOrder->validator?->name ?? 'Assignor' }}:</strong><br>
        {{ $workOrder->validation_notes }}
      </div>
      @endif
      <p class="small text-muted mb-3">Describe what was done. The assignor (<strong>{{ $workOrder->creator?->name }}</strong>) will review and validate before closing.</p>
      <form method="POST" action="{{ route('work-orders.submit-complete',$workOrder) }}">@csrf
        <label class="form-label small fw-semibold">Work Completion Notes <span class="text-danger">*</span></label>
        <textarea name="assignee_notes" class="form-control mb-3" rows="4"
          placeholder="Describe exactly what was done, materials used, any observations..." required minlength="10">{{ old('assignee_notes') }}</textarea>
        <button type="submit" class="btn btn-success w-100">
          <i class="bi bi-send-check me-1"></i>Submit for Validation
        </button>
      </form>
    </div>
  </div>
  @endif

  {{-- ASSIGNOR: Validate completion --}}
  @if($workOrder->status === 'pending_completion' && auth()->user()->hasAnyRole(['project_manager','site_supervisor','super_admin']))
  <div class="card stat-card mb-3 border-warning">
    <div class="card-header bg-warning bg-opacity-10 border-0 fw-semibold pt-3 px-3">
      <i class="bi bi-person-check me-2 text-warning"></i>
      {{ $workOrder->creator?->name }} — Validate Completion
    </div>
    <div class="card-body">
      <div class="alert alert-info py-2 small mb-3">
        <strong><i class="bi bi-person me-1"></i>{{ $workOrder->assignedStaff?->name }}</strong> submitted this as complete on {{ $workOrder->actioned_at?->format('d M Y H:i') }}:<br>
        <em>"{{ $workOrder->assignee_notes }}"</em>
      </div>
      <p class="small text-muted mb-3">Inspect the work and either validate it as complete or send it back with issues.</p>
      <form method="POST" action="{{ route('work-orders.validate-complete',$workOrder) }}" class="mb-2">@csrf @method('PATCH')
        <textarea name="validation_notes" class="form-control form-control-sm mb-2" rows="2" placeholder="Validation notes (optional — will be added to the record)..."></textarea>
        <button type="submit" class="btn btn-success w-100">
          <i class="bi bi-patch-check me-1"></i>Validate & Close as Complete
        </button>
      </form>
      <form method="POST" action="{{ route('work-orders.reject-complete',$workOrder) }}">@csrf @method('PATCH')
        <div class="input-group mt-2">
          <textarea name="validation_notes" class="form-control form-control-sm" rows="2" placeholder="Issues found — describe what needs fixing (required)..." required></textarea>
          <button type="submit" class="btn btn-danger align-self-stretch">
            <i class="bi bi-arrow-counterclockwise"></i><br><small>Send Back</small>
          </button>
        </div>
      </form>
    </div>
  </div>
  @endif

  {{-- Completed summary --}}
  @if($workOrder->status === 'completed')
  <div class="card stat-card mb-3 border-success">
    <div class="card-body text-center py-4">
      <div class="fs-1 text-success mb-2"><i class="bi bi-patch-check-fill"></i></div>
      <h6 class="fw-bold">Work Order Complete</h6>
      <p class="text-muted small mb-0">Validated by <strong>{{ $workOrder->validator?->name }}</strong> on {{ $workOrder->validated_at?->format('d M Y H:i') }}</p>
      @if($workOrder->validation_notes)<blockquote class="blockquote-footer mt-2 small">{{ $workOrder->validation_notes }}</blockquote>@endif
    </div>
  </div>
  @endif

  {{-- Cancel (only if open/in progress) --}}
  @if(in_array($workOrder->status,['open','in_progress']))
  <div class="card stat-card border-0">
    <div class="card-body py-2">
      <form method="POST" action="{{ route('work-orders.destroy',$workOrder) }}" onsubmit="return confirm('Cancel this work order?')">
        @csrf @method('DELETE')
        <button class="btn btn-sm btn-outline-danger"><i class="bi bi-slash-circle me-1"></i>Cancel Work Order</button>
      </form>
    </div>
  </div>
  @endif

</div>{{-- /col --}}
</div>{{-- /row --}}
@endsection