@extends('layouts.app')

@section('content')
<div style="margin-top: 2rem;">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 2rem;">
        <h1>Manage Companies</h1>
        <div style="display:flex; gap: 1rem; align-items: center;">
            <form action="{{ route('companies.index') }}" method="GET" style="display: flex; gap: 0.5rem;">
                <input type="text" name="search" value="{{ request('search') }}" placeholder="Search Companies..." style="padding: 0.4rem; border: 1px solid #ddd; border-radius: 4px; min-width: 200px;">
                <button type="submit" class="btn" style="padding: 0.4rem 1rem;">Search</button>
                @if(request('search'))
                    <a href="{{ route('companies.index') }}" style="color: gray; text-decoration: none; padding-top: 0.5rem;">Clear</a>
                @endif
            </form>
            <a href="{{ route('companies.create') }}" class="btn">+ Add Company</a>
        </div>
    </div>

    <div class="card">
        <table>
            <thead>
                <tr>
                    <th>Company Name</th>
                    <th>Total Cheques</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($companies as $company)
                <tr>
                    <td>{{ $company->name }}</td>
                    <td>{{ $company->cheques->count() }}</td>
                    <td>
                        <a href="{{ route('companies.show', $company->id) }}" style="color: green; text-decoration: none; margin-right: 1rem; font-weight:bold;">View Cheques</a>
                        <a href="{{ route('companies.edit', $company->id) }}" style="color: blue; text-decoration: none; margin-right: 1rem;">Edit</a>
                        <form action="{{ route('companies.destroy', $company->id) }}" method="POST" style="display:inline;" onsubmit="return confirm('Are you sure?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" style="background:none; border:none; color:red; cursor:pointer; padding:0; font:inherit;">Delete</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="3" style="text-align: center; color: #6B7280;">No companies found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection