@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">
                            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>
                    <div class="py-3 lg: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>

                </div>
                @if ($model->tenders->org_id == auth()->user()->memberable_id)
                    {!! htmlScriptTagJsApi() !!}
                    <div class="bg-white px-4 py-2 border border-slate-400 rounded">
                        <div class="pb-2">
                            <h3 class="text-xl font-semibold pb-2">Change Status</h3>
                            <form action="{{ route('organization.tender-applications.update', $model->id) }}" method="post"
                                id="statusForm" class="grid grid-cols-1 md:grid-cols-4 gap-4">
                                @method('PUT')
                                @csrf
                                {{ ym_radio([
                                    'label' => '',
                                    'name' => 'application_status',
                                    'value' => 2,
                                    'checked' => $model->application_status == 2 ? true : false,
                                    'option' => config('dropdown.tender_application_status.2'),
                                ]) }}

                                {{ ym_radio([
                                    'label' => '',
                                    'name' => 'application_status',
                                    'value' => 3,
                                    'checked' => $model->application_status == 3 ? true : false,
                                    'option' => config('dropdown.tender_application_status.3'),
                                ]) }}

                                {{ ym_radio([
                                    'label' => '',
                                    'name' => 'application_status',
                                    'value' => 4,
                                    'checked' => $model->application_status == 4 ? true : false,
                                    'option' => config('dropdown.tender_application_status.4'),
                                ]) }}

                                {!! html()->button('Submit')->type('submit')->class('bg-brandBlue text-white py-1 px-4 rounded m-auto') !!}

                            </form>
                        </div>
                    </div>
                @endif
                <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.show', $model->tender_id) }}" class="text-brandBlue">
                            {{ $model->tenders->title ?? '' }}
                        </a>
                    </div>
                    <div class="py-3">
                        <span class="font-semibold">Applicant :</span>
                        {{ $model->applicants->name ?? '-' }}
                    </div>

                    <div class="py-3">
                        <span class="font-semibold">Applied On:</span>
                        {{ \Carbon\Carbon::parse($model->apply_date)->format('jS M, Y') }}
                    </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 class="text-center">
                                        <th class="min-w-[100px] p-2 font-semibold"> {{ __('table.sn') }} </th>
                                        <th class="p-2 font-semibold"> Document Title</th>
                                        <th class="p-2 font-semibold"> Document File</th>
                                        <th class="p-2 font-semibold"> External Link</th>
                                        <th class="p-2 font-semibold"> Remarks</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($model->documents as $doc)
                                        <tr class="text-center">
                                            <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 }}.
                                            </td>
                                            <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                                                {{ $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-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