@extends('organizations.layouts.default')
@section('title')
    / Details
@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() !!}
            <!-- Breadcrumb Start -->
            <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-brandBlue">
                            My Tender Applications
                        </li>
                    </ol>
                </nav>
            </div>
            <!-- Breadcrumb End -->
            <hr class="my-3">


            <div class="bg-white overflow-hidden rounded-md p-6">
                <div class="flex justify-between">
                    <div class="font-semibold text-2xl underline mb-2">Details</div>



                    @if ($model->tenders->end_date > now())
                        @if ($model->app_status == 1)
                            <x-modal :heading="'Are you sure you want to edit?'" :class="'bg-brandBlue rounded text-white text-center px-2 py-1'" :message="'Note: The application status will change to Draft.'" :type="'anchor'"
                                :route="route('organization.tenders.applied.edit', $model->id)" :icon="'pencil'" :tooltip="'Edit Application'">
                                Edit
                            </x-modal>
                        @endif
                        @if ($model->application_status == 0)
                            <div>
                                <a href="{{ route('organization.tenders.applied.edit', $model->id) }}"
                                    class="bg-brandBlue rounded text-white py-2 px-4" data-tooltip="Edit Application">
                                    <i class="bi bi-pencil text-white me-2"></i>Please complete your application
                                </a>
                            </div>
                        @endif
                    @endif


                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
                    <div class="py-3">
                        <span class="font-semibold">Tender :</span>
                        <a href="{{ route('organization.tenders.recommended.show', $model->tender_id) }}"
                            class="text-primary">
                            {{ $model->tenders->title ?? '' }}
                        </a>
                    </div>
                    <div class="py-3">
                        <span class="font-semibold">Applied On:</span>
                        {{ \Carbon\Carbon::parse($model->apply_date)->format('jS M, Y') }}
                    </div>

                    <div class="py-3 flex">
                        <span class="font-semibold">Status :</span>
                        <p class="ms-1 bg-brandOrange text-white px-2 rounded-md">
                            {{ config('dropdown.tender_application_status.' . $model->application_status) }}
                        </p>
                    </div>

                    @if (isset($model->tc_document_file))
                        <div class="py-3">
                            <span class="font-semibold">Technical Proposal:</span>
                            <a href="/{{ $model->tc_document_file }}" target="_blank"
                                class="text-brandBlue hover:underline">
                                <i class="bi bi-file-earmark-arrow-down"></i> FILE-TP
                            </a>
                        </div>
                    @endif
                    @if (isset($model->fc_document_file))
                        <div class="py-3">
                            <span class="font-semibold">Financial Proposal:</span>
                            <a href="/{{ $model->fc_document_file }}" target="_blank"
                                class="text-brandBlue hover:underline">
                                <i class="bi bi-file-earmark-arrow-down"></i> FILE-FP
                            </a>
                        </div>
                    @endif

                </div>
                <div class="py-3">
                    <span class="font-semibold">Application Details:</span>
                    {!! $model->cover_letter !!}
                </div>

            </div>

            @if (count($model->documents) > 0)
                <div class="bg-white overflow-hidden rounded-md p-6">
                    <div class="font-semibold text-2xl underline mb-2">Applied Documents</div>

                    <div
                        class="rounded-sm border border-stroke bg-white shadow-default dark:border-strokedark dark:bg-boxdark mt-4 p-6">
                        <div class="max-w-full overflow-auto">
                            <table class="w-full table-auto">
                                <thead class="bg-meta-4 text-white">
                                    <tr>
                                        <th class="p-2 font-semibold text-start"> Document Title</th>
                                        <th class="p-2 font-semibold text-start"> Document File</th>
                                        <th class="p-2 font-semibold text-start"> External Link</th>
                                        <th class="p-2 font-semibold text-start"> Remarks</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($model->documents as $doc)
                                        <tr class="">
                                            <td
                                                class="border-b border-[#eee] py-4 px-2 dark:border-strokedark min-w-[100px] font-semibold text-black dark:text-white">
                                                {{ $loop->index + 1 }}.
                                                {{ $doc->document_title }}
                                            </td>
                                            <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">

                                                @if ($doc->document_file)
                                                    <a href="/{{ $doc->document_file }}" target="_blank"
                                                        class="text-brandBlue hover:underline hover:text-primary">
                                                        <i class="bi bi-file-earmark-arrow-down"></i> FILE
                                                    </a>
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                                                {{ $doc->document_external_link ?? '-' }}
                                            </td>
                                            <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                                                {{ $doc->remarks }}
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center py-3">
                                                {{ __('table.no_data') }}
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </main>
@endsection