@extends('layouts.app')
@section('title', 'Daftar Perusahaan - FIN-ANALYSIS PRO')
@section('content')
<div>
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem">
        <div>
            <h1 class="page-title">Perusahaan</h1>
            <p class="page-subtitle">{{ $companies->count() }} perusahaan terdaftar</p>
        </div>
        <a href="{{ route('analysis.step1') }}" class="btn btn-primary">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
            Analisis Baru
        </a>
    </div>

    @if($companies->isEmpty())
    <div class="card" style="text-align:center;padding:4rem 2rem">
        <div style="width:56px;height:56px;background:#F1F5F9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#94A3B8" stroke-width="1.5"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
        </div>
        <h3 style="font-weight:700;color:#1E293B;margin-bottom:.375rem">Belum ada perusahaan</h3>
        <p style="color:#64748B;font-size:.875rem;margin-bottom:1.5rem">Mulai analisis untuk menambahkan perusahaan pertama</p>
        <a href="{{ route('analysis.step1') }}" class="btn btn-primary">Mulai Analisis</a>
    </div>
    @else
    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem">
        @foreach($companies as $company)
        @php
            $avgZ = round($company->avg_zscore ?? 0, 3);
            $cat  = $avgZ > 2.9 ? 'safe' : ($avgZ > 1.23 ? 'grey' : 'distress');
            $cs   = [
                'safe'     => ['bg'=>'#D1FAE5','color'=>'#065F46','label'=>'Zona Aman'],
                'grey'     => ['bg'=>'#FEF3C7','color'=>'#92400E','label'=>'Zona Waspada'],
                'distress' => ['bg'=>'#FEE2E2','color'=>'#991B1B','label'=>'Zona Berbahaya'],
            ][$cat];
        @endphp
        <div class="card" style="padding:1.5rem">
            {{-- Card Header --}}
            <div style="display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem">
                <div style="display:flex;align-items:center;gap:10px">
                    <div style="width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#1A56DB,#06B6D4);display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:1.1rem;flex-shrink:0">
                        {{ strtoupper(substr($company->company_name, 0, 1)) }}
                    </div>
                    <div>
                        <div style="font-weight:700;color:#1E293B;font-size:.9375rem">{{ Str::limit($company->company_name, 20) }}</div>
                        <div style="font-size:.75rem;color:#64748B">{{ $company->business_field }}</div>
                    </div>
                </div>
                <span style="background:{{ $cs['bg'] }};color:{{ $cs['color'] }};padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;flex-shrink:0">
                    {{ $cs['label'] }}
                </span>
            </div>

            {{-- Stats --}}
            <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:.625rem;margin-bottom:1.25rem">
                <div style="background:#F8FAFF;border-radius:8px;padding:.625rem;text-align:center">
                    <div style="font-size:.7rem;color:#64748B;margin-bottom:2px">Rata-rata Z</div>
                    <div style="font-size:.9375rem;font-weight:800;color:#1A56DB">{{ number_format($avgZ, 3) }}</div>
                </div>
                <div style="background:#F8FAFF;border-radius:8px;padding:.625rem;text-align:center">
                    <div style="font-size:.7rem;color:#64748B;margin-bottom:2px">Analisis</div>
                    <div style="font-size:.9375rem;font-weight:800;color:#1E293B">{{ $company->total_analyses }}</div>
                </div>
                <div style="background:#F8FAFF;border-radius:8px;padding:.625rem;text-align:center">
                    <div style="font-size:.7rem;color:#64748B;margin-bottom:2px">Terakhir</div>
                    <div style="font-size:.7rem;font-weight:700;color:#1E293B">{{ \Carbon\Carbon::parse($company->last_analysis)->format('d/m/Y') }}</div>
                </div>
            </div>

            {{-- Actions --}}
            <div style="display:flex;gap:.5rem">
                <a href="{{ route('companies.show', urlencode($company->company_name)) }}"
                   class="btn btn-primary btn-sm" style="flex:1;justify-content:center">
                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
                    Detail
                </a>
                <a href="{{ route('companies.edit', urlencode($company->company_name)) }}"
                   class="btn btn-secondary btn-sm" title="Edit">
                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
                </a>
                <form action="{{ route('companies.destroy', urlencode($company->company_name)) }}" method="POST"
                      onsubmit="return confirm('Hapus semua data {{ addslashes($company->company_name) }}?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm" title="Hapus">
                        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><path d="M10 11v6"/><path d="M14 11v6"/></svg>
                    </button>
                </form>
            </div>
        </div>
        @endforeach
    </div>
    @endif
</div>
@endsection