{{-- <div class="col-3">
    <label for="service_nc_id">Servicio no conforme</label>
    <select name="service_nc_id" id="case.service_nc_id" class="form-select form-select-sm"
        wire:model.live="case.service_nc_id">
        <option value="">Seleccione</option>
        @if (!is_null($services_nc))
            @foreach ($services_nc as $service)
                <option value="{{ $service->id }}">{{ $service->nombre }}</option>
            @endforeach
        @endif
    </select>
    @error('case.service_nc_id')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div> --}}

{{-- <div class="col-3">
    <label for="accordance_nc_id">No conformidad</label>
    <select name="accordance_nc_id" id="case.accordance_nc_id" class="form-select form-select-sm"
        wire:model.live="case.accordance_nc_id">
        <option value="">Seleccione</option>
        @if (!is_null($conformities_nc))
            @foreach ($conformities_nc as $accordance)
                <option value="{{ $accordance->id }}">{{ $accordance->nombre }}</option>
            @endforeach
        @endif
    </select>
    @error('case.accordance_nc_id')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div> --}}
<style>
    .badge {
      background-color: red;
      color: white;
      padding: 4px 8px;
      text-align: center;
      border-radius: 5px;
    }
</style>
<div class="col-3">
    <label for="corrective_action_nc_id">Acción correctiva</label>
    <select name="corrective_action_nc_id" id="case.corrective_action_nc_id" class="form-select form-select-sm"
        wire:model="case.corrective_action_nc_id">
        <option value="">Seleccione</option>
        @if (!is_null($corrective_actions_nc))
            @foreach ($corrective_actions_nc as $action)
                <option value="{{ $action->id }}">{{ $action->nombre }}</option>
            @endforeach
        @endif
    </select>
    @error('case.corrective_action_nc_id')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div>

{{-- <div class="col-3">
    <label for="sla_nc">SLA</label>
    <input wire:model="case.sla_nc" id="sla_nc" class="form-control form-control-sm"
        type="date-time-local" disabled>
    @error('case.sla_nc')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div> --}}

{{-- <div class="col-3">
    <label for="development_place_nc">Lugar de desarrollo</label>
    <input wire:model="case.development_place_nc" id="development_place_nc" class="form-control form-control-sm"
        type="date-time-local">
    @error('case.development_place_nc')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div> --}}

<div class="col-3">
    <label for="responsive_nc_id">Responsable</label>
    <select name="responsive_nc_id" id="case.responsive_nc_id" class="form-select form-select-sm"
        wire:model="case.responsive_nc_id">
        <option value="">Seleccione</option>
        @if (!is_null($users))
            @foreach ($users as $user)
                <option value="{{ $user->id }}">{{ $user->full_name }}</option>
            @endforeach
        @endif
    </select>
    @error('case.responsive_nc_id')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div>

