@extends('layouts.admin')

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

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">Position Management</h1>
            <p class="text-muted">Manage job positions and openings</p>
        </div>
        <div>
            <a href="{{ route('admin.positions.create') }}" class="btn btn-primary">
                <i class="fas fa-plus me-2"></i>Create Position
            </a>
        </div>
    </div>

    <!-- Filters -->
    <div class="card shadow mb-4">
        <div class="card-body">
            <form method="GET" action="{{ route('admin.positions.index') }}" class="row g-3">
                <div class="col-md-3">
                    <label for="search" class="form-label">Search</label>
                    <input type="text" class="form-control" id="search" name="search" 
                           value="{{ request('search') }}" placeholder="Search positions...">
                </div>
                <div class="col-md-2">
                    <label for="status" class="form-label">Status</label>
                    <select class="form-select" id="status" name="status">
                        <option value="">All Statuses</option>
                        @foreach(\App\Models\Position::getStatuses() as $key => $label)
                            <option value="{{ $key }}" {{ request('status') === $key ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="position_type" class="form-label">Type</label>
                    <select class="form-select" id="position_type" name="position_type">
                        <option value="">All Types</option>
                        @foreach(\App\Models\Position::getPositionTypes() as $key => $label)
                            <option value="{{ $key }}" {{ request('position_type') === $key ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="department_id" class="form-label">Department</label>
                    <select class="form-select" id="department_id" name="department_id">
                        <option value="">All Departments</option>
                        @foreach($departments as $department)
                            <option value="{{ $department->id }}" {{ request('department_id') == $department->id ? 'selected' : '' }}>
                                {{ $department->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">&nbsp;</label>
                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-search me-1"></i>Filter
                        </button>
                        <a href="{{ route('admin.positions.index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-times me-1"></i>Clear
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Positions Table -->
    <div class="card shadow">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                Positions ({{ $positions->total() }} total)
            </h6>
        </div>
        <div class="card-body">
            @if($positions->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Title</th>
                                <th>Code</th>
                                <th>Department</th>
                                <th>Type</th>
                                <th>Level</th>
                                <th>Status</th>
                                <th>Deadline</th>
                                <th>Applications</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($positions as $position)
                            <tr>
                                <td>
                                    <div class="fw-bold">{{ $position->title }}</div>
                                    @if($position->is_featured)
                                        <span class="badge bg-warning badge-sm">Featured</span>
                                    @endif
                                </td>
                                <td>
                                    <code>{{ $position->position_code }}</code>
                                </td>
                                <td>{{ $position->department->name ?? 'N/A' }}</td>
                                <td>
                                    <span class="badge bg-{{ $position->position_type_badge }}">
                                        {{ \App\Models\Position::getPositionTypes()[$position->position_type] ?? $position->position_type }}
                                    </span>
                                </td>
                                <td>{{ \App\Models\Position::getLevels()[$position->level] ?? $position->level }}</td>
                                <td>
                                    <span class="badge bg-{{ $position->status_badge }}">
                                        {{ ucfirst($position->status) }}
                                    </span>
                                    @if($position->is_expired)
                                        <br><small class="text-danger">Expired</small>
                                    @elseif($position->days_remaining <= 7)
                                        <br><small class="text-warning">{{ $position->days_remaining }} days left</small>
                                    @endif
                                </td>
                                <td>
                                    {{ $position->application_deadline->format('M d, Y') }}
                                </td>
                                <td>
                                    <span class="badge bg-info">{{ $position->applications_count }}</span>
                                </td>
                                <td>
                                    <div class="btn-group" role="group">
                                        <a href="{{ route('admin.positions.show', $position) }}" 
                                           class="btn btn-sm btn-outline-primary" title="View">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ route('admin.positions.edit', $position) }}" 
                                           class="btn btn-sm btn-outline-warning" title="Edit">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                        @if($position->canBeDeleted())
                                            <form method="POST" action="{{ route('admin.positions.destroy', $position) }}" 
                                                  class="d-inline" onsubmit="return confirm('Are you sure you want to delete this position?')">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        @else
                                            <button type="button" class="btn btn-sm btn-outline-danger" disabled 
                                                    title="Cannot delete position with applications">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="d-flex justify-content-center">
                    {{ $positions->appends(request()->query())->links() }}
                </div>
            @else
                <div class="text-center py-4">
                    <i class="fas fa-briefcase fa-3x text-muted mb-3"></i>
                    <h5 class="text-muted">No positions found</h5>
                    <p class="text-muted">No positions match your current filters.</p>
                    <a href="{{ route('admin.positions.create') }}" class="btn btn-primary">
                        <i class="fas fa-plus me-2"></i>Create First Position
                    </a>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection