@extends('organizations.layouts.default')
@section('title')
    / Details
@endsection
@section('content')
    {{-- {{ $model }} --}}
    <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() !!}
            @include('organizations.layouts.partials.breadcrumb')
            <hr class="my-3">
            <div class="row g-3">
                <div x-data="{
                    openTab: '{{ session('tab') ?? 'TabDetails' }}',
                    activeClasses: 'bg-brandBlue text-white',
                    inactiveClasses: 'bg-gray dark:bg-meta-4 text-black dark:text-white rounded border border-brandBlue',
                }" class="mb-14 w-full">
                    <div class="flex flex-wrap gap-3 rounded-md border border-stroke px-4 py-3 dark:border-strokedark">
                        <a href="?tab=TabDetails" @click.prevent="openTab = 'TabDetails'"
                            :class="openTab === 'TabDetails' ? activeClasses : inactiveClasses"
                            class="rounded-md px-4 py-3 text-sm font-medium hover:bg-primary hover:text-white dark:hover:bg-primary md:text-base lg:px-6  dark:bg-meta-4 text-black dark:text-white">
                            Details
                        </a>
                        @if ($model->form_type == 1 && $model->tender_status != 7)
                            <a href="?tab=2" @click.prevent="openTab = 'TabRelatedDcoument'"
                                :class="openTab === 'TabRelatedDcoument' ? activeClasses : inactiveClasses"
                                class="rounded-md px-4 py-3 text-sm font-medium hover:bg-primary hover:text-white dark:hover:bg-primary md:text-base lg:px-6  dark:bg-meta-4 text-black dark:text-white">
                                Related Documents
                            </a>
                            <a href="?tab=3" @click.prevent="openTab = 'TabRequiredDcouments'"
                                :class="openTab === 'TabRequiredDcouments' ? activeClasses : inactiveClasses"
                                class="rounded-md px-4 py-3 text-sm font-medium hover:bg-primary hover:text-white dark:hover:bg-primary md:text-base lg:px-6  dark:bg-meta-4 text-black dark:text-white">
                                Required Documents
                            </a>
                            @if ($model->evaluation_criteria_set == 1)
                                <a href="?tab=4" @click.prevent="openTab = 'TabEvaluation'"
                                    :class="openTab === 'TabEvaluation' ? activeClasses : inactiveClasses"
                                    class="rounded-md px-4 py-3 text-sm font-medium hover:bg-primary hover:text-white dark:hover:bg-primary md:text-base lg:px-6  dark:bg-meta-4 text-black dark:text-white">
                                    Evaluation Criteria
                                </a>
                            @endif
                        @endif
                        @if ($model->tender_status == 7 && auth()->user()->memberable_type == 'App\Models\Organization')
                            <a href="?tab=5" @click.prevent="openTab = 'TabEvaulator'"
                                :class="openTab === 'TabEvaulator' ? activeClasses : inactiveClasses"
                                class="rounded-md px-4 py-3 text-sm font-medium hover:bg-primary hover:text-white dark:hover:bg-primary md:text-base lg:px-6 dark:bg-meta-4 text-black dark:text-white">
                                Assign Evaluator
                            </a>
                        @endif
                        @if ($model->tender_status == 1)
                            <a href="{{ route('organization.tenders.publish', $model->id) }}"
                                class="border bg-yellow-800 rounded-md px-4 py-3 text-sm font-medium hover:bg-primary hover:text-white dark:hover:bg-primary md:text-base lg:px-6 text-white">
                                <i class="bi bi-arrow-right-circle"></i> Publish Now
                            </a>
                        @endif
                    </div>
                    <div>

                        <div x-show="openTab === 'TabDetails'" class="font-medium leading-relaxed" style="display: none;">
                            @include('organizations.tenders.partials.index')
                        </div>

                        @if ($model->form_type == 1 && $model->tender_status != 7)
                            <div x-show="openTab === 'TabRelatedDcoument'" class="font-medium leading-relaxed"
                                style="display: none;">
                                @include('organizations.tenders.partials.related-documents')
                            </div>
                            <div x-show="openTab === 'TabRequiredDcouments'" class="font-medium leading-relaxed"
                                style="display: none;">
                                @include('organizations.tenders.partials.documents')
                            </div>
                            <div x-show="openTab === 'TabEvaluation'" class="font-medium leading-relaxed"
                                style="display: none;">
                                @include('organizations.tenders.partials.evaluation')
                            </div>
                        @endif
                        @if ($model->tender_status == 7)
                            <div x-show="openTab === 'TabEvaulator'" class="font-medium leading-relaxed"
                                style="display: none;">
                                @include('organizations.tenders.partials.assign-evaluator')
                            </div>
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection