@extends('organizations.layouts.default')
@section('content')
    <main>
        <div class="max-w-screen-2xl mx-auto p-2 md:p-2 2xl:p-4">
            <div class="flex justify-between m-0 p-0">
                @include('organizations.layouts.partials.breadcrumb')
                <a href="{{ route('organization.tender-applications.show', $application_id) }}"
                    data-tooltip="View Application Details">
                    <button class="border rounded px-2 py-1 text-emerald-600 font-semibold">
                        <i class="bi bi-eye-fill text-emerald-600"></i> View
                    </button>
                </a>
            </div>
            <div class="flex flex-col gap-10 mt-2">

                <div
                    class="rounded-sm border border-stroke bg-white px-5 pt-6 pb-2.5 shadow-default dark:border-strokedark dark:bg-boxdark sm:px-7.5 xl:pb-1">
                    <div class="max-w-full overflow-x-auto">
                        <form action="{{ route('organization.evaluation.update', $application_id) }}" method="POST">
                            @csrf
                            @if (count($evaluation_criteria) > 0)
                                <table class="w-full table-auto">
                                    <thead>
                                        <tr class="bg-gray-2 text-left dark:bg-meta-4">
                                            <th
                                                class="min-w-[100px] py-4 px-2 font-semibold text-black dark:text-white xl:pl-11">
                                                S.N
                                            </th>
                                            <th class="min-w-[200px] py-4 px-2 font-semibold text-black dark:text-white">
                                                Criteria</th>
                                            <th class="min-w-[200px] py-4 px-2 font-semibold text-black dark:text-white">
                                                Full Marks</th>
                                            <th class="min-w-[200px] py-4 px-2 font-semibold text-black dark:text-white">
                                            </th>
                                            <th class="py-4 px-2 font-semibold text-black dark:text-white">

                                            </th>
                                        </tr>
                                    </thead>
                                    {{ $errors }}
                                    <tbody>
                                        @foreach ($evaluation_criteria as $key => $criteria)
                                            <tr class="text-left">
                                                <td
                                                    class="border-b border-[#eee] py-4 px-2 dark:border-strokedark min-w-[100px] font-semibold text-black dark:text-white xl:pl-11">
                                                    {{ nepali_number(++$loop->index) }}.
                                                </td>
                                                <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                                                    {{ $criteria->criteria ?? '-' }}
                                                    <input type="hidden" name="criteria_name[]"
                                                        value="{{ $criteria->criteria }}">
                                                </td>
                                                <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                                                    {{ $criteria->marks }}
                                                    <input type="hidden" name="full_marks[]"
                                                        value="{{ $criteria->marks }}">
                                                </td>
                                                <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                                                    {{ ym_number([
                                                        'label' => 'Obtained Marks',
                                                        'name' => 'obtained_marks[]',
                                                        'required' => true,
                                                        'value' => $evaluation[$key]->obtained_marks ?? null,
                                                        'min' => 0,
                                                        'max' => $criteria->marks,
                                                    ]) }}
                                                </td>
                                                <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                                                    {{ ym_input([
                                                        'label' => 'Remarks',
                                                        'type' => 'text',
                                                        'name' => 'remarks[]',
                                                        'value' => $evaluation[$key]->remarks ?? null,
                                                    ]) }}
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @else
                                <p class="text-lg text-brandOrange font-semibold">
                                    Evaluation Criteria not set , Please include all details in summary !!!
                                </p>
                            @endif

                            <div class="grid grid-cols-1 gap-4 mt-3">
                                {{ ym_textarea([
                                    'label' => 'Summary',
                                    'name' => 'summary',
                                    'editor' => 'editor',
                                    'enlarge' => true,
                                    'required' => true,
                                    'value' => $evaluation[1]->summary ?? null,
                                ]) }}
                            </div>

                            <div class="flex gap-3 mt-8">
                                <button type="submit" name="submit" value="SUBMIT"
                                    class="text-white bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-md px-5 py-2.5 text-center me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                                    Submit
                                </button>
                                <a type="button"
                                    class="text-white bg-red-700 hover:bg-red-800 focus:outline-none focus:ring-4 focus:ring-red-300 font-medium rounded-full text-md px-5 py-2.5 text-center me-2 mb-2 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900"
                                    href="{{ url()->previous() }}">{{ __('form.Cancel') }}</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection