@extends('layouts.app')

@section('title', 'Security Management')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-shield-lock"></i> Security Management</h2>
    <div class="d-flex gap-2">
        @if(auth()->user()->hasPermission('security.create'))
        <a href="{{ route('security.template') }}" class="btn btn-outline-dark"><i class="bi bi-download"></i> Template</a>
        <form method="POST" action="{{ route('security.import') }}" enctype="multipart/form-data" class="d-inline">
            @csrf
            <input type="file" name="file" required accept=".xlsx,.xls,.csv" class="d-none" id="securityImportFile" onchange="this.form.submit()">
            <button type="button" class="btn btn-yellow" onclick="document.getElementById('securityImportFile').click()"><i class="bi bi-upload"></i> Import</button>
        </form>
        @endif
        <a href="{{ route('security.create') }}" class="btn btn-primary"><i class="bi bi-plus-circle"></i> Add Personnel</a>
    </div>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show">
    {{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<form method="GET" class="mb-3">
    <div class="input-group">
        <input type="text" name="q" value="{{ $search ?? '' }}" class="form-control" placeholder="Search by name, phone, title, region or weapon...">
        <button class="btn btn-yellow" type="submit"><i class="bi bi-search"></i> Search</button>
        @if(!empty($search))
        <a href="{{ route('security.index') }}" class="btn btn-secondary">Clear</a>
        @endif
    </div>
</form>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Photo</th>
                        <th>Full Name</th>
                        <th>Phone</th>
                        <th>Title</th>
                        <th>Branch</th>
                        <th>Site</th>
                        <th>Region</th>
                        <th>Weapon</th>
                        <th>Weapon Serial</th>
                        <th>Weapon Image</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($personnel as $person)
                    <tr>
                        <td>
                            @if($person->staff_photo && file_exists(public_path($person->staff_photo)))
                            <img src="{{ asset($person->staff_photo) }}" width="45" height="45" style="object-fit:cover;border-radius:50%;" alt="Staff photo">
                            @else
                            <span class="text-muted">-</span>
                            @endif
                        </td>
                        <td><strong>{{ $person->full_name }}</strong></td>
                        <td>{{ $person->phone_number ?? '-' }}</td>
                        <td>{{ $person->title ?? '-' }}</td>
                        <td>{{ $person->branch?->name ?? '-' }}</td>
                        <td>{{ $person->site?->name ?? '-' }}</td>
                        <td>{{ $person->region ?? '-' }}</td>
                        <td>{{ $person->weapon_name ?? '-' }}@if($person->weapon_model) <small class="text-muted">({{ $person->weapon_model }})</small>@endif</td>
                        <td>{{ $person->weapon_serial ?? '-' }}</td>
                        <td>
                            @if($person->weapon_image && file_exists(public_path($person->weapon_image)))
                            <img src="{{ asset($person->weapon_image) }}" width="60" height="45" style="object-fit:cover;border-radius:4px;" alt="Weapon image">
                            @else
                            <span class="text-muted">-</span>
                            @endif
                        </td>
                        <td class="text-nowrap">
                            <a href="{{ route('security.show', $person) }}" class="btn btn-sm btn-outline-primary" title="View"><i class="bi bi-eye"></i></a>
                            <a href="{{ route('security.print', $person) }}" target="_blank" class="btn btn-sm btn-dark" title="Print"><i class="bi bi-printer"></i></a>
                            <a href="{{ route('security.edit', $person) }}" class="btn btn-sm btn-warning" title="Edit"><i class="bi bi-pencil"></i></a>
                            <form method="POST" action="{{ route('security.destroy', $person) }}" class="d-inline" onsubmit="return confirm('Delete {{ $person->full_name }}?');">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger" title="Delete"><i class="bi bi-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="11" class="text-center text-muted py-4">No security personnel found. Add one!</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($personnel->hasPages())
    <div class="card-footer">
        {{ $personnel->links() }}
    </div>
    @endif
</div>
@endsection