@extends('layouts.admin')

@section('title', 'Tempat PKL')

@push('head-scripts')
@vite('resources/css/leaflet.css')
@endpush

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>Tempat PKL</h2>
    <div class="d-flex gap-2">
        @can('view-any companies')
        <a href="{{ route('companies.export') }}" class="btn btn-success">Export Excel</a>
        @endcan
        @can('create companies')
        <a href="{{ route('companies.create') }}" class="btn btn-primary">+ Tambah Perusahaan</a>
        @endcan
    </div>
</div>

<x-alert />

<form method="GET" class="mb-3">
    <div class="input-group" style="max-width:400px;">
        <input type="text" name="search" class="form-control" placeholder="Cari perusahaan..." value="{{ request('search') }}">
        <button class="btn btn-outline-secondary" type="submit">Cari</button>
        @if(request('search'))
        <a href="{{ route('companies.index') }}" class="btn btn-outline-danger">Reset</a>
        @endif
    </div>
</form>

@php
    $hasCoords = $companies->contains(fn($c) => $c->latitude && $c->longitude);
@endphp

@if ($hasCoords)
<div class="card mb-4">
    <div class="card-body p-0">
        <div id="map" style="height: 400px; border-radius: var(--bs-card-border-radius);"></div>
    </div>
</div>

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const map = L.map('map').setView([-2.5, 118], 5);

        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '&copy; OpenStreetMap contributors',
        }).addTo(map);

        const bounds = [];
        @foreach ($companies as $company)
            @if ($company->latitude && $company->longitude)
                L.marker([{{ $company->latitude }}, {{ $company->longitude }}])
                    .addTo(map)
                    .bindPopup('<strong>' + @json($company->name) + '</strong><br>' + @json($company->address));
                bounds.push([{{ $company->latitude }}, {{ $company->longitude }}]);
            @endif
        @endforeach

        if (bounds.length > 1) {
            map.fitBounds(bounds, { padding: [50, 50] });
        } else if (bounds.length === 1) {
            map.setView(bounds[0], 13);
        }
    });
</script>
@endpush
@endif

<div class="card">
    <div class="card-body">
        <div class="table-responsive table-mobile-cards">
        <table class="table table-bordered table-hover">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Nama</th>
                    <th>Alamat</th>
                    <th>Pembimbing</th>
                    <th>Kapasitas</th>
                    <th>Status</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($companies as $company)
                <tr>
                    <td data-label="No">{{ $companies->firstItem() + $loop->index }}</td>
                    <td data-label="Nama">{{ $company->name }}</td>
                    <td data-label="Alamat">{{ Str::limit($company->address, 40) }}</td>
                    <td data-label="Pembimbing">
                        {{ $company->pic_name ?? '-' }}
                        @if ($company->pic_2_name) <br><small class="text-muted">{{ $company->pic_2_name }}</small> @endif
                    </td>
                    <td data-label="Kapasitas">{{ $company->capacity }} orang</td>
                    <td data-label="Status"><span class="badge bg-{{ $company->status === 'aktif' ? 'success' : 'danger' }}">{{ $company->status === 'aktif' ? 'Aktif' : 'Tidak Aktif' }}</span></td>
                    <td data-label="Aksi">
                        @can('update companies')
                        <a href="{{ route('companies.edit', $company) }}" class="btn btn-sm btn-warning">Edit</a>
                        @endcan
                        @can('delete companies')
                        <form method="POST" action="{{ route('companies.destroy', $company) }}" class="d-inline" onsubmit="return confirm('Hapus perusahaan ini? PERINGATAN: semua penempatan PKL, absensi, jurnal, bimbingan, dan nilai terkait juga akan terhapus permanen.')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">Hapus</button>
                        </form>
                        @endcan
                    </td>
                </tr>
                @empty
                <tr>
                    <td data-label="" colspan="7" class="text-center text-muted">Belum ada data perusahaan.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
        </div>
        {{ $companies->links() }}
    </div>
</div>
@endsection