@extends('layouts.admin')

@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="{{secure_asset('assets/css/cpp.css') }}">
  <link href="{{secure_asset('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">
            @foreach($form as $form)
            <div class="card-header bg-light-blue">
              <h4 class="card-title text-blue">Formulario de recepción de propuesta de: {{$form->name}}</h4>
            </div>
            <div class="card-body table-responsive">
            
            <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">Código ID:</label>
                            <input type="text" class="form-control" value="{{$form->id}}"  name="form_id" id="form_id" disabled>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Nombre:</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">Región:</label>
                            <input type="text" class="form-control" value="{{$form->region}}"  name="region" id="region" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Comuna:</label>
                            <input type="text" class="form-control" value="{{$form->comuna}}"  name="region" id="region" disabled>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Sexo:</label>
                            <input type="text" class="form-control" value="{{$form->gender}}" name="sexo" id="sexo" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Pertenece a:</label>
                            <input type="text" class="form-control" value="{{$form->belongs}}" name="belongs" id="belongs" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Tipo de propuesta:</label>
                            <input type="text" class="form-control" value="{{$form->proposal}}" name="proposal" id="proposal" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Organización o Colectivo:</label>
                            <input type="text" class="form-control" value="{{$form->organization}}" name="organization" id="organization" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Rol o Cargo:</label>
                            <input type="text" class="form-control" value="{{$form->role}}" name="role" id="role" 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">Teléfono:</label>
                            <input type="text" class="form-control" value="{{$form->phone}}" name="phone" id="phone" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Área de la propuesta:</label>
                            <input type="text" class="form-control" value="{{$form->area}}" name="area" id="area" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Título de la propuesta:</label>
                            <input type="text" class="form-control" value="{{$form->proposalTitle}}" name="proposalTitle" id="proposalTitle" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Descripción de la propuesta:</label>
                            <input type="text" class="form-control" value="{{$form->description}}" name="description" id="description" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-12 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Actores involucrados:</label>
                            <input type="text" class="form-control" value="{{$form->involved}}" name="involved" id="involved" disabled>
                        </div>
                    </div>

                    <div class="col-12 my-4">
                        <h4 class="text-blue">Archivos que respaldan la propuesta:</h4> 

                        @if(count($is_file) > 0 )
                        <ul>
                            @foreach($is_file as $file)
                            <li><a href="{{asset('storage')}}/adjuntos/{{$file->form_id}}/{{$file->name}}" target="_blank">{{$file->name}}</a></li>
                            @endforeach
                        </ul>
                        @else
                        <p>No hay archivos asociados.</p>
                        @endif
                        
                    </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-12">
                        <div class="btn-form float-end">
                            <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