@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Agregar Resultado'])
    <div id="alert">
        @include('components.alert')
    </div>
    <div class="container">
        <div class="row">
            <div class="col ">
                <div class="card ">
                    <div class="card-body">
                        <div class="row">
                            <p class="text-uppercase text-sm">Solicitud</p>
                            <div class="col-md-6">
                                @include('solicitud.pdf')

                            </div>
                            @if (Auth::user()->rol == 'Doctor')
                                <div class="col-md-6">
                                    <label class="form-control-label">Comentarios del doctor:</label>
                                    <div class="form-group">
                                        <textarea class="form-control " name="" id="" cols="30" rows="5" disabled>{{ $solicitud->observaciones }}</textarea>
                                    </div>
                                    <label style="float: right">Comentarios del laboratorista
                                        <span class="text-muted">(opcional)</span>
                                    </label>
                                    <div class="form-group">
                                        <textarea class="form-control " id="" cols="30" rows="5" disabled>{{ $solicitud->observaciones_laboratorista }} </textarea>
                                    </div>
                                </div>
                            @endif
                            @if (Auth::user()->rol == 'Laboratorista')
                                <div class="col-md-6">
                                    <form action="{{ route('resultados.store') }}" method="POST"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <label class="form-control-label">Comentarios del doctor:</label>
                                        <div class="form-group">
                                            <textarea class="form-control " name="" id="" cols="30" rows="5" disabled>{{ $solicitud->observaciones }}</textarea>
                                        </div>
                                        <label style="float: right">Comentarios del laboratorista
                                            <span class="text-muted">(opcional)</span>
                                        </label>
                                        <div class="form-group">
                                            <textarea class="form-control " name="observaciones_laboratorista" id="" cols="30" rows="5"
                                                {{ $solicitud->observaciones_laboratorista ? 'disabled' : '' }}>{{ $solicitud->observaciones_laboratorista ? $solicitud->observaciones_laboratorista : '' }} </textarea>
                                        </div>
                                        <div class="mb-3">
                                            <input type="hidden" name="solicitud_id" value="{{ $solicitud_id }}">
                                            <label for="formFilePDF" class="form-label">PDF</label>
                                            <input type="file" name="pdf[]" multiple class="form-control"
                                                id="formFilePDF">
                                            <div class="form-group" id="textareaContainerPDF" style="display: none;">
                                                <label class="form-control-label">Descripción: PDF <span
                                                        class="text-muted">(Opcional)</span></label>
                                                <textarea class="form-control" spellcheck="false" name="comentariosPDF"></textarea>
                                            </div>
                                            <label for="formFileIMG" class="form-label">IMAGEN</label>
                                            <input type="file" name="imagen[]" multiple class="form-control"
                                                type="file" id="formFileIMG">
                                            <div class="form-group" id="textareaContainerIMG" style="display: none;">
                                                <label class="form-control-label">Descripción: IMAGEN <span
                                                        class="text-muted">(Opcional)</span></label>
                                                <textarea class="form-control" spellcheck=false name="comentariosIMG">
                                                </textarea>
                                            </div>
                                            <label for="formFileISO" class="form-label">ISO</label>
                                            <input type="file" name="iso[]" multiple class="form-control"
                                                type="file" id="formFileISO">
                                            <div class="form-group" id="textareaContainerISO" style="display: none;">
                                                <label class="form-control-label">Descripción: ISO <span
                                                        class="text-muted">(Opcional)</span></label>
                                                <textarea class="form-control" spellcheck=false name="comentariosISO">
                                                </textarea>
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-success">Guardar resultado</button>
                                    </form>
                                </div>
                            @endif

                        </div>
                        <div class="row">
                            <p class="text-uppercase text-sm my-5">Resultados</p>
                            @if (isset($resultados) && !empty($resultados))
                                <table class="table">
                                    <th>Archivo</th>
                                    <th>Descripción</th>
                                    @foreach ($resultados as $resultado)
                                        <tr>
                                            <td>
                                                @if (!empty($resultado->pdf))
                                                    <a class="btn btn-info my-2"
                                                        href="{{ asset('storage/' . $resultado->pdf) }}"
                                                        target="_blank">Descargar
                                                        archivo PDF</a><br>
                                                @endif

                                                @if (!empty($resultado->imagen))
                                                    <img style="width: 100px"
                                                        src="{{ asset('storage/' . $resultado->imagen) }}"
                                                        alt="Imagen del resultado"><br>
                                                    <a href="{{ asset('storage/' . $resultado->imagen) }}"
                                                        class="btn btn-secondary my-2" target="_blank">Abrir imagen</a>
                                                @endif

                                                @if (!empty($resultado->iso))
                                                    <a class="btn btn-light my-2"
                                                        href="{{ asset('storage/' . $resultado->iso) }}"
                                                        target="_blank">Descargar
                                                        archivo ISO</a><br>
                                                @endif
                                            </td>
                                            <td>
                                                {{ $resultado->comentarios }}
                                            </td>
                                        </tr>
                                    @endforeach
                                </table>
                            @else
                                <p>No hay resultados para mostrar.</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="{{ asset('assets/js/custom/comentarios.js') }}"></script>
    @include('layouts.footers.auth.footer')
@endsection