@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <h4 class="mb-0"><i class="fas fa-building me-2 text-primary"></i> Companies</h4>
      <small class="text-muted">Clients and partners</small>
    </div>
    <a href="{{ route('companies.create') }}" class="btn btn-primary">
      <i class="fas fa-plus me-2"></i> New Company
    </a>
  </div>

  {{-- Search --}}
  <form method="GET" action="{{ route('companies.index') }}" class="mb-3">
    <div class="row g-2">
      <div class="col-md-6">
        <input type="text" name="q" value="{{ request('q') }}" class="form-control" placeholder="Search by name, contact, phone, or email...">
      </div>
      <div class="col-md-6 d-flex gap-2">
        <button class="btn btn-outline-secondary" type="submit"><i class="fas fa-search me-1"></i> Search</button>
        @if(request('q'))
          <a href="{{ route('companies.index') }}" class="btn btn-outline-dark"><i class="fas fa-times me-1"></i> Clear</a>
        @endif
      </div>
    </div>
  </form>

  <div class="table-responsive">
    <table class="table table-hover table-striped align-middle mb-0 bg-white">
      <thead class="bg-light">
        <tr>
          <th style="width:72px">#</th>
          <th>Name</th>
          <th>Contact</th>
          <th>Email</th>
          <th>Phone</th>
          <th style="width:130px">Actions</th>
        </tr>
      </thead>
      <tbody>
        @forelse($companies as $c)
          <tr>
            <td>{{ $c->id }}</td>
            <td>
              <a href="{{ route('companies.show', $c) }}" class="text-dark text-decoration-none fw-semibold">
                {{ $c->name }}
              </a>
              @if($c->address)
                <div class="small text-muted">{{ Str::limit($c->address, 60) }}</div>
              @endif
            </td>
            <td>{{ $c->contact_person ?: '—' }}</td>
            <td>
              @if($c->email)
                <a href="mailto:{{ $c->email }}">{{ $c->email }}</a>
              @else
                —
              @endif
            </td>
            <td>{{ $c->phone ?: '—' }}</td>
            <td>
              <div class="btn-group" role="group">
                <a href="{{ route('companies.show', $c) }}" class="btn btn-sm btn-outline-primary" title="View">
                  <i class="fas fa-eye"></i>
                </a>
                <a href="{{ route('companies.edit', $c) }}" class="btn btn-sm btn-outline-secondary" title="Edit">
                  <i class="fas fa-edit"></i>
                </a>
                <form action="{{ route('companies.destroy', $c) }}" method="POST" onsubmit="return confirm('Delete this company?');">
                  @csrf
                  @method('DELETE')
                  <button class="btn btn-sm btn-outline-danger" title="Delete">
                    <i class="fas fa-trash"></i>
                  </button>
                </form>
              </div>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="6" class="text-center py-5 text-muted">No companies found.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div class="mt-3">
    {{ $companies->withQueryString()->links() }}
  </div>
</div>
@endsection