@extends('layout')
@section('title')
    <title>{{ __('translate.Job Applications') }}</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 two ">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>{{ __('translate.Serial') }}</th>
                                                <th>{{ __('translate.Name') }}</th>
                                                <th>{{ __('translate.Phone') }}</th>
                                                <th>{{ __('translate.Email') }}</th>
                                                <th>{{ __('translate.Status') }}</th>
                                                <th>{{ __('translate.Actions') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($job_requests as $index => $job_request)
                                                <tr>
                                                    <td>
                                                        {{ ++$index }}
                                                    </td>

                                                    <td>
                                                        <div class="taitel-name-item">
                                                            <div class="taitel-name-thumb-main">
                                                                <img src="{{ custom_asset($job_request?->user?->image, '30x30') }}"
                                                                    alt="thumb">
                                                            </div>
                                                            <p> {{ html_decode($job_request?->user?->name) }}</p>
                                                        </div>
                                                    </td>

                                                    <td>
                                                        {{ html_decode($job_request?->user?->phone) }}
                                                    </td>
                                                    <td>
                                                        {{ html_decode($job_request?->user?->email) }}
                                                    </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="#viewRejectionReason{{ $job_request->id }}">
                                                                    {{ __('translate.View rejection reason') }}
                                                                </button>
                                                            @endif
                                                        @endif
                                                    </td>

                                                    <td>

                                                        <div class="action-btn">
                                                            <a href="javascript:;" class="view-btn" data-bs-toggle="modal"
                                                                data-bs-target="#viewRequestDetail{{ $job_request->id }}">
                                                                <i class="fa-solid fa-eye"></i>
                                                            </a>

                                                            @if ($job_request->status == 'pending')
                                                                <a href="javascript:;" class="view-btn check-btn" onclick="applicationApproval({{ $job_request->id }})" title="{{ __('translate.Approve') }}">
                                                                    <i class="fa-solid fa-check"></i>
                                                                </a>
                                                                <a href="javascript:;" class="view-btn reject-btn" data-bs-toggle="modal" data-bs-target="#rejectApplication{{ $job_request->id }}" title="{{ __('translate.Reject') }}">
                                                                    <i class="fa-solid fa-xmark"></i>
                                                                </a>
                                                            @endif

                                                            <form action="{{ route('user.job-application-approval', $job_request->id) }}" class="d-none" method="post" id="approval_application_{{ $job_request->id }}">
                                                                @csrf
                                                                @method('PUT')
                                                            </form>

                                                        </div>

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

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

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

                        </div>
                    </div>


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


    @foreach ($job_requests as $index => $job_request)
        <!-- Candidate Details Modal -->
        <div class="modal candidate-modal fade" id="viewRequestDetail{{ $job_request->id }}" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">{{ __('translate.Application Details') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="candidate-modal-tabel">
                            <table>
                                <tbody>
                                    <tr>
                                        <td>{{ __('translate.Name') }}:</td>
                                        <td>{{ html_decode($job_request?->user?->name) }}</td>
                                    </tr>
                                    <tr>
                                        <td> {{ __('translate.Phone') }}:</td>
                                        <td>{{ html_decode($job_request?->user?->phone) }}</td>
                                    </tr>
                                    <tr>
                                        <td> {{ __('translate.Email') }}:</td>
                                        <td>{{ html_decode($job_request?->user?->email) }}</td>
                                    </tr>

                                    <tr>
                                        <td> {{ __('translate.Address') }}:</td>
                                        <td>{{ html_decode($job_request?->user?->address) }}</td>
                                    </tr>

                                    <tr>
                                        <td>{{ __('translate.Apply Date') }}:</td>
                                        <td>{{ $job_request->created_at->format('Y-m-d') }}</td>
                                    </tr>
                                    <tr>
                                        <td> {{ __('translate.Message') }}:</td>
                                        <td>{!! clean(nl2br(html_decode($job_request->description))) !!}</td>
                                    </tr>

                                    @if ($job_request?->user?->resume)
                                        <tr>
                                            <td> </td>
                                            <td>

                                                <a href="{{ resume_download_url($job_request?->user?->resume) }}" class="cv-button">
                                                    <span>
                                                        <i class="fa-solid fa-file-pdf"></i>
                                                    </span>
                                                    {{ __('translate.CV Download') }}
                                                </a>

                                            </td>
                                        </tr>
                                    @endif

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

                    </div>
                </div>
            </div>
        </div>
        @if ($job_request->rejection_reason)
        <div class="modal fade" id="viewRejectionReason{{ $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-0">{!! clean(nl2br(e($job_request->rejection_reason))) !!}</p>
                        @if ($job_request->rejected_at)
                            <small class="text-muted d-block mt-2">{{ __('translate.Rejected At') }}: {{ $job_request->rejected_at->format('Y-m-d H:i') }}</small>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        @endif

        @if ($job_request->status == 'pending')
        <div class="modal fade" id="rejectApplication{{ $job_request->id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <form action="{{ route('user.job-application-rejection', $job_request->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="modal-header">
                            <h5 class="modal-title">{{ __('translate.Reject application') }}</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted">{{ __('translate.Reject application help', ['name' => html_decode($job_request?->user?->name)]) }}</p>
                            <label class="form-label" for="rejection_reason_{{ $job_request->id }}">{{ __('translate.Rejection reason') }} <span class="text-danger">*</span></label>
                            <textarea class="form-control" id="rejection_reason_{{ $job_request->id }}" name="rejection_reason" rows="5" required minlength="10" maxlength="2000" placeholder="{{ __('translate.Enter application rejection reason') }}">{{ old('rejection_reason') }}</textarea>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('translate.Cancel') }}</button>
                            <button type="submit" class="btn btn-danger">{{ __('translate.Reject') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        @endif
    @endforeach

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

    @include('profile.logout')

</main>

@endsection

@push('js_section')
<script src="{{ asset('global/sweetalert/sweetalert2@11.js') }}"></script>

<script>
    "use strict";
        function applicationApproval(id){
            Swal.fire({
                title: "{{ __('translate.Want to approve this application ?') }}",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: "{{__('Yes, Approved It')}}",
                cancelButtonText: "{{__('Cancel')}}",
            }).then((result) => {
                if (result.isConfirmed) {
                    $("#approval_application_"+id).submit();
                }

            })
        }
    </script>

@endpush