@extends('layouts.app')
@section('title', 'Maklumat Pusat Data')
@section('heading', 'Pusat Data')
@section('page-title', $dataCentre->nama_pusat_data)
@section('subtitle', $dataCentre->tajuk_permohonan)

@section('actions')
    @can('update', $dataCentre)
        <a href="{{ route('data-centres.edit', $dataCentre) }}" class="btn btn-outline-secondary"><i class="bi bi-pencil me-1"></i> Kemaskini</a>
    @endcan
@endsection

@section('content')
<div class="row g-3">
    <div class="col-lg-5">
        <div class="card mb-3"><div class="card-body">
            <h6 class="text-muted">Maklumat Pusat Data</h6>
            <dl class="row mb-0 small">
                <dt class="col-5">Status</dt><dd class="col-7"><span class="badge bg-{{ $dataCentre->status==='aktif'?'success':'secondary' }}">{{ $dataCentre->status }}</span></dd>
                <dt class="col-5">Lokasi</dt><dd class="col-7">{{ $dataCentre->lokasi_pusat_data ?: '—' }}</dd>
                <dt class="col-5">Alamat</dt><dd class="col-7">{{ $dataCentre->alamat ?: '—' }}</dd>
                <dt class="col-5">Keluasan Tapak</dt><dd class="col-7">{{ $dataCentre->keluasan_tapak ? number_format($dataCentre->keluasan_tapak,2).' ekar' : '—' }}</dd>
                <dt class="col-5">IT Load</dt><dd class="col-7">{{ $dataCentre->it_load ? number_format($dataCentre->it_load,2).' MW' : '—' }}</dd>
                <dt class="col-5">Perunding Aktif</dt><dd class="col-7">{{ $dataCentre->currentConsultant?->nama_perunding ?? 'Tiada' }}</dd>
            </dl>
        </div></div>

        @can('assignConsultant', $dataCentre)
        <div class="card"><div class="card-header bg-white fw-semibold">Tukar / Tugaskan Perunding</div><div class="card-body">
            <form method="POST" action="{{ route('data-centres.assign', $dataCentre) }}">
                @csrf
                <div class="mb-2">
                    <label class="form-label">Perunding</label>
                    <select name="consultant_id" class="form-select" required>
                        <option value="">— Pilih perunding —</option>
                        @foreach ($consultants as $c)
                            <option value="{{ $c->id }}">{{ $c->nama_perunding }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-2"><label class="form-label">Tarikh Mula</label><input type="date" name="start_date" class="form-control" value="{{ now()->toDateString() }}"></div>
                <div class="mb-2"><label class="form-label">Sebab Perubahan</label><textarea name="reason" rows="2" class="form-control"></textarea></div>
                <button class="btn btn-success btn-sm w-100" data-confirm="Penugasan perunding aktif sedia ada akan ditamatkan. Teruskan?"><i class="bi bi-person-check me-1"></i> Tugaskan</button>
            </form>
            @if ($dataCentre->current_consultant_id)
                <form method="POST" action="{{ route('data-centres.end-assignment', $dataCentre) }}" class="mt-2">
                    @csrf
                    <button class="btn btn-outline-danger btn-sm w-100" data-confirm="Tamatkan penugasan perunding aktif tanpa pengganti?"><i class="bi bi-person-x me-1"></i> Tamatkan Penugasan Aktif</button>
                </form>
            @endif
        </div></div>
        @endcan
    </div>

    <div class="col-lg-7">
        <div class="card mb-3"><div class="card-header bg-white fw-semibold">Sejarah Penugasan Perunding</div>
            <div class="card-body p-0"><table class="table mb-0 small">
                <thead><tr><th class="ps-3">Perunding</th><th>Mula</th><th>Tamat</th><th>Sebab</th><th>Status</th></tr></thead>
                <tbody>
                @forelse ($dataCentre->assignments as $a)
                    <tr>
                        <td class="ps-3">{{ $a->consultant->nama_perunding ?? '—' }}</td>
                        <td>{{ $a->start_date?->format('d/m/Y') }}</td>
                        <td>{{ $a->end_date?->format('d/m/Y') ?: '—' }}</td>
                        <td>{{ $a->reason ?: '—' }}</td>
                        <td><span class="badge bg-{{ $a->is_active?'success':'secondary' }}">{{ $a->is_active?'Aktif':'Tamat' }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-3">Tiada rekod penugasan.</td></tr>
                @endforelse
                </tbody>
            </table></div>
        </div>

        <div class="card"><div class="card-header bg-white fw-semibold">Serahan Pusat Data Ini</div>
            <div class="card-body p-0"><table class="table mb-0 small">
                <thead><tr><th class="ps-3">Kitaran</th><th>Status</th><th></th></tr></thead>
                <tbody>
                @forelse ($dataCentre->submissions as $s)
                    <tr>
                        <td class="ps-3">Pembaharuan {{ $s->reportingCycle->renewal_year }} / Pelaporan {{ $s->reportingCycle->reporting_year }}</td>
                        <td><span class="badge bg-{{ $s->statusBadgeClass() }}">{{ $s->statusLabel() }}</span></td>
                        <td class="text-end pe-3"><a href="{{ route('submissions.show',$s) }}" class="btn btn-sm btn-outline-secondary">Lihat</a></td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="text-center text-muted py-3">Tiada serahan.</td></tr>
                @endforelse
                </tbody>
            </table></div>
        </div>
    </div>
</div>
@endsection