@extends('layouts.app')
@section('content')

<style type="text/css">
	.colorplomo{
        color: grey;
      }

      .colorrojo{
        color: red;
      }

      .vigente { 
        color: green; 
      }

      .finalizado { 
        color: red; 

      }
</style>

<div class=" col-lg-6 col-md-6 col-sm-6 col-xs-6 box box-primary" style=" margin-left: 5%;">
	<div class="box-header with-border">
		<h3 class="box-title">Presentar las cotizaciones en físico</h3>
	</div>
	
	<div class="box-body">
		<strong><i class="fa fa-map-marker margin-r-5"></i> Lugar</strong>
		<p class="text-muted"> Jr. Manco Cápac Nº 497 , Huanta, Ayacucho – Unidad de Abastecimiento.
		</p>
	</div>

	<div class="box-header with-border">
		<h3 class="box-title">Enviar las cotizaciones en digital</h3>
	</div>
	
	<div class="box-body">
		<strong><i class="fa fa-envelope margin-r-5"></i> Correo electrónico</strong>
		<p class="text-muted"> adquisiciones@unah.edu.pe</p>
	
		<strong><i class="fa fa-phone margin-r-5"></i> Teléfono</strong>
		<p class="text-muted">066-797724</p>
		</div>
</div>


<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<hr style=" margin-left: 5%; margin-right: 5%;">
		<h3 class="text-muted"  style="text-align: center;">CONVOCATORIAS DE BIENES Y SERVICIOS</h3>
<hr style=" margin-left: 5%; margin-right: 5%;">
	</div>
</div>


<div class="row" style=" margin-left: 5%;">
	<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
		
		@include('publico.locacion.search')
	</div>
</div>

<div class="row" >
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
		<div class="table-responsive" style=" margin-left: 5%; margin-right: 5%;">
			<table class="table table-striped table-bordered table-condensed table-hover">
				<thead>
					<th>Id</th>
					<th>Codigo</th>
					<th>Descripción</th>
					<th>Categoria</th>
					<th>Fecha Publicación</th>
					<th>Fecha Vencimiento</th>
					<th style="text-align: center;">Estado</th>
					<th style="text-align: center;">TDR</th>
					
				</thead>
				@foreach ($convocatorias as $conv)
				<tr >
					<td>{{$conv->idconvocatoria}}</td>
					<td>{{$conv->codigo}}</td>
					<td>{{$conv->descripcion}}</td>
					<td>{{$conv->categoria_convocatoria}}</td>
					
					<td>{{$conv->fecha_publicacion}}</td>
					<td>{{$conv->fecha_vencimiento}}</td>
					
					<td style="text-align: center;" class="{{strtolower($conv->estado)}}">{{$conv->estado}}</td>
					
					<td style="text-align: center; font-size: 13px;"><a target="_blank" href="{{asset('archivos/pdf/'.$conv->documento)}}"> <button class="fa fa-file-pdf-o btn btn-danger"  > PDF</button></a></td>

				</tr>
				@include('convocatoria.locacion.modal')
				@endforeach
			
			</table>
		</div>
		{{$convocatorias->render()}}
	</div>
</div>

<!-- cambiar el color de vigente y finalizado  -->
    <script>
      var est =document.getElementById('estado').innerHTML;
      function cambiarcolor(){
        if (est=="VIGENTE") {
          document.getElementById('estado').style.color="green";
        }
        if (est=="FINALIZADO") {
          document.getElementById('estado').style.color="green";
        }
      }
      cambiarcolor();

    </script>


    <script >
      var valor_estado = $('#estado').val();

    if (valor_estado === "VIGENTE") {
            
            document.getElementById('estado').style.color="red";
        }

    </script>

@endsection