@extends('layouts.app')

@section('title', 'Manage Listings')

@section('content')
<div class="container-fluid">
    <div class="inside-body-campus">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-2 py-3">
                        <h3 class="m-0" >Jobs Management</h3>
                        <div class="card-tools">
                            <a href="{{ route('admin.jobs.createJob') }}" class="btn btn-primary ">
                                <i class="fas fa-plus"></i> Add New job
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <!-- Filters -->
                        <form method="GET" action="{{ route('all.roles.jobs') }}" class="mb-4">
                            <div class="row g-3">

                                <!-- Search -->
                                <div class="col-sm-6 col-md-4 col-xxl-3">
                                    <input type="text" name="search" class="form-control"
                                        placeholder="Search jobs..." value="{{ request('search') }}">
                                </div>

                                <!-- Status -->
                                <div class="col-sm-6 col-md-3 col-xxl-2">
                                    <select name="status" class="form-select">
                                        <option value="">All Status</option>
                                        <option value="published" {{ request('status') == 'published' ? 'selected' : '' }}>Published</option>
                                        <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>Draft</option>
                                        <option value="closed" {{ request('status') == 'Closed' ? 'selected' : '' }}>Expired</option>
										<option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved</option>
										<option value="rejected" {{ request('status') == 'rejected' ? 'selected' : '' }}>Rejected</option>
                                    </select>
                                </div>

                                <!-- Job Type -->
                                <div class="col-sm-6 col-md-3 col-xxl-2">
                                    <select name="job_type" class="form-select">
                                        <option value="">All Job Types</option>
                                        <option value="full_time" {{ request('job_type') == 'full_time' ? 'selected' : '' }}>Full Time</option>
                                        <option value="part_time" {{ request('job_type') == 'part_time' ? 'selected' : '' }}>Part Time</option>
                                        <option value="contract" {{ request('job_type') == 'contract' ? 'selected' : '' }}>Contract</option>
                                        <option value="internship" {{ request('job_type') == 'internship' ? 'selected' : '' }}>Internship</option>
                                        <option value="freelance" {{ request('job_type') == 'freelance' ? 'selected' : '' }}>Freelance</option>
                                    </select>
                                </div>

                                <!-- Work Mode -->
                               <!-- <div class="col-sm-6 col-md-3 col-xxl-2">
                                    <select name="work_mode" class="form-select">
                                        <option value="">All Modes</option>
                                        <option value="remote" {{ request('work_mode') == 'remote' ? 'selected' : '' }}>Remote</option>
                                        <option value="onsite" {{ request('work_mode') == 'onsite' ? 'selected' : '' }}>Onsite</option>
                                        <option value="hybrid" {{ request('work_mode') == 'hybrid' ? 'selected' : '' }}>Hybrid</option>
                                    </select>
                                </div> -->

                                <!-- Salary Range -->
                                <div class="col-sm-6 col-md-3 col-xxl-2">
                                    <input type="number" name="salary_min" class="form-control"
                                        placeholder="Min Salary" value="{{ request('salary_min') }}">
                                </div>

                                <div class="col-sm-6 col-md-3 col-xxl-2">
                                    <input type="number" name="salary_max" class="form-control"
                                        placeholder="Max Salary" value="{{ request('salary_max') }}">
                                </div>

                                <!-- Buttons -->
                                <div class="col-12 col-md-6 col-xxl-3 d-flex gap-2">
                                    <button type="submit" class="btn btn-primary w-100">Filter</button>
                                    <a href="{{ route('all.roles.jobs') }}" class="btn btn-secondary w-100">Reset</a>
                                </div>

                            </div>
                        </form>

                        <!-- Listings Table -->
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Image</th>
                                        <th>Job Title</th>
                                        <th>Centre Name</th>
                                        <th>Location</th>
                                        <th>Job Type</th>
                                        <th>Application</th>
                                       <!--- <th>Work Mode</th>
                                        <th>Salary</th> --->
                                        <th>Status</th>
                                        <th>Posted</th>
                                        <th width="140">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($jobs as $job)
                                    <tr>
                                        <td>{{ $job->id }}</td>

                                        <!-- Image -->
                                        <td>
                                            @if($job->featuredImage)
                                                <img src="{{ asset('storage/'.$job->featuredImage->file_path) }}"
                                                    width="50" height="50"
                                                    style="object-fit:cover;border-radius:6px;">
                                            @else
                                                <div class="bg-light d-flex align-items-center justify-content-center"
                                                    style="width:50px;height:50px;border-radius:6px;">
                                                    <i class="fas fa-image text-muted"></i>
                                                </div>
                                            @endif
                                        </td>

                                        <!-- Title -->
                                        <td>
                                            <strong>{{ $job->title }}</strong><br>
                          <small class="text-muted">{!! Str::limit($job->description, 50) !!}</small>
                                        </td>

										<!-- Center Name -->
                                        <td>
                                            <strong>-----</strong>
                                        </td>
										
										<!-- Location -->
                                        <td>
                                          {{ $job->address }}
                                        </td>
										
                                        <!-- Job Type -->
                                        <td>
                                            <span class="badge bg-info text-dark">
                                                {{ ucfirst(str_replace('_',' ',$job->job_type)) }}
                                            </span>
                                        </td>
										
										 <td>
                                            <strong>-----</strong>
                                        </td>
										

                                        <!-- Work Mode -->
                                       <!--- <td>
                                            <span class="badge bg-secondary">
                                                {{ ucfirst($job->work_mode) }}
                                            </span>
                                        </td>  -->

                                        <!-- Salary -->
                                       <!--- <td>
                                            @if($job->salary_min && $job->salary_max)
                                                ${{ number_format($job->salary_min) }} -
                                                ${{ number_format($job->salary_max) }}
                                            @else
                                                <span class="text-muted">Not Disclosed</span>
                                            @endif
                                        </td>  -->

                                        <!-- Status -->
                                        <td>
                                            @php
                                                $statusClass = [
												'published' => 'success',  // Green
												'draft'     => 'secondary', // Gray
												'closed'    => 'dark',      // Black/Dark Gray
												'approved'  => 'primary',   // Blue
												'rejected'  => 'danger',    // Red
											];
                                            @endphp

                                            <span class="badge bg-{{ $statusClass[$job->status] ?? 'secondary' }}">
                                                {{ ucfirst($job->status) }}
                                            </span>
                                        </td>

                                        <!-- Date -->
                                        <td>{{ $job->created_at->format('d M Y') }}</td>

                                        <!-- Actions -->
                                        <td>
                                            <a href="{{ route('admin.job.show',$job->id) }}"
                                            class="btn btn-sm btn-info">
                                                <i class="fas fa-eye"></i>
                                            </a>

                                            <a href="{{ route('admin.edit.jobs',$job->id) }}"
                                            class="btn btn-sm btn-primary">
                                                <i class="fas fa-edit"></i>
                                            </a>

                                               <form id="delete-form-{{ $job->id }}"
                                                action="{{ route('admin.jobs.destroy', $job->id) }}"
                                                method="POST"
                                                style="display:none;">
                                                @csrf
                                                @method('DELETE')
                                            </form>
 
                                            <button type="button"
                                                    class="btn btn-danger btn-sm delete-btn"
                                                    data-id="{{ $job->id }}">
                                               <i class="fas fa-trash"></i>
                                            </button>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="10" class="text-center text-muted">
                                            No jobs found
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>

                            
                        </div>

                        <!-- Pagination -->
                        <div class="mt-3">
                            {{ $jobs->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
$(document).on('click', '.delete-btn', function () {
    let jobId = $(this).data('id');

    Swal.fire({
        title: 'Are you sure?',
        text: "This job and all related media will be permanently deleted!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Yes, delete it!',
        cancelButtonText: 'Cancel',
    }).then((result) => {
        if (result.isConfirmed) {
            document.getElementById('delete-form-' + jobId).submit();
        }
    });
});
</script>

@endsection