@extends('layouts.dashboard')

@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">
@endsection

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12 col-md-12">

            @if (session('status'))
                <div class="col-12 alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
            
            <div class="card my-5">
                <div class="card-header card-header-primary">
                    <h4 class="card-title">Ejercicio Metodológico:</h4>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-hover">
                        <thead class="text-warning">
                          <th>Tipo de entrega</th>
                          <th style="">Archivo</th>
                          <th>Reclamos Respondidos</th>
                          <th>Reclamos Recibidos</th>
                          <th>Cumplimiento</th>
                        </thead>
                        <tbody>
                            @foreach ($documents as $document)
                            <tr>
                                @if($document->type == 1)
                                    <td>Entrega Ejercicio Metodológico Nº {{$document->type}}</td>
                                    @else
                                    <td>Correcciones Ejercicio</td>

                                @endif

                                <td><a href="{{asset('storage')}}/{{$nameFolder}}/{{ $document->name }}" target="_blank">{{$document->name}}</a></td>
				<td>{{$document->reclamos_respondidos}}</td>
                                <td>{{$document->total_reclamos}}</td>
                                <td>{{$document->cumplimiento}} %</td>
                            </tr>
                            @endforeach

                            <tr>
                                <td colspan="5">
                                    @if(count($observaciones) > 0)
                                        <div class="col-12">
                                            <h4 class="text-left my-3">Observaciones al ejercicio metodológico:</h4>
                                            <p>{{$observaciones[0]->description}}</p>
                                        </div>
                                        <p> Observaciones realizadas por: Red de Expertos.</p>
                                    @else
                        
                                        @if(Auth::user()->profile_id == 1 || Auth::user()->profile_id == 2)
                                            <form class="needs-validation" novalidate action="{{route('observaciones.store')}}" method="POST">
                                                @csrf

                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Observaciones:</label>
                                                            <textarea rows="4" cols="80" name="obs" class="form-control" placeholder="Ingrese sus observaciones aquí..."> </textarea>
                                                            <input type="hidden" name="user_id" value="{{Auth::user()->id}}" >
                                                            <input type="hidden" name="document_id" value="{{$id}}" >
                                                            <input type="hidden" name="service_id" value="{{$service_id}}" >
                                                        </div>
                                                    </div>
                                                </div>
                                                <button type="submit" class="btn btn-info btn-fill pull-right">Enviar Observación</button>
                                                <div class="clearfix"></div>
                                            </form>
                                        @endif
                                    @endif
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>        
    </div>
</div>

@endsection