@extends('layouts.jefa')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12 col-md-1"></div>
        <div class="col-md-10">
            <div class="card">
            @if (session('status'))
                <div class="col-12 alert alert-success mb-5">
                    {{ session('status') }}
                </div>
            @endif

                <div class="card-header card-header-primary shadow bg-purple">
                    <h4 class="card-title">Denuncia por: 
                    @foreach($denuncia[0]->cases as $case)  
                      {{ $case->name }},  
                      @endforeach    
                    </h4>
                    <p class="card-category"></p>
                </div>
                    
                <div class="card-body">      
                    <div class="row">
                        <div class="col-12">
                            <h4 class="text-blue">Identificación del causante</h4>
                            <input type="text" value="{{$denuncia[0]->who_denounces}}" name="who_denounces" class="form-control" disabled>
                        </div>
                            
                        <div class="col-12 my-4">
                            <h4 class="text-blue">Privacidad</h4>
                        </div>

                        <div class="col-12 col-md-4">
                            <label for="rut" class="form-label">Nombre del Denunciante:</label>
                            <input type="text" value="{{$denuncia[0]->name}}" name="who_denounces" class="form-control" disabled>
                        </div>
                        
                        <div class="col-12 col-md-3">
                            <label for="rut" class="form-label">Cédula de Identidad:</label>
                            <input type="text" value="{{$denuncia[0]->identification}}" name="who_denounces" class="form-control" disabled>
                        </div>

                        <div class="col-md-3">
                            <label for="rut" class="form-label">E-mail</label>
                            <input type="text" value="{{$denuncia[0]->mail}}" name="who_denounces" class="form-control" disabled>
                        </div>

                        <div class="col-12 col-md-2 my-3">
                            <label for="rut" class="form-label">Teléfono</label>
                            <input type="text" value="{{$denuncia[0]->phone}}" name="who_denounces" class="form-control" disabled>
                        </div>

                        <div class="col-12 col-md-6 my-3">
                            <label for="rut" class="form-label">División:</label>
                            <input type="text" value="{{$denuncia[0]->division->name}}" name="who_denounces" class="form-control" disabled>
                        </div>

                        <div class="col-12 col-md-6 my-3">
                            <label for="rut" class="form-label">Cargo o Función:</label>
                            <input type="text" value="{{$denuncia[0]->position}}" name="who_denounces" class="form-control" disabled>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Relación Jerárquica del denunciante respecto del denunciado:</label>
                            <input type="text" value="{{$denuncia[0]->hierarchy->name}}" name="who_denounces" class="form-control" disabled>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Trabaja directamente con el/la denunciado:</label>
                            <input type="text" value="{{$denuncia[0]->direct_work}}" name="who_denounces" class="form-control" disabled>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">¿El o La denunciante ha puesto en conocimiento a su superior Jerárquico la situación que le aflige? :</label>
                            <input type="text" value="{{$denuncia[0]->knowledge}}" name="who_denounces" class="form-control" disabled>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Observaciones:</label>
                            <text-area value="{{$denuncia[0]->observations}}" class="form-control" disabled>
                        </div>

                        <div class="col-12 my-4">
                            <h4 class="text-blue">Información</h4>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Caso o Denuncia:</label>
                            <textarea class="form-control" disabled>{{$denuncia[0]->description}}</textarea>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Personas involucradas en la situación:</label>
                            <textarea class="form-control" disabled>{{$denuncia[0]->involved}}</textarea>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Ocurrió en:</label>
                            <textarea class="form-control" disabled>{{$denuncia[0]->place}}</textarea>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Testigos de la situación:</label>
                            <textarea class="form-control" disabled>{{$denuncia[0]->witnesses}}</textarea>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Ocurre desde (aproximadamente):</label>
                            <textarea class="form-control" disabled>{{$denuncia[0]->time}}</textarea>
                        </div>

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Como se da cuenta de la situación:</label>
                            <input type="text" value="{{$denuncia[0]->how_did_he_find_out}}.  {{$denuncia[0]->other}}" name="" class="form-control" disabled>
                        </div>

                        <div class="col-12 my-4">
                            <h4 class="text-blue">Archivos que respaldan la denuncia:</h4>  
                            <ul>
                            @forelse($denuncia[0]->file as $file) 
                            <li><a href="{{asset('storage')}}/denuncias/{{$nameFolder}}/{{$file->name}}" target="_blank">{{ $file->name }}</a></li>
                            @empty 
                                {{'No hay archivos adjuntos que respalden la denuncia proporcionados por el denunciante o victima.'}}
                            @endforelse

                            </ul>
                            
                        </div>

                    </div>
                </div>
                            
                        
            </div>
        </div>
           
        <div class="col-12 col-md-1"></div>

        <div class="col-12">
            <div class="card">
                <div class="card-header card-header-primary shadow bg-purple">
                    <h4 class="card-title">Respuesta a la denuncia:</h4>
                    <p class="card-category"></p>
                </div>
                    
                <div class="card-body"> 
                    @if($count == 0)
                    <form class="form-control needs-validation answer" novalidate action="{{route('registros.store')}}" method="POST">
                        @csrf

                            <div class="col-12 col-md-6 my-5">
                                <div class="form-check my-3">
                                    <label for="estado" class="form-label">Estado de la denuncia</label>
                                    <select class="form-select" id="estado" aria-describedby="estado" name="estado">
                                        <option selected disabled value="0">Seleccione un estado para la denuncia</option>
                                        <option value="Aceptada">Aceptada</option>
                                        <option value="Rechazada">Rechazada</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="input-group my-3">
                                    <label for="exampleFormControlTextarea1" class="form-label">Observación</label>
                                    <textarea class="form-control" id="exampleFormControlTextarea1" name="observation" rows="4"></textarea>
                                    <!-- <small>Si la denuncia es rechazada, la observación será un campo requerido.</small> -->
                                </div>
                            </div>

                            <input type="hidden" name="denuncia_id" value="{{$denuncia[0]->id}}">  

                        <button type="submit" class="btn btn-primary pull-right">Enviar</button>
                        <div class="clearfix"></div>
                    </form>

                    @else 

                    <p>Estado: {{$registro[0]->estado}}</p>
                    <p>Observaciones: {{$registro[0]->observation}}</p>

                    <p class="my-3 text-right">Respuesta realizada por: Subsecretaria General de la Presidencia, Macarena Lobos Palacios.</p>
                    @endif
                </div>
            </div>
        </div>

    </div>
</div>

@endsection