@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 ">
                
                <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}} {{$form->lastname}}"  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">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">Comuna de residencia:</label>
                            <input type="text" class="form-control" value="{{$form->city}}"  name="region" id="region" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-4 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">Representa a una institución:</label>
                            <input type="text" class="form-control" value="{{$form->institution}}" name="sexo" id="sexo" disabled>
                        </div>
                    </div>

                    <div class="col-12 col-md-8 my-2">
                        <div class="form-group">
                        <label class="bmd-label-floating">¿Cuál?:</label>
                            @if($form->institution == 'No') 
                            <input type="text" class="form-control" value="No aplica" name="belongs" id="belongs" disabled>
                            @else 
                            <input type="text" class="form-control" value="{{$form->institution_name}}" name="belongs" id="belongs" disabled>
                            @endif
                        </div>
                    </div>

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

    </div>

@endsection