@extends('layout')
@section('title')
    <title>{{ __('translate.My Job Requests') }}</title>
@endsection
@section('body-content')

<main>
    <!-- dashboard-part-start -->
    <section class="dashboard footer-top-pad">
        <div class="container">
            <div class="row">
                @include('profile.sidebar')
                <div class=" col-xxl-9 col-xl-8 col-lg-8">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="dashbord-tabel dashboard-my-job-tabel my_job_post">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('translate.Job Post') }}</th>
                                            <th>{{ __('translate.Amount') }}</th>
                                            <th>{{ __('translate.Date') }}</th>
                                            <th>{{ __('translate.Status') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @forelse ($job_requests as $index => $job_request)
                                            <tr>
                                                <td>
                                                    <div class="taitel-name-item">
                                                        <div class="taitel-name-thumb-main">
                                                            <div class="taitel-name-thumb">
                                                                <img src="{{ custom_asset($job_request?->listing?->thumb_image, '30x30') }}"
                                                                    alt="thumb">
                                                            </div>
                                                        </div>
                                                        <a href="{{ listing_url($job_request?->listing) }}">{{ html_decode($job_request?->listing?->title) }}</a>
                                                    </div>
                                                </td>

                                                <td>
                                                    {{ currency($job_request?->listing?->regular_price) }}
                                                </td>

                                                <td>
                                                    {{ $job_request->created_at->format('Y-m-d') }}
                                                </td>

                                                <td>

                                                    @if ($job_request->status == 'approved')
                                                        <button type="button" class="active-btn">{{ __('translate.Hired') }}</button>
                                                    @elseif ($job_request->status == 'pending')
                                                        <button type="button" class="active-btn close-btn">{{ __('translate.Pending') }}</button>
                                                    @else
                                                        <button type="button" class="active-btn close-btn">{{ __('translate.Rejected') }}</button>
                                                        @if ($job_request->rejection_reason)
                                                            <button type="button" class="btn btn-link btn-sm p-0 mt-1 d-block" data-bs-toggle="modal" data-bs-target="#myRequestRejection{{ $job_request->id }}">
                                                                {{ __('translate.View rejection reason') }}
                                                            </button>
                                                        @endif
                                                    @endif


                                                </td>

                                            </tr>
                                        @empty
                                            <tr class="not_found">
                                                <td colspan="2">{{ __('translate.Job Request Not Found') }}</td>
                                            </tr>
                                        @endforelse

                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            @if ($job_requests->hasPages())
                                {{ $job_requests->links('pagination-box') }}
                            @endif
                        </div>
                    </div>
                </div>


            </div>
        </div>
        </div>
    </section>

    @foreach ($job_requests as $job_request)
        @if ($job_request->rejection_reason)
        <div class="modal fade" id="myRequestRejection{{ $job_request->id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('translate.Rejection reason') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <p class="mb-2"><strong>{{ html_decode($job_request?->listing?->title) }}</strong></p>
                        <p class="mb-0">{!! clean(nl2br(e($job_request->rejection_reason))) !!}</p>
                        @if ($job_request->rejected_at)
                            <small class="text-muted d-block mt-2">{{ __('translate.Application rejected at') }}: {{ $job_request->rejected_at->format('Y-m-d H:i') }}</small>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        @endif
    @endforeach

    <!-- dashboard-part-end -->

    @include('profile.logout')

</main>

@endsection