@extends('organizations.layouts.default')
@section('title')
    / Apply
@endsection
@section('content')
    <main class="overflow-scroll no-scrollbar mb-10">
        <div class="max-w-screen-2xl mx-auto p-2 md:p-2 2xl:p-4">
            {!! htmlScriptTagJsApi() !!}
            <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
                <nav>
                    <ol class="flex gap-2 text-title-sm">
                        <li><a href="{{ route('organization.dashboard') }}">{{ __('menu.Dashboard') }} /</a></li>
                        <li class="text-primary">
                            <a href="{{ route('organization.rosters.recommended') }}">{{ __('menu.' . $title) }}</a>
                        </li>
                        @if ('title')
                            <li class="text-blue-900">
                                @yield('title')
                            </li>
                        @endif
                    </ol>
                </nav>
                <a href="{{ route('organization.rosters.recommended') }}"
                    class="bg-danger hover:bg-red-500 py-1 px-3 rounded-md text-white"><i
                        class="bi bi-arrow-left-square me-2"></i>Go Back</a>
            </div>
            <hr class="my-3">
            <div class="bg-white dark:bg-boxdark overflow-hidden rounded-md p-6">
                @if ($model->end_date > now())
                    @if ($has_applied)
                        @if ($has_applied->app_status == 1)
                            <div class="flex justify-end items-center">
                                <span class="text-red-500"> Application Status: Draft</span>
                                <a href="{{ route('organization.rosters.applied.edit', $has_applied->id) }}"
                                    class="p-2 m-2 bg-brandBlue rounded text-white text-center"> Please complete your
                                    application</a>
                            </div>
                        @elseif($has_applied->app_status == 2)
                            <div class="flex justify-between gap-2 mb-2">
                                <div>
                                    Application Status:
                                    <span class="bg-brandBlue rounded text-white p-1">Applied</span>
                                </div>
                                <div class="flex">
                                    <a title="View Application"
                                        class="bg-purple-600 rounded mx-2 text-white text-center px-2 py-1"
                                        href="{{ route('organization.rosters.applied.show', $has_applied->id) }}"><i
                                            class="bi bi-eye"></i></a>
                                    <x-modal :heading="'Are you sure you want to edit?'" :class="'bg-primary rounded text-white text-center px-2 py-1'" :message="'Note: The application status will change to Draft.'" :type="'anchor'"
                                        :route="route('organization.rosters.applied.edit', $has_applied->id)" :icon="'pencil'">
                                        Edit
                                    </x-modal>
                                </div>
                            </div>
                        @endif
                    @else
                        <div class="flex justify-between">
                            <div>
                                Application Status:
                                <span class="bg-warning rounded text-white p-1">Not Applied</span>
                            </div>
                            <a href="{{ route('organization.rosters.express.interest', $model->id) }}"
                                class="py-1 px-2 mb-2 bg-brandBlue hover:bg-blue-700 rounded text-white text-center">
                                {{ __('form.Apply') }}
                            </a>
                        </div>
                    @endif
                @else
                    <span class="font-semibold">
                        Expired :
                    </span>
                    {{ $model->end_date->diffForHumans(now()) }}
                @endif
                <hr>
                <div class="mt-4 mb-4 md:text-center">
                    <div class="text-xl font-semibold">{{ $model->roster_title }} </div>
                </div>
                <div class="grid md:grid-cols-3 md:text-center">
                    <div class="flex gap-2">
                        <img src="{{ asset($model->organization->org_logo) }}" class="inline-flex items-center h-10"
                            alt="">
                        <span class="inline-flex items-center">
                            {{ $model->organization->name ?? '-' }}
                        </span>
                    </div>
                    <div class="py-3">
                        <span class="font-semibold">Publish Date:</span> {{ $model->start_date->format('Y-m-d') }}
                    </div>
                    <div class="py-3">
                        <span class="font-semibold">Expiry Date:</span> {{ $model->end_date->format('Y-m-d') }}
                    </div>
                </div>
                <div class="mt-2">
                    @if ($model->lang == 'np')
                        <p class="font-semibold text-xl">निबेदन पेस गर्ने प्रक्रिया</p>
                    @else
                        <p class="font-semibold text-xl">Application Submission Methods</p>
                    @endif
                </div>
                <div class="grid grid-cols-3 gap-2">
                    @if ($model->lang == 'np')
                        <div>
                            <p class="font-semibold">अनलाईन आबेदन दिन सकिने</p>
                            <p>Aplly from www.tornepal.com</p>
                        </div>
                        @if ($model->apply_email == 1)
                            <div>
                                <p class="font-semibold">Send into Email</p>
                                <p>इमेलमा आबेदन पठाउन सकिने {{ $model->submission_email }}</p>
                            </div>
                        @endif
                        @if ($model->apply_offline == 1)
                            <div>
                                <p class="font-semibold">Submit application in office:</p>
                                <p>{{ $model->organization->name ?? '-' }}</p>
                                <p>
                                    {{ $model->submission_address }}
                                </p>
                            </div>
                        @endif
                    @else
                        <div>
                            <p class="font-semibold underline">Apply Online</p>
                            <p>Aplly from www.tornepal.com</p>
                        </div>
                        @if ($model->apply_email == 1)
                            <div>
                                <p class="font-semibold underline">Send into Email</p>
                                <p>Please send application at {{ $model->submission_email }}</p>
                            </div>
                        @endif
                        @if ($model->apply_offline == 1)
                            <div>
                                <p class="font-semibold underline">Submit application in office:</p>
                                <p>{{ $model->organization->name ?? '-' }}</p>
                                <p>
                                    {{ $model->submission_address }}
                                </p>
                            </div>
                        @endif
                    @endif
                </div>
                @if ($model->medias)
                    <div class="py-3">
                        <span class="font-semibold">Related Document:</span> <a href="{{ asset($model->medias) }}"
                            target="_blank" class="text-blue-500" download>Download File</a>
                    </div>
                @endif

                <div>{!! $model->roster_details !!}</div>
            </div>


            <input type="hidden" name="roster_id" value="{{ $model->id }}">
            @if ($model->form_type == 1)
                <div class="bg-white dark:bg-boxdark overflow-hidden rounded-md p-6 mt-2" id="apply">
                    <div class="font-semibold text-2xl underline mb-1">तपसिल : वस्तु तथा सेबा कार्यहरु</div>
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-4">
                        @foreach (config('dropdown.roster_service_category') as $key => $category)
                            <div
                                class="bg-white dark:bg-boxdark overflow-hidden rounded-lg shadow-black shadow-1 hover:shadow-xl transition duration-300">
                                <div class="p-4">
                                    <h3 class="text-xl font-semibold text-gray-800 dark:text-gray-200">{{ $category }}
                                    </h3>
                                    <ul class="mt-2">
                                                                                @foreach ($model->rosterOpens->where('category_id', $key) as $ro)
                                            <li class="flex items-center py-1">1.
                                                {{ $ro->roster_service?->service_title ?? $ro->other_service }}
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

                <div class="bg-white dark:bg-boxdark overflow-hidden rounded-md p-6 mt-2">
                    <div class="font-semibold text-2xl underline mb-1">
                        {{ $model->lang == 'np' ? 'निबेदन साथ पेश गनु पर्ने कागजातहरु' : 'Required Documents along with Application' }}
                    </div>
                                        @foreach ($model->rosterDocuments as $doc)
                        <div class="grid grid-cols-1 gap-1">{{ $i++ }}. {{ $doc->document_title }}</div>
                    @endforeach
                    @if ($model->end_date > now())
                        <div class="flex justify-end">
                            @if (!$has_applied)
                                <a href="{{ route('organization.rosters.express.interest', $model->id) }}"
                                    class="text-white p-2 px-4 bg-brandBlue hover:bg-blue-800 rounded">
                                    {{ __('form.Apply') }}
                                </a>
                            @endif
                        </div>
                    @endif
                </div>
            @endif
        </div>
    </main>
@endsection