@extends('organizations.layouts.default')
@inject('industry_type_helper', 'App\Helpers\IndustryTypeHelper')
@inject('location_helper', 'App\Helpers\LocationHelper')
@section('content')
    <main>
        <div class="mx-auto max-w-screen-2xl p-4 md:p-2 2xl:p-4">
            @if (session('status') == 'verification-link-sent')
                <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative text-center mb-4">
                    A new email verification link has been emailed to you!
                </div>
            @endif

            @if (auth()->user()->email_verified_at == null)
                <div class="w-full max-w-4xl py-4">
                    <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4 w-full">
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <i class="bi bi-info-circle-fill"></i>
                            </div>
                            <div class="ml-3 flex">
                                <p class="text-md">
                                    <strong>Info:</strong>
                                    Your email is not verified yet. Please
                                <form method="POST" action="{{ route('verification.send') }}" onsubmit="showLoader()"
                                    class="text-orange-500 underline hover:text-orange-700">
                                    @csrf
                                    <button type="submit"
                                        class="text-blue-500 underline hover:text-blue-700 px-1 text-sm text-center">click
                                        here </button>
                                    <div id="loader" class="loader hidden mt-4"></div>
                                </form>
                                and check your mail for verification link to verify.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            @if (auth()->user()->memberable->verification_request_at == null &&
                    auth()->user()->memberable_type == 'App\Models\Organization')
                <div class="p-4 mt-4 bg-white shadow-2 rounded-md">
                    <p class="text-sm">
                        <span class="text-blue-700">Info: <i class="bi bi-info-circle-fill"></i></span> Your account is not
                        verified yet. Please <a href="/organization/org-profile"
                            class="text-blue-500 underline hover:text-blue-700">click here</a>
                        to verify your account and get reward.
                    </p>
                </div>
            @endif

            <!-- start -->
            @if (false)
                {{-- @if ($resCoupons->count() > 0) --}}
                <div class="p-4 mt-2 bg-white shadow-2 flex gap-2 rounded-md">
                    <span class="text-blue-700">Info: <i class="bi bi-info-circle-fill"></i></span> You have valid coupons
                    code. Please <a href="/organization/coupons" class="underline text-blue-500">click here </a> to get the
                    coupon codes.
                </div>
            @endif
            <!-- End -->
            @if ($orgDetails->iam_provider == 1)

                <div class="flex items-center bg-white p-2 mt-2 rounded shadow-2">
                    <div class="p-2">
                        <div>Working Areas @if ($resWorkingAreas->count() > 0)
                                (<a class="text-blue-700" href="/organization/org-profile">Edit: <i
                                        class="bi bi-pencil-fill"></i></a>)
                            @endif
                        </div>
                    </div>
                    <div class="flex gap-2">
                        @if ($resWorkingAreas->count() > 0)
                            @foreach ($resWorkingAreas as $recArea)
                                <span
                                    class=" text-brandBlue text-base font-medium me-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-blue-400 border border-blue-400">
                                    <i class="bi bi-check"></i> {{ $recArea->area_name }}</span>
                            @endforeach
                        @else
                            <div class="text-blue-500"><i class="bi bi-info-circle-fill"></i> You have not set working areas
                                yet. Please <a href="/organization/org-profile" class="underline hover:text-blue-900"> click
                                    here </a> to set and get relevent opportunites notification.</div>
                        @endif
                    </div>
                </div>
            @endif
            @if ($orgDetails->iam_provider == 1)
                @if ($recommendedRosters->count() > 0 && $recommendedTenders->count() > 0)
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    @else
                        <div class="grid grid-cols-1 gap-4">
                @endif
                @if ($recommendedRosters->count() > 0)
                    <div class="p-4 mt-4 bg-white shadow-2 gap-2 rounded-md">
                        <p class="font-bold">Recommended Latest Rosters</p>
                        <hr class="mb-2">
                        <div class=" p-2 overflow-x-scroll">
                            <table class="w-full table-auto">
                                <thead>
                                    <tr class="bg-gray-2 text-left dark:bg-meta-4">
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Organization
                                        </th>
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Title</th>

                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Apply Before</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($recommendedRosters as $roster)
                                        <tr class="text-left border-gray-2 hover:bg-gray-2 border-b y-2">
                                            <td>
                                                <img src="{{ asset($roster->organization->org_logo ?? asset('images/logo/TN.png')) }}"
                                                    width="60px" />
                                                {{ $roster->organization->name ?? '-' }}

                                            </td>
                                            <td>
                                                <a class="text-brandBlue hover:underline"
                                                    href="{{ route('organization.rosters.roster.details', $roster->id) }}">
                                                    {{ $roster->roster_title }}
                                                    <p>Published:
                                                        {{ \Carbon\Carbon::parse($roster->start_date)->format('Y-M-d') }}
                                                    </p>
                                                </a>
                                            </td>
                                            <td>
                                                {{ \Carbon\Carbon::parse($roster->end_date)->format('Y-M-d H:i') }}
                                                {{-- @if (now()->diffInDays($roster->end_date, false) >= 0)
                                                    <p>
                                                        <span
                                                            class="text-brandOrange">{{ ceil(now()->diffInDays($roster->end_date)) }}
                                                            days
                                                        </span>
                                                    </p>
                                                @else --}}
                                                @if (\Carbon\Carbon::parse($roster->end_date)->format('Y-m-d') >= now()->format('Y-m-d'))
                                                    <p>
                                                        <span class="text-brandOrange">
                                                            {{ now()->diffForHumans(\Carbon\Carbon::parse($roster->end_date), true) }}
                                                            remaining
                                                        </span>
                                                    </p>
                                                @else
                                                    <p>
                                                        <span class="text-red-500">Expired</span>
                                                    </p>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center"> {{ __('table.no_data') }}</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
                @if ($recommendedTenders->count() > 0)
                    <div class="p-4 mt-4 bg-white shadow-2 gap-2 rounded-md">
                        <p class="font-bold">Recommended Latest Tenders</p>
                        <hr class="mb-2">
                        <div class=" p-2 overflow-auto">
                            <table class="w-full table-auto">
                                <thead>
                                    <tr class="bg-gray-2 text-left dark:bg-meta-4">
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Organization
                                        </th>
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Title</th>

                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Apply Before</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($recommendedTenders as $tender)
                                        <tr class="border-gray-2 hover:bg-gray-2 border-b py-2">
                                            <td>
                                                @if (isset($tender->organization->org_logo))
                                                    <img src="{{ asset('medias/organization-logo/' . $tender->organization->org_logo) }}"
                                                        width="60px" />
                                                @else
                                                    <div
                                                        class="w-12 border rounded-full h-12 bg-brandBlue text-white flex items-center justify-center font-semibold text-xl">
                                                        {{ generateInitials($tender->organization->name) }}
                                                    </div>
                                                @endif
                                                {{ $tender->organization->name ?? '-' }}
                                            </td>
                                            <td>
                                                <a class="text-brandBlue hover:underline"
                                                    href="{{ route('organization.tenders.recommended.show', $tender->id) }}">
                                                    {{ $tender->title }}
                                                    <p>Published:
                                                        {{ \Carbon\Carbon::parse($tender->start_date)->format('Y-M-d') }}
                                                    </p>
                                                </a>
                                            </td>
                                            <td>
                                                {{ \Carbon\Carbon::parse($tender->end_date)->format('Y-M-d') }}
                                                @if (\Carbon\Carbon::parse($tender->end_date)->format('Y-m-d') >= now()->format('Y-m-d'))
                                                    <p>
                                                        <span class="text-brandOrange">
                                                            {{ now()->diffForHumans(\Carbon\Carbon::parse($tender->end_date)->format('Y-m-d') . ' 23:59:59', true) }}
                                                            remaining
                                                        </span>
                                                    </p>
                                                @else
                                                    <p>
                                                        <span class="text-red-500">Expired</span>
                                                    </p>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center"> {{ __('table.no_data') }}</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
            @endif
            @if ($orgDetails->iam_buyer == 1)
                @if ($myRosterApplications->count())
                    <div class="p-4 mt-4 bg-white shadow-2 gap-2 rounded-md">
                        <p class="font-bold">Latest Roster Applications</p>
                        <hr class="mb-2">
                        <div class=" p-2 overflow-auto">
                            <table class="w-full table-auto">
                                <thead>
                                    <tr class="bg-gray-2 text-left dark:bg-meta-4">
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Roster
                                        </th>
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Applicant
                                        </th>
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Show
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($myRosterApplications as $rosterApp)
                                        <tr class="border-gray-2 hover:bg-gray border-b py-2">
                                            <td class="px-2">
                                                {{ $rosterApp->rosters->roster_title }}
                                            </td>
                                            <td class="px-2">
                                                <div class="flex items-center space-x-3">
                                                    @if (isset($rosterApp->applicants->org_logo))
                                                        <img src="{{ asset('medias/organization-logo/' . $rosterApp->applicants->org_logo) }}"
                                                            width="60px" class="w-12 h-12 rounded-full object-cover" />
                                                    @else
                                                        <div
                                                            class="w-12 h-12 border rounded-full bg-brandBlue text-white flex items-center justify-center font-semibold text-xl">
                                                            {{ generateInitials($rosterApp->applicants->name) }}
                                                        </div>
                                                    @endif
                                                    <span class="text-gray-800 font-medium">
                                                        {{ $rosterApp->applicants->name ?? '-' }}
                                                    </span>
                                                </div>
                                            </td>

                                            <td class="px-2">
                                                <a class="relative px-4 py-2 bg-brandBlue text-white rounded-lg overflow-hidden transition duration-500 hover:bg-brandOrange"
                                                    href="{{ route('organization.rosters.applied.listreport', $rosterApp->rosters->id) }}">
                                                    <i class="bi bi-eye"></i>
                                                    </span>
                                                </a>

                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center"> {{ __('table.no_data') }}</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
                @if ($myTenderApplications->count())
                    <div class="p-4 mt-4 bg-white shadow-2 gap-2 rounded-md">
                        <p class="font-bold">Latest Tender Applications</p>
                        <hr class="mb-2">
                        <div class=" p-2 overflow-auto">
                            <table class="w-full table-auto">
                                <thead>
                                    <tr class="bg-gray-2 text-left dark:bg-meta-4">
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Tender Name
                                        </th>
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Applicant
                                        </th>
                                        <th class="min-w-[200px] py-2 px-2 font-semibold text-black dark:text-white">
                                            Show
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($myTenderApplications as $tenderApp)
                                        <tr class="border-gray-2 hover:bg-gray border-b py-2">
                                            <td class="px-2">
                                                {{ $tenderApp->tenders->title }}
                                            </td>
                                            <td class="px-2">
                                                <div class="flex items-center space-x-3">
                                                    @if (isset($tenderApp->applicants->org_logo))
                                                        <img src="{{ asset('medias/organization-logo/' . $tenderApp->applicants->org_logo) }}"
                                                            width="60px" class="w-12 h-12 rounded-full object-cover" />
                                                    @else
                                                        <div
                                                            class="w-12 h-12 border rounded-full bg-brandBlue text-white flex items-center justify-center font-semibold text-xl">
                                                            {{ generateInitials($tenderApp->applicants->name) }}
                                                        </div>
                                                    @endif
                                                    <span class="text-gray-800 font-medium">
                                                        {{ $tenderApp->applicants->name ?? '-' }}
                                                    </span>
                                                </div>
                                            </td>

                                            <td class="px-2">
                                                <a class="relative px-4 py-2 bg-brandBlue text-white rounded-lg overflow-hidden transition duration-500 hover:bg-brandOrange"
                                                    href="{{ route('organization.tender-applications.index', ['id' => $tenderApp->tenders->id]) }}">
                                                    <i class="bi bi-eye"></i>
                                                    </span>
                                                </a>

                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center"> {{ __('table.no_data') }}</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
            @endif
        </div>
        @if ($orgDetails->name == null)
            <div x-data="{ modalOpen: true }">
                <div x-show="modalOpen" x-transition=""
                    class="fixed left-0 top-0 z-999999 flex h-full w-full items-center justify-center bg-black/50 px-4 py-5">
                    <div @click.outside="modalOpen = false"
                        class="w-full max-w-[95vw] md:max-w-[70vw] h-[80vh] md:h-[70vh] rounded-lg bg-white px-4 py-8 md:px-8 md:py-12 overflow-y-auto text-center dark:bg-boxdark">
                        <h3 class="pb-2 text-xl font-bold text-black dark:text-white sm:text-2xl">
                            Profile Completion
                        </h3>
                        <span class="mx-auto mb-6 inline-block h-1 w-22.5 rounded bg-primary"></span>
                        <form action="{{ route('organization.org-profile.complete') }}" method="POST">
                            @csrf
                            <div class="flex flex-wrap gap-y-4 text-start">
                                <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-4">
                                    {{ ym_select(['label' => __('form.Organization Type'), 'name' => 'type', 'required' => true, 'options' => config('dropdown.organization_types'), 'value' => $orgDetails->type, 'placeholder' => 'Select Type']) }}
                                    {{ ym_input(['label' => __('form.Organization Name'), 'type' => 'text', 'name' => 'name', 'value' => $orgDetails->name, 'required' => true]) }}
                                    {{ ym_input(['label' => __('form.VAT/PAN'), 'type' => 'text', 'name' => 'vat_number', 'value' => $orgDetails->vat_number, 'required' => true]) }}
                                    {{ ym_input(['label' => __('form.Organization Phone'), 'type' => 'text', 'name' => 'phone', 'value' => $orgDetails->phone, 'required' => true]) }}
                                    {{ ym_select(['label' => __('form.Industry Type'), 'name' => 'industry_type_id', 'required' => true, 'options' => $industry_type_helper->dropdown(), 'value' => $orgDetails->industry_type_id, 'placeholder' => 'Select Type']) }}
                                    {{ ym_select(['label' => __('form.Employee Size'), 'name' => 'employee_size', 'required' => true, 'options' => config('dropdown.employee_size'), 'value' => $orgDetails->employee_size, 'placeholder' => 'Select Size']) }}
                                    {{ ym_input(['label' => __('form.Contact Person Name'), 'type' => 'text', 'name' => 'contact_person_name', 'value' => $orgDetails->contact_person_name, 'required' => true]) }}
                                    {{ ym_input(['label' => __('form.Contact Person Phone'), 'type' => 'text', 'name' => 'contact_person_phone', 'value' => $orgDetails->contact_person_phone, 'required' => true]) }}
                                    {{ ym_input(['label' => __('form.Contact Person Email'), 'type' => 'email', 'name' => 'contact_person_email', 'value' => $orgDetails->contact_person_email]) }}
                                </div>
                                {{-- <div class="font-semibold text-center text-xl mb-2 sm:block"><u>Address</u></div>
                            <div class="grid lg:grid-cols-4 md:grid-cols-2 gap-4">
                                {{ ym_location([]) }}
                                {{ ym_input(['label' => __('form.Address Details'), 'type' => 'text', 'name' => 'address_details']) }}
                            </div> --}}
                                <div class="w-full px-3 2xsm:w-1/2">
                                    <button
                                        class="block w-full rounded border border-brandBlue bg-brandBlue p-3 text-center font-medium text-white transition hover:bg-opacity-90">
                                        Submit
                                    </button>
                                </div>
                                <div class="w-full px-3 2xsm:w-1/2">
                                    <button @click.prevent="modalOpen = false"
                                        class="block w-full rounded border border-stroke bg-gray p-3 text-center font-medium text-black transition hover:border-meta-1 hover:bg-meta-1 hover:text-white dark:border-strokedark dark:bg-meta-4 dark:text-white dark:hover:border-meta-1 dark:hover:bg-meta-1">
                                        Cancel
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @endif
    </main>
@endsection