@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="col-sm-12 col-md-6 col-lg-6">
          <div class="card card-stats">
            <div class="card-header card-header-light-blue card-header-icon">
              <div class="card-icon">
                <i class="material-icons">date_range</i>
              </div>
              <p class="card-category">Fecha último Ejercicio Metodológico</p>
             
                @foreach ($date as $date)
                     @if($date->date_active == null)
                    <h3 class="card-category">No hay fecha definida</h3>
                    @else 
                    <h3 class="card-category"> 
                      {{ \Carbon\Carbon::parse($date->date_active)->format('d/m/Y')}}
                      al 
                      {{ \Carbon\Carbon::parse($date->date_end)->format('d/m/Y')}}
                    </h3>
                    @endif
                @endforeach
            </div>
            <div class="card-footer">
              
            </div>
          </div>
        </div>

        <div class="col-sm-12 col-md-6 col-lg-6">
          <div class="card card-stats">
            <div class="card-header card-header-light-blue card-header-icon">
              <div class="card-icon">
              <i class="material-icons">download_for_offline</i>
              </div>
              <p class="card-category">Descarga de todos los archivos en formato ZIP</p>
              <h3 class="card-category"> La descarga se habilitará al cierre de la entrega del ejercicio metodológico.</h3>
            </div>
            <div class="card-footer">
              
            </div>
          </div>
        </div>

        <div class="row">
            
            <div class="col-12 col-md-12">
              <div class="card">
                <div class="card-header bg-purple">
                  <h4 class="card-title text-white">Servicios</h4>
                  <p class="card-category text-white">Estado de los servicios a la fecha</p>
                </div>
                <div class="card-body table-responsive">
                  <table class="table table-hover" id="table01">
                    <thead class="">
                      <th style="width:600px;" class="text-left">Servicio</th>
                      <th style="width:600px;" class="text-left">Ministerio</th>
                      <th class="text-center" >Entrega Final</th>
                     
                    </thead>
                    <tbody>
                      @foreach($services as $service)
                      <tr>
                                                <td class="text-left">{{$service->name}}</td>
                        <td class="text-left">{{$service->ministry->name}}</td> 
                        
                        <td class="text-center">
                           @foreach($services as $service)
                              @foreach($service->document as $docs)
                                @if($service_id == $docs->service_id)
                                  @if($docs->type == 4)
                                    <a href="{{route('servicios.show', $docs->id)}}">
                                      <i class="material-icons">visibility</i>
                                    </a>
                                  @endif
                                @endif
                              @endforeach
                          @endforeach
                        </td>
                      </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>

@endsection