@extends('layouts.app')

@section('title', 'Vehicle Owners')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-person-vcard"></i> Vehicle Owners</h2>
    @if(auth()->user()->hasPermission('owners.create'))
    <a href="{{ route('owners.create') }}" class="btn btn-yellow">
        <i class="bi bi-plus-circle"></i> Add Owner
    </a>
    @endif
</div>

<div class="card mb-4">
    <div class="card-body">
        <form method="GET" class="row g-3">
            <div class="col-md-5">
                <input type="text" name="search" class="form-control" placeholder="Search name, code, ID or phone..." value="{{ request('search') }}">
            </div>
            <div class="col-md-3">
                <select name="verification_status" class="form-select">
                    <option value="">All Verification</option>
                    @foreach(['verified', 'pending', 'unverified'] as $status)
                    <option value="{{ $status }}" {{ request('verification_status') == $status ? 'selected' : '' }}>{{ ucfirst($status) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-yellow w-100">Filter</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>Photo</th>
                    <th>Code</th>
                    <th>Name</th>
                    <th>ID Number</th>
                    <th>Phone</th>
                    <th>Vehicles</th>
                    <th>Docs</th>
                    <th>Verification</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($owners as $owner)
                <tr>
                    <td>
                        @if($owner->photograph_path)
                        <a href="{{ \App\Support\FileUploads::url($owner->photograph_path) }}" target="_blank" rel="noopener">
                            <img src="{{ \App\Support\FileUploads::url($owner->photograph_path) }}" alt="" class="rounded" style="width:40px; height:40px; object-fit:cover;">
                        </a>
                        @else
                        <span class="text-muted"><i class="bi bi-person-circle fs-4"></i></span>
                        @endif
                    </td>
                    <td><code>{{ $owner->owner_code }}</code></td>
                    <td>{{ $owner->full_name }}@if($owner->organization)<br><small class="text-muted">{{ $owner->organization }}</small>@endif</td>
                    <td>{{ $owner->identification_number ?? '-' }}</td>
                    <td>{{ $owner->contact_phone ?? '-' }}</td>
                    <td><span class="badge bg-info">{{ $owner->vehicles_count }}</span></td>
                    <td><span class="badge bg-secondary">{{ count($owner->documents ?? []) }}</span></td>
                    <td>
                        <span class="badge @if($owner->verification_status === 'verified') bg-success @elseif($owner->verification_status === 'pending') bg-warning @else bg-secondary @endif">
                            {{ ucfirst($owner->verification_status) }}
                        </span>
                    </td>
                    <td>
                        @if(auth()->user()->hasPermission('owners.edit'))
                        <a href="{{ route('owners.edit', $owner) }}" class="btn btn-sm btn-warning"><i class="bi bi-pencil"></i></a>
                        @endif
                        @if(auth()->user()->hasPermission('owners.delete'))
                        <form method="POST" action="{{ route('owners.destroy', $owner) }}" class="d-inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Delete this owner?')">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="text-center">No owners found.</td></tr>
                @endforelse
            </tbody>
        </table>
        {{ $owners->links() }}
    </div>
</div>
@endsection