<div class="row m-0 p-0">
    <div class="12">
        <label for="evidence_of_case_resolution_nc">Evidencia de la resolución del caso</label>
        <textarea name="" id="evidence_of_case_resolution_nc" class="form-control" rows="3"
            wire:model="case.evidence_of_case_resolution_nc" placeholder="Ingrese detalle aquí..." {{ $case['evidence_of_case_resolution_nc'] ? 'disabled' : '' }}></textarea>
        @error('case.evidence_of_case_resolution_nc')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>
    <div class="12">
        <label for="internal_detail_resolution">Plan de mejoramiento</label>
        <textarea name="" id="internal_detail_resolution" class="form-control" rows="3"
            wire:model="case.internal_detail_resolution" placeholder="Ingresa detalle aqui..."></textarea>
        @error('case.internal_detail_resolution')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>
    <div class="col-12">
        <label for="">Histórico</label>
        @if ($internal_notes->isNotEmpty())
            @foreach ($internal_notes as $internal_note)
                <p class="pb-0 mb-0"><strong>{{ $internal_note->creadoPor->full_name }} - {{ $internal_note->created_at }} -
                    </strong>{{ $internal_note->nota }} <span class="badge">Nota Interna</span></p>
                     
            @endforeach
        @else
            <p>No hay notas internas</p>
        @endif
    </div>
    <div class="col-12">
        {{-- <label for="">Histórico respuesta al usuario</label> --}}
        @if ($detail_notes->isNotEmpty())
            @foreach ($detail_notes as $detail_note)
                <p class="pb-0 mb-0"><strong>{{ $detail_note->creadoPor->full_name ?? 'Usuario' }}
                        - {{ $detail_note->created_at }}
                        -
                    </strong>{{ $detail_note->nota }} <span class="badge" style="background-color: green">@if($detail_note->usuario_usb_id) Respuesta del usuario @else Nota Pública @endif</span></p>
                @foreach ($detail_note->documentsNote as $item)
                    <p class="p-0 m-0"><img src="{{ asset('assets/images/icons/document.png') }}" alt="Document"
                            width="20px"> <a target="_blank"
                            href="{{ asset($route . $item->documento) }}">{{ $item->documento }}</a>
                    </p>
                @endforeach
            @endforeach
        @else
            <p>No hay notas externas</p>
        @endif
    </div>
    <div class="12">
        <label for="public_detail_resolution">Respuesta al usuario</label>
        <textarea name="" id="public_detail_resolution" class="form-control" rows="3"
            wire:model="case.public_detail_resolution" placeholder="Ingresa detalle aqui..."></textarea>
        @error('case.public_detail_resolution')
            <span class="error text-danger">{{ $message }}</span>
        @enderror
    </div>
    <div class="col-12 mt-1">
        <div class="col-12 mt-2">
            <button class="contenedor-btn-file" wire:target="case.detail_document">
                <i class="fas fa-file m-0"></i>
                Adjuntar archivo a detalle
                <label for="btn-file"></label>
                <input type="file" id="btn-file" wire:model.live="case.detail_document">
            </button>
            <br>
            @error('case.detail_document')
                <span class="error text-danger">{{ $message }}</span>
            @enderror

            <p>Solo se permiten archivos con las siguientes extensiones: PDF, WORD, EXCEL, JPEG, JPG y
                PNG. Además, el
                tamaño máximo
                permitido para el archivo es de 4000 KB (kilobytes).</p>
        </div>
        @if (isset($detail_documents) && count($detail_documents) > 0)
            @foreach ($detail_documents as $key => $document)
                <div class="col-12">
                    <a href="{{ $temp_route . $document['name_document'] }}" target="_blank">
                        {{ $document['name_document'] }}</a>
                    <img width="25px" src="{{ asset('assets/images/icons/check.png') }}" alt="Check">
                    <b class="text-danger delete-document" wire:click="removeDocument({{ $key }})">
                        <img width="25px" src="{{ asset('assets/images/icons/delete.png') }}" alt="Delete">
                    </b>
                </div>
            @endforeach
        @endif

        {{-- @if (isset($detail_documents) && count($detail_documents) > 0)
            @foreach ($detail_documents as $key => $document)
                <div class="col-12">
                    <img src="{{ asset('assets/images/icons/document.png') }}" alt="Document" width="20px">
                    {{ $document['name_document'] }} <b class="text-danger delete-document"
                        wire:click="removeDetailDocument({{ $key }})"> X</b>
                </div>
            @endforeach
        @endif --}}
    </div>

    <div class="row my-2">
        @if (isset($documents_help_desk) && $documents_help_desk->count())
            <b>Documentos</b>
            @foreach ($documents_help_desk as $document_help_desk)
                <li>
                    <a target="_blank" href="{{ asset($route . $document_help_desk->documento) }}"> <img
                            src="{{ asset('assets/images/icons/document.png') }}" alt="Document"
                            width="20px">{{ $document_help_desk->documento }}</a>
                </li>
            @endforeach
        @endif
    </div>

    
</div>

{{-- <div class="12">
    <label for="improvement_plan_nc">Plan de mejoramiento</label>
    <textarea name="" id="improvement_plan_nc" class="form-control" rows="3" wire:model="case.improvement_plan_nc"
        placeholder=""></textarea>
    @error('case.improvement_plan_nc')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div> --}}

{{-- <div class="12">
    <label for="response_to_use_nc">Respuesta al usuario</label>
    <textarea name="" id="response_to_use_nc" class="form-control" rows="3" wire:model="case.response_to_use_nc"
        placeholder=""></textarea>
    @error('case.response_to_use_nc')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div> --}}

{{-- <div class="col-3">
    <label for="faculty_nc_id">Facultad</label>
    <select name="faculty_nc_id" id="case.faculty_nc_id" class="form-select form-select-sm"
        wire:model="case.faculty_nc_id">
        <option value="">Seleccione</option>
        @if (!is_null($faculties_nc))
            @foreach ($faculties_nc as $faculty)
                <option value="{{ $faculty->id }}">{{ $faculty->nombre }}</option>
            @endforeach
        @endif
    </select>
    @error('case.faculty_nc_id')
        <span class="error text-danger">{{ $message }}</span>
    @enderror
</div> --}}