@extends('layouts.app')

@section('title', 'Owners')

@section('content')
<div class="d-flex align-items-center justify-content-between mb-4">
    <div>
        <h4 class="fw-bold mb-0">Owners</h4>
        <div class="text-muted small">Manage property owners and their KYC documents</div>
    </div>
    <a href="{{ route('admin.owner.create') }}" class="btn btn-primary">
        <i class="bi bi-person-plus me-1"></i> Add Owner
    </a>
</div>

{{-- Search --}}
<form method="GET" class="mb-3">
    <div class="input-group" style="max-width:380px">
        <input type="text" name="search" class="form-control"
               placeholder="Search by name, mobile or email…"
               value="{{ request('search') }}">
        <button class="btn btn-outline-secondary" type="submit">
            <i class="bi bi-search"></i>
        </button>
        @if(request('search'))
            <a href="{{ route('admin.owner.index') }}" class="btn btn-outline-secondary">
                <i class="bi bi-x-lg"></i>
            </a>
        @endif
    </div>
</form>

<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    @include('partials._sort_th', ['column' => 'name', 'label' => 'Name'])
                    <th>Mobile</th>
                    @include('partials._sort_th', ['column' => 'city', 'label' => 'City'])
                    <th class="text-center">For Sale</th>
                    <th class="text-center">For Rent</th>
                    @include('partials._sort_th', ['column' => 'created_at', 'label' => 'Added On'])
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($owners as $owner)
                <tr>
                    <td class="text-muted small">{{ $owner->id }}</td>
                    <td>
                        <a href="{{ route('admin.owner.show', $owner) }}" class="fw-medium text-decoration-none text-dark">
                            {{ $owner->name }}
                        </a>
                        @if($owner->email)
                            <div class="text-muted small">{{ $owner->email }}</div>
                        @endif
                    </td>
                    <td>{{ $owner->mobile }}</td>
                    <td>{{ $owner->city ?? '—' }}</td>
                    <td class="text-center">
                        <span class="badge bg-success-subtle text-success fw-normal">
                            {{ $owner->for_sale_count }}
                        </span>
                    </td>
                    <td class="text-center">
                        <span class="badge bg-info-subtle text-info fw-normal">
                            {{ $owner->for_rent_count }}
                        </span>
                    </td>
                    <td class="text-muted small">{{ $owner->created_at->format('d M Y') }}</td>
                    <td class="text-center">
                        <a href="{{ route('admin.owner.show', $owner) }}"
                           class="btn btn-sm btn-outline-secondary me-1" title="View">
                            <i class="bi bi-eye"></i>
                        </a>
                        <a href="{{ route('admin.owner.edit', $owner) }}"
                           class="btn btn-sm btn-outline-primary me-1" title="Edit">
                            <i class="bi bi-pencil"></i>
                        </a>
                        @if(Auth::user()->isAdmin())
                        <form action="{{ route('admin.owner.destroy', $owner) }}" method="POST" class="d-inline"
                              data-confirm="Delete {{ addslashes($owner->name) }}? This cannot be undone.">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger" title="Delete">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="8" class="text-center text-muted py-4">
                        No owners found.
                        @if(request('search'))
                            <a href="{{ route('admin.owner.index') }}">Clear search</a>
                        @endif
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($owners->hasPages())
    <div class="card-footer bg-white border-0 pt-0 pb-3 px-3">
        {{ $owners->links() }}
    </div>
    @endif
</div>
@endsection