@extends('layouts.app')

@section('title', 'Detail Mitra')

@section('content')
<div class="erp-pagebar">
    <div>
        <h1 class="erp-page-title">Detail Mitra</h1>
        <p class="erp-page-subtitle">Ringkasan profil, PIC, dan hubungan mitra dengan proyek.</p>
    </div>

    <div class="erp-actions">
        <a class="btn btn-secondary" href="{{ route('mitra.index') }}">Kembali</a>
        <a class="btn btn-primary" href="{{ route('mitra.edit', $item->id_mitra) }}">Edit</a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

<div class="grid grid-2">
    <div class="card erp-card">
        <div class="card-header erp-card-header"><strong>Informasi Mitra</strong></div>
        <div class="card-body erp-card-body">
            <table class="table erp-table">
                <tr><th style="width:180px;">Kode Mitra</th><td>{{ $item->kode_mitra ?? '-' }}</td></tr>
                <tr><th>Nama Mitra</th><td><strong>{{ $item->nama_mitra ?? '-' }}</strong></td></tr>
                <tr><th>Tipe Mitra</th><td>{{ $item->tipe_mitra ?? '-' }}</td></tr>
                <tr><th>Badan Usaha</th><td>{{ $item->badan_usaha ?? '-' }}</td></tr>
                <tr>
                    <th>Status</th>
                    <td>
                        @php $status = $item->status ?? 'Aktif'; @endphp
                        <span class="badge {{ $status === 'Blacklist' ? 'badge-danger' : ($status === 'Nonaktif' ? 'badge-warning' : 'badge-info') }}">
                            {{ $status }}
                        </span>
                    </td>
                </tr>
            </table>
        </div>
    </div>

    <div class="card erp-card">
        <div class="card-header erp-card-header"><strong>PIC Utama</strong></div>
        <div class="card-body erp-card-body">
            <table class="table erp-table">
                <tr><th style="width:180px;">Nama PIC</th><td><strong>{{ $primaryPic->nama_pic ?? '-' }}</strong></td></tr>
                <tr><th>Jabatan</th><td>{{ $primaryPic->jabatan ?? '-' }}</td></tr>
                <tr><th>No HP</th><td>{{ $primaryPic->no_hp ?? '-' }}</td></tr>
                <tr><th>Email</th><td>{{ $primaryPic->email ?? '-' }}</td></tr>
            </table>
        </div>
    </div>
</div>

<div class="grid grid-2" style="margin-top:16px;">
    <div class="card erp-card">
        <div class="card-header erp-card-header"><strong>Kontak & Lokasi Perusahaan</strong></div>
        <div class="card-body erp-card-body">
            <table class="table erp-table">
                <tr><th style="width:180px;">Telepon</th><td>{{ $item->telepon ?? '-' }}</td></tr>
                <tr><th>Email</th><td>{{ $item->email ?? '-' }}</td></tr>
                <tr><th>NPWP</th><td>{{ $item->npwp ?? '-' }}</td></tr>
                <tr><th>Kota</th><td>{{ $item->kota ?? '-' }}</td></tr>
                <tr><th>Provinsi</th><td>{{ $item->provinsi ?? '-' }}</td></tr>
            </table>
        </div>
    </div>

    <div class="card erp-card">
        <div class="card-header erp-card-header"><strong>Ringkasan Relasi Proyek</strong></div>
        <div class="card-body erp-card-body">
            <div style="font-size:13px;color:#64748b;">Total Proyek Terkait</div>
            <div style="font-size:28px;font-weight:700;margin-bottom:8px;">{{ $totalProyek ?? 0 }}</div>
            <div style="font-size:13px;color:#64748b;">Rencana Lanjutan</div>
            <div>SPK Mitra, Progress Mitra, Evaluasi Mitra, dan Pembayaran Mitra.</div>
        </div>
    </div>
</div>

<div class="card erp-card" style="margin-top:16px;">
    <div class="card-header erp-card-header"><strong>Alamat</strong></div>
    <div class="card-body erp-card-body">{{ $item->alamat ?? '-' }}</div>
</div>

<div class="card erp-card" style="margin-top:16px;">
    <div class="card-header erp-card-header" style="display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;">
        <strong>Daftar PIC Mitra</strong>
        <span style="font-size:12px;color:#64748b;">CRUD banyak PIC bisa dilanjutkan lewat MitraPicController.</span>
    </div>

    <div class="table-wrap erp-table-wrap">
        <table class="table erp-table">
            <thead>
                <tr>
                    <th>Nama PIC</th>
                    <th>Jabatan</th>
                    <th>No HP</th>
                    <th>Email</th>
                    <th>Primary</th>
                </tr>
            </thead>
            <tbody>
                @forelse($pics as $pic)
                    <tr>
                        <td><strong>{{ $pic->nama_pic ?? '-' }}</strong></td>
                        <td>{{ $pic->jabatan ?? '-' }}</td>
                        <td>{{ $pic->no_hp ?? '-' }}</td>
                        <td>{{ $pic->email ?? '-' }}</td>
                        <td>
                            @if((int)($pic->is_primary ?? 0) === 1)
                                <span class="badge badge-info">Utama</span>
                            @else
                                -
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" style="text-align:center;padding:20px;">Belum ada PIC mitra.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection