{{-- Recibe como parametros los objetos
  inscripcion
  curso
--}}

<div class="rounded overflow-hidden shadow-lg m-1  flex flex-col justify-between">
    <a href="{{$comision->curso->programa_url}}">
      
      <img class="w-full" src={{ asset('/img/'.$comision->curso->departamento->codigo.'.jpg') }} alt="Sunset in the mountains">
    </a>
    <!-- Caja de texto-->
    <div class="p-4 flex-1 flex flex-col justify-between">
  
        <div class="font-bold sm:text-xl mb-3">
            {{$comision->curso->nombre}}
        </div>
        <p class="text-gray-700 text-base text-justify">
          {{$comision->curso->descripcion}}
        </p>
        
        <div>
          Departamento: {{$comision->curso->departamento->nombre}}
        </div>
  
        <div class="py-2 grid grid-cols-2 2xl:grid-cols-4 gap-1">
          <span class="inline-block bg-gray-200 rounded-2xl px-2 py-1 text-sm font-semibold text-gray-700  mb-2">Horas: {{$comision->curso->horas}}</span>
          <span class="inline-block bg-gray-200 rounded-2xl px-2 py-1 text-sm font-semibold text-gray-700  mb-2">Codigo: {{$comision->curso->codigo}}</span>
          <span class="inline-block bg-gray-200 rounded-2xl px-2 py-1 text-sm font-semibold text-gray-700  mb-2">Puntos: {{$comision->id != 7 ? $comision->creditos : "4"}}</span>
          <span class="inline-block bg-gray-200 rounded-2xl px-2 py-1 text-sm font-semibold text-gray-700  mb-2">Cupos: {{$comision->cupos_disponibles}}</span>
        </div>
          
        <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2 w-full">Cursado: {{$comision->curso->periodo_lectivo}}</span>
  
        <div>
          <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">Requisitos:</span>
          @if (count($comision->requisitos)>0)
            @foreach ($comision->requisitos as $requisito)
            <span class="inline-block px-3">{{$requisito->tipo.'-'.$requisito->nombre}}</span>
            @endforeach    
          @else
            <span class="inline-block px-3">No posee</span>
          @endif
        </div>
  
       
  
    </div>
  
  </div>