@extends('layouts.app')
@section('title', 'Companies')
@section('content')
<div class="page-header">
    <div class="page-title"><h1>Master Data <span class="text-muted fw-normal ms-2">/ Companies</span></h1></div>
    <div class="page-actions"><a href="{{ route('masters.companies.create') }}" class="btn btn-primary"><i class="ri-add-line me-1"></i> Create Company</a></div>
</div>
@include('components.breadcrumb', ['items' => [['label' => 'Dashboard', 'url' => route('dashboard')], ['label' => 'Master Data', 'url' => '#'], ['label' => 'Companies']]])

<div class="card shadow-sm">
    <div class="card-header"><h5 class="card-title mb-0">Company List</h5></div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover table-striped align-middle" id="companiesTable">
                <thead class="table-light">
                    <tr><th>#</th><th>Code</th><th>Name</th><th>CIN</th><th>GSTIN</th><th>PAN</th><th>Phone</th><th>Status</th><th class="text-center">Actions</th></tr>
                </thead>
                <tbody>
                    @forelse($companies as $co)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td><span class="badge bg-light text-dark">{{ $co->code }}</span></td>
                        <td class="fw-medium">{{ $co->name }}</td>
                        <td><code>{{ $co->cin ?? '-' }}</code></td>
                        <td><code>{{ $co->gstin ?? '-' }}</code></td>
                        <td><code>{{ $co->pan ?? '-' }}</code></td>
                        <td>{{ $co->phone ?? '-' }}</td>
                        <td><span class="badge bg-{{ $co->status == 'active' ? 'success' : 'danger' }}">{{ ucfirst($co->status) }}</span></td>
                        <td class="text-center">
                            <div class="dropdown"><button class="btn btn-sm btn-light" data-bs-toggle="dropdown"><i class="ri-more-2-fill"></i></button>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li><a class="dropdown-item" href="{{ route('masters.companies.edit', $co) }}"><i class="ri-edit-line me-2"></i>Edit</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li><form action="{{ route('masters.companies.destroy', $co) }}" method="POST" class="delete-form">@csrf @method('DELETE')<button type="submit" class="dropdown-item text-danger"><i class="ri-delete-bin-line me-2"></i>Delete</button></form></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="9" class="text-center py-4"><div class="text-muted"><i class="ri-building-2-line fs-1 d-block mb-2"></i>No companies found</div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    $('#companiesTable').DataTable({ responsive: true, pageLength: 25 });
    $('.delete-form').on('submit', function(e) { e.preventDefault(); Swal.fire({ title: 'Are you sure?', icon: 'warning', showCancelButton: true, confirmButtonColor: '#dc3545', confirmButtonText: 'Yes, delete it!' }).then((r) => { if (r.isConfirmed) this.submit(); }); });
});
</script>
@endpush