@inject('org_user', 'App\Helpers\OrganizationUserHelper')

<div class="rounded-sm border border-stroke bg-white shadow-default dark:border-strokedark dark:bg-boxdark 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"> Evaluator Name</th>
                    <th class="p-2 font-semibold"> Deadline</th>
                    {{-- <th class="p-2 font-semibold"> Instructions</th> --}}
                    <th class="p-2 font-semibold"> Remarks</th>
                    <th class="p-2 font-semibold">{{ __('table.action') }} </th>
                </tr>
            </thead>
            <tbody>
                @forelse ($model->evaluators as $evaluator)
                    <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">
                            {{ $evaluator->users->name ?? '-' }}
                        </td>
                        <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                            {!! \Carbon\Carbon::parse($evaluator->deadline)->format('Y-m-d') ?? '-' !!}
                        </td>
                        {{-- <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                            {!! $evaluator->instruction_details ?? '-' !!}
                        </td> --}}
                        <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark">
                            {{ $evaluator->remarks ?? '-' }}
                        </td>

                        <td class="border-b border-[#eee] py-4 px-2 dark:border-strokedark flex gap-4 justify-center">
                            <form action="{{ route('organization.evaluators.destroy', $evaluator->id) }}"
                                method="POST">
                                @csrf
                                @method('DELETE')
                                <button data-tooltip="{{ $action['placeholder'] ?? 'Delete' }}" type="submit"
                                    data-toggle="tooltip" class="text-danger bg-transparent border-0"
                                    data-placement="top"
                                    onclick="javascript:return confirm('Are you sure you want to delete?');">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </td>

                    </tr>
                @empty
                    <tr>
                        <td colspan="10" class="text-center py-3">
                            {{ __('table.no_data') }}
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>



<div class="border border-stroke rounded-md p-4 bg-white dark:bg-bodydark2 mb-2">
    <div class="text-xl font-semibold text-center underline mb-4 dark:text-black">
        Assign Evaluator
    </div>


    {{ html()->form('POST', route('organization.evaluators.store'))->id('form-validator')->acceptsFiles()->open() }}
    <input type="hidden" name="tender_id" value="{{ $model->id }}">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">

        {{ ym_select2([
            'label' => __('form.Evaluator'),
            'name' => 'org_user_id',
            'required' => true,
            'value' => $ev->org_user_id ?? null,
            'options' => $org_user->dropdown(),
            'id' => 'select-role',
            'placeholder' => 'Select Evaluator',
        ]) }}

        {{ ym_date([
            'label' => __('form.Deadline'),
            'name' => 'deadline',
            'value' => $ev->deadline ?? '',
        ]) }}

        {{ ym_input([
            'label' => __('form.Remarks'),
            'type' => 'text',
            'name' => 'remarks',
            'value' => $ev->remarks ?? '',
        ]) }}


    </div>
    {{ ym_textarea([
        'label' => __('form.Instruction Details'),
        'name' => 'instruction_details',
        'value' => $ev->instruction_details ?? '',
        'editor' => 'editor',
    ]) }}

    <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">
            {{ __('form.Save') }}
        </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="{{ route('organization.tenders.index') }}">{{ __('form.Cancel') }}</a>
    </div>
    {{ html()->closeModelForm() }}
</div>