@extends('layouts.panel')

@section('content')
    <div class="container-fluid">
        <h1 class="text-right mb-4">فرصت‌های شغلی</h1>

        @if(session('success'))
            <div class="alert alert-success text-right">
                {{ session('success') }}
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger text-right">
                {{ session('error') }}
            </div>
        @endif

        <!-- فرم ایجاد فرصت شغلی جدید -->
        <div class="mb-4 text-right">
            <form action="{{ route('panel.jobposts.store') }}" method="POST" class="form-inline">
                @csrf
                <div class="form-group mb-2">
                    <input type="text" name="title" class="form-control" placeholder="عنوان فرصت شغلی" required>
                </div>
                <div class="form-group mb-2">
                    <input type="text" name="description" class="form-control" placeholder="توضیحات فرصت شغلی">
                </div>
                <button type="submit" class="btn btn-primary mb-2 ml-2">ایجاد</button>
            </form>
        </div>

        <!-- نمایش لیست فرصت‌های شغلی -->
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr class="text-right">
                        <th>ردیف</th>
                        <th>عنوان فرصت شغلی</th>
                        <th>وضعیت</th>
                        <th class="text-center job-op-title">عملیات</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($jobPosts as $index => $jobPost)
                        <tr >
                            <td>{{ $index + 1 }}</td>
                            <td>{{ $jobPost->title }}</td>
                            <td>
                                @if($jobPost->active)
                                    <span class="badge badge-success">فعال</span>
                                @else
                                    <span class="badge badge-danger">غیرفعال</span>
                                @endif
                            </td>
                            <td class="text-left">
                                <!-- دکمه مشاهده -->
                                <a href="{{ route('panel.jobposts.show', $jobPost->id) }}"
                                    class="btn btn-info job-btns">مشاهده</a>
                                <!-- دکمه ویرایش -->
                                <a href="{{ route('panel.jobposts.edit', $jobPost->id) }}"
                                    class="btn btn-info job-btns">ویرایش</a>

                                <!-- دکمه تغییر وضعیت -->
                                <form action="{{ route('panel.jobposts.toggle', $jobPost->id) }}" method="POST" class="d-inline"
                                    onsubmit="return confirm('آیا مطمئنید می‌خواهید وضعیت این فرصت را تغییر دهید؟');">
                                    @csrf
                                    @method('PUT')
                                    @if($jobPost->active)
                                        <button type="submit" class="btn btn-warning job-btns">غیرفعال</button>
                                    @else
                                        <button type="submit" class="btn btn-success job-btns">فعال</button>
                                    @endif
                                </form>

                                <!-- دکمه حذف -->
                                <form action="{{ route('panel.jobposts.delete', $jobPost->id) }}" method="POST" class="d-inline"
                                    onsubmit="return confirm('آیا مطمئنید می‌خواهید این فرصت را حذف کنید؟');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger job-btns">حذف</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach

                    @if($jobPosts->isEmpty())
                        <tr>
                            <td colspan="4" class="text-center">هیچ فرصت شغلی یافت نشد.</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>


    </div>
@endsection