@extends('layouts.admin')
@section('content')
<style type="text/css">
body {background-image: url("{{ asset('img_institucional/fondo4.png') }}") ; background-attachment:scroll ; background-position:center top ; background-repeat:repeat ; background-color:transparent ;}
</style>

<div class="card">
    <div class="card-header">
        @foreach($archivos as $key => $cama)         
            <h4 style="color:#0000ff">Guía: {{ $cama->carpeta}}</h4>
            @break
        @endforeach 
    </div>
    @if ($message = Session::get('error'))
    <div class="alert alert-danger alert-block">
      <button type="button" class="close" data-dismiss="alert">×</button> 
           <b>  <strong style="color:red">{{ $message }}</strong> </b> 
    </div>
    @endif  
@canany(['socio_access'])
    <div class="card-body"> 
      <div class="table-responsive" BORDER="1">
        <table id="example" class="table table-striped">
            <thead>
                <tr>
                    <th width="10"></th>
                    <th>MCS</th>
                    <th>Tipo</th>
                    <th>Fecha inicio</th>
                    <th>Estado</th>
                    <th>Fecha terminado</th>
                </tr>
            </thead>
            <tbody>
              @foreach($archivos as $key => $cama)
                  <TR>
                      @if($cama->tipof=="application/pdf")
                        <td><embed src="/img_logos/pdf.jpg#toolbar=0&navpanes=0&scrollbar=0')"/><td>
                      @elseif($cama->tipof=="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")
                        <td><embed src="/img_logos/office.png#toolbar=0&navpanes=0&scrollbar=0')"/><td>   
                      @else
                        <td><embed src="/img_logos/imagen.png#toolbar=0&navpanes=0&scrollbar=0')"/><td>
                      @endif
                      <a href="#deleteProperty{{$cama->id}}" data-toggle="modal">{{ $cama->nombre }}</a>
                      <td>{{ $cama->tipo }}</td>
                      <td>{{ $cama->iniciada_fecha }}</td>
                      <td>{{ $cama->estado }}</td>
                      <td>{{ $cama->impresion_fecha }}</td>    
                      @include("admin.sociossubir.modals", [ "cama" => $cama ])
                  </TR>
                @endforeach           
                <hr>
              </tbody>
        </table>
      </div>
          <div class="row">
          <div class="col-md-10"> <div class="form-group">
            {!! $archivos->render() !!}   
          </div> </div>
        </div>          
    </div>
@endcanany

@canany(['responsable_access'])
<form action="{{url('admin/sociossubir/guardar2')}}" enctype="multipart/form-data" class="was-validated">
    <div class="card-body"> 
      <div class="table-responsive" BORDER="1">
        <table id="example" class="table table-striped">
              @foreach($archivos as $key => $cama)
                  <TR>
                  <TD ROWSPAN="8" width="60%">
                      <embed src="/pdf/{{$cama->nombre}}#toolbar=0&navpanes=0&scrollbar=0')" height="500px" width="100%" responsive"/>
                  </TD>
                      <td><b>MCS:</b> {{ $cama->nombre }} <input type="text" id="mcs[{{ $cama->id}}]"  name="mcs[{{ $cama->id}}]"  value="{{$cama->id}}" hidden>
                      </td>
                  </TR>
                  <TR>
                      <td><b>Tipo:</b> {{ $cama->tipo }}</td>
                  </TR>
                  <TR>
                      <td><b>Tamaño:</b> {{ $cama->tamano }}</td>
                  </TR>
                  <TR>
                      <td><b>Fecha creación:</b> {{ $cama->iniciada_fecha }}</td>
                  </TR>
                  <TR>
                      <td><b>Estado:</b> {{ $cama->estado }}</td>
                  </TR>
                  <TR>
                    <TD>
                      <b>Evaluar: </b>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" id="estado[{{ $cama->id}}]"  name="estado[{{ $cama->id}}]"  value="Aprobado" checked="true">
                        <label class="form-check-label">Aprobado</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" id="estado[{{ $cama->id}}]" name="estado[{{ $cama->id}}]" value="Rechazado">
                        <label class="form-check-label" required >Rechazado</label>
                      </div>
                    </TD>
                  </TR>
                  <TR>
                    <TD>
                        <b>Observación: </b><select  name="observacion[{{ $cama->id}}]" id="observacion[{{ $cama->id}}]" class="custom-select">
                          <option value="">-- Seleccionar --</option>
                            @foreach($observacionArray2 as $art)
                            <option value="{{ $art }}">
                            {{ $art}}</option>
                            @endforeach
                        </select>
                    </TD>
                  </TR>
                  <TR>
                    <TD>
                        <B>Especificar (Si es necesario)</B>
                        <input type="text" name="otra_observacion[{{ $cama->id}}]" id="otra_observacion[{{ $cama->id}}]" class="form-control" maxlength="100">
                    </TD>
                  </TR>
                @endforeach           
                <hr>
            </table>
      </div>
          <div class="row">
          <div class="col-md-10"> <div class="form-group">
            {!! $archivos->render() !!}   
          </div> </div>
          @foreach($archivos as $key => $cama)         
            <input type="text" id="carpeta"  name="carpeta"  value="{{ $cama->carpeta}}" hidden>
            @break
          @endforeach 
          <div class="col-md-2"> <div class="form-group">
            <button style="margin:auto;display:block" value="Submit" title="Guarda todas las opciones" class="btn-success btn-lg" ><i class="fa fa-floppy-o"></i> Guardar</button>
          </div> </div>
        </div> 
            
    </div>
   </form>
@endcanany
</div>
@endsection