@extends('layouts.jefa')

@section('css')
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
  <link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap4.min.css">
  <link rel="stylesheet" href="{{ asset('assets/css/cpp.css') }}">
  <link href="assets/css/cpp.css" rel="stylesheet">
@endsection

@section('content')

<div class="container-fluid">


<div class="row">
      <h5 class="font-weight-bolder mb-0 text-blue">Formularios de participación</h5>
        
        <div class="col-12 col-md-12">
          <div class="card">
            <div class="card-header bg-light-blue">
              <h4 class="card-title text-white">Formularios recibidos</h4>
            </div>
            <div class="card-body table-responsive">
            @foreach($form as $form)
            <form class="col-12 needs-validation" novalidate action="{{route('respuesta.store')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Nombre y Apellido:</label>
                            <input type="text" class="form-control" value="{{$form->name}}"  name="nombre" id="nombre" disabled>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Edad:</label>
                            <input type="text" class="form-control" value="{{$form->year}}"  name="edad" id="edad" disabled>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Género:</label>
                            <input type="text" class="form-control" value="{{$form->genero}}" name="genero" id="genero" disabled>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Email:</label>
                            <input type="email" class="form-control" value="{{$form->email}}" name="email" id="email" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">En qué comuna vive:</label>
                            <input type="text" class="form-control" value="{{$form->place}}" name="comuna" id="comuna" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                            <label class="bmd-label-floating">¿Pertenece a alguna organización de la sociedad civil?</label>
                        </div>
                        @if($form->organization == 'Sí')
                        <div class="form-check">
                            <input type="text" class="form-control" value="Sí" name="comuna" id="comuna" disabled>
                        </div>
                        @else 
                        <div class="form-check">
                            <input type="text" class="form-control" value="No" name="comuna" id="comuna" disabled>
                        </div>
                        @endif
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">En caso de seleccionar anteriormente Sí, ingrese el nombre de la organización:</label>
                            <input type="text" class="form-control" value="{{$form->name_organization}}" name="organizacion" id="organizacion" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Escríbanos sus comentarios, consultas u opiniones sobre la Consulta Pública Participativa 2023</label>
                        <textarea class="form-control" name="opinion" id="opinion" disabled>{{$form->observations}}</textarea>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Fecha de registro del formulario:</label>
                        <input type="text" class="form-control" value="{{ \Carbon\Carbon::parse($form->created_at)->format('d/m/Y h:i A')}}" name="date_register" id="date_register">
                        </div>
                    </div>


                    @if(empty($form->answer))

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Respuesta:</label>
                        <textarea class="form-control" name="answer" id="answer"></textarea>
                        </div>

                        <input type="hidden" name="form_id" value="{{$form->id}}">
                        <input type="hidden" name="user_id" value="{{Auth::user()->id}}">
                        <input type="hidden" name="user_mail" value="{{$form->email}}">
                        <input type="hidden" name="user_name" value="{{$form->name}}">
                    </div>

                    <div class="col-12 col-md-4">
                        <div class="btn-form d-flex align-items-center justify-content-center">
                            <button type="submit" class="btn btn-primary btn-fill pull-right">Enviar respuesta.</button>
                        </div>
                    </div>
                    @else 
                        <div class="col-12 col-md-12 my-2">
                            <div class="form-group">
                                <label class="bmd-label-floating">Respuesta:</label>
                                {{$form->answer->observation}}
                            </div>
                        </div>
                    @endif

                </div>
            </form>
            @endforeach
            </div>
          </div>
        </div>
      </div>

    </div>

@endsection