@extends('layouts.app')

@section('content')

<div class="page-heading">
    <div>
        <span class="page-eyebrow">Agreement Documents</span>
        <h1>Data PKS</h1>
        <p>Persetujuan Kerja Sama. Format upload mengikuti fitur lama: PDF atau CSV.</p>
    </div>
    <a href="{{ route('pks.create') }}" class="btn btn-primary">
        <i class="ti ti-file-plus"></i>
        Upload PKS
    </a>
</div>

@if(session('success'))
<div class="alert alert-success modern-alert">
    <i class="ti ti-circle-check"></i>
    {{ session('success') }}
</div>
@endif

<div class="content-card">
    <div class="table-responsive">
        <table class="table modern-table">
            <thead>
                <tr>
                    <th>Mitra</th>
                    <th>File PKS</th>
                    <th>Tanggal</th>
                    <th class="text-end">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($documents as $document)
                <tr>
                    <td>{{ $document->mitra->name }}</td>
                    <td><span class="table-id">{{ basename($document->file) }}</span></td>
                    <td>{{ optional($document->document_date)->format('d-m-Y') }}</td>
                    <td>
                        <div class="table-actions">
                            <a href="{{ route('pks.show',$document) }}" target="_blank" class="btn btn-outline-primary btn-sm">
                                <i class="ti ti-file"></i>
                                Buka
                            </a>
                            <form action="{{ route('pks.destroy',$document) }}" method="POST" class="m-0">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-outline-danger btn-icon btn-sm" type="submit" onclick="return confirm('Hapus dokumen PKS ini?')">
                                    <i class="ti ti-trash"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="4">
                        <div class="empty-state">
                            <i class="ti ti-file-off"></i>
                            <strong>Belum ada PKS.</strong>
                            <span>Upload dokumen PKS setelah data mitra tersedia.</span>
                        </div>
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="pagination-wrap">{{ $documents->links() }}</div>

@endsection