@extends('layouts.app')

@section('title')
    {{ __('messages_303.Post details') }}
@endsection

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('inc.breadcrumb', [
            'breadcrumb_items' => [
                __('messages.Home') => route('home'),
                __('messages_303.Jobs') => route('admin.job.index'),
                __('messages_303.Post details') => 'active',
            ],
        ])

        <!-- Basic Bootstrap Table -->
        <div class="card text-center">
            <div class="card-header py-2">
                <ul class="nav nav-pills card-header-pills" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a style="font: 50px"
                            class="nav-link {{ request('tab') == null || request('tab') == 'description' ? 'active' : '' }}"
                            href="{{ request()->fullUrlWithQuery(['tab' => 'description']) }}" >
                            {{ __('messages_303.Description') }}
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link {{ request('tab') == 'apply' ? 'active' : '' }}"
                            href="{{ request()->fullUrlWithQuery(['tab' => 'apply']) }}">
                            {{ __('messages_303.job applied') }}
                        </a>
                    </li>
                </ul>
            </div>
            <div class="card-body pt-3">
                <div class="tab-content p-0">

                    <div class="tab-pane fade {{ request('tab') == null || request('tab') == 'description' ? 'show active' : '' }}"
                    id="navs-pills-tab-home" role="tabpanel">
                    <div class="card-body pt-3">
                        <div class="tab-content p-0">
                            <div class="col-md-6 col-lg-12 mb-3">
                                <div class="card h-100">
                                    <img class="card-img-top" style="width: 400px; height: 400px; margin: 0 auto;" src="{{ asset($jobs->image) }}"
                                        alt="Card image cap">
                                    <div class="card-body">
                                        <h5 class="text-start"> {{ __('messages_303.job') }} : {{ $jobs->name }}</h5>
                                        <p class="text-start">
                                            {{ __('messages_303.Description') }} : {{ $jobs->details }}
                                        </p>
                                        <p class="text-start">
                                            {{ __('messages_303.place') }} : {{ $jobs->place }}
                                        </p>
                                        <p class="text-start">
                                            {{ __('messages_303.salary') }} : {{ $jobs->salary_from }} : {{ $jobs->salary_to }}
                                        </p>
                                        <p class="text-start">
                                            {{ __('messages_303.currency') }} : {{ $jobs->currency }}
                                        </p>
                                        @if ($jobs->job_type == 'full_time')
                                            <p class="text-start">
                                                {{ __('messages_303.job type') }} : {{ __('messages_303.full time') }}
                                            </p>
                                        @else
                                            <p class="text-start">
                                                {{ __('messages_303.job type') }} : {{ __('messages_303.part time') }}
                                            </p>
                                        @endif
                                        <hr>
                                        @foreach ($jobs->topics as $topic)
                                            <div class="col-auto mb-3">
                                                <div class="text-start">
                                                    <span class="badge bg-primary"
                                                        style="font-size: 18px;">{{ $topic->name }}</span>
                                                </div>
                                            </div>
                                        @endforeach
                                        <hr>
                                        @foreach ($jobs->responsibilities as $responsibility)
                                            <div class="col-auto mb-3">
                                                <div class="text-start">
                                                    <span class="badge bg-primary"
                                                        style="font-size: 18px;">{{ $responsibility->title }}</span>
                                                </div>
                                            </div>
                                        @endforeach

                                        @can('delete_jobs')
                                            <a data-url="{{ route('admin.job.delete', $jobs->id) }}"
                                                data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                                data-text_btn_cancel="{{ __('messages.Cancel') }}" data-method="delete"
                                                data-message="{{ __('messages.Are you sure you want to delete? You cannot undo it') }}"
                                                class="btn btn-danger waves-effect waves-light btn-action"
                                                href="javascript:void(0);">{{ __('messages_303.Job delete') }}<i class="ti ti-trash "></i></a>
                                        @endcan

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

                </div>

                <div class="tab-pane fade {{ request('tab') == 'apply' ? 'show active' : '' }}" id="navs-pills-tab-apply"
                    role="tabpanel">
                    <div class="card">
                        <div class="table-responsive text-nowrap">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>{{ __('messages_303.full_name') }}</th>
                                        <th>{{ __('messages_303.email') }}</th>
                                        <th>{{ __('messages_303.mobile_country_code') }}</th>
                                        <th>{{ __('messages_303.mobile') }}</th>
                                        <th>{{ __('messages_303.university_id') }}</th>
                                        <th>{{ __('messages_303.graduation_year') }}</th>
                                        <th>{{ __('messages_303.specialty_id') }}</th>
                                        <th>{{ __('messages_303.cv') }}</th>
                                    </tr>
                                </thead>
                                <tbody class="table-border-bottom-0">
                                    @php
                                        $i = 1;
                                        $skipCount = $data->perPage() * $data->currentPage() - $data->perPage();
                                    @endphp
                                    @include('inc.is_empty_data', [
                                        'var_check_empty' => $data,
                                        'var_check_empty_rows' => 10,
                                    ])

                                    @foreach ($data as $item)
                                        <tr>
                                            <th>{{ $skipCount + $i }}</th>
                                            @php $i++  @endphp


                                            <td>{{ $item->full_name }}</td>
                                            <td>{{ $item->email }}</td>
                                            <td>{{ $item->mobile_country_code }}</td>
                                            <td>{{ $item->mobile }}</td>
                                            <td>{{ $item->university?->name }}</td>
                                            <td>{{ $item->graduation_year }}</td>
                                            <td>{{ $item->specialty?->name }}</td>
                                            <td>
                                                <a href="{{ asset($item->cv) }}"
                                                    class="btn btn-outline-primary waves-effect text-primar" download
                                                    target="_blank">
                                                    <i class="ti ti-download"></i>{{ __('messages_303.Download file') }}
                                                </a>

                                            </td>
                                            <td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="m-3">
                                {{ $data->appends(Request::except(['_token']))->links() }}
                            </div>

                        </div>
                    </div>

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

        </div>
    </div>
@endsection