@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">Consulta</h4>
                    <p class="card-category"></p>
                </div>
                    
                <div class="card-body">      
                    <div class="row">
                            
                        <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</label>
                            <input type="text" value="{{$consulta[0]->name}}" 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="{{$consulta[0]->mail}}" name="who_denounces" class="form-control" disabled>
                        </div>

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

                        <div class="col-12 my-3">
                            <label for="rut" class="form-label">Consulta:</label>
                            <textarea class="form-control" disabled>
                            {{$consulta[0]->description}}
                            </textarea>
                        </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 consulta:</h4>
                    <p class="card-category"></p>
                </div>
                    
                <div class="card-body"> 
                    @if($count == 0)
                    <form class="form-control needs-validation answer" novalidate action="{{route('logs.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 consulta</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="Respondida">Respondida</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="consulta_id" value="{{$consulta[0]->id}}">  

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

                    @else 

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

                    <p class="my-3 text-right">Respuesta realizada por: Coordinadora de Integridad, Pamela Ávila.</p>
                    @endif
                </div>
            </div>
        </div>

    </div>
</div>

@endsection