<div class="x_content">
  <form id="form-nuevo">
    
    @if ($vaucher->observaciones->count()>0)
      <ul class="list-group">
          <li class="list-group-item list-group-item-dark" style="padding:3px 10px;">Observaciones:</li>
        @foreach ($vaucher->observaciones as $o)
          <li class="list-group-item" style="padding:3px 10px;"><b>{{ $o->created_at->format('d/m/Y H:i') }}</b>: {{ $o->observacion }}</li>
        @endforeach
      </ul>
    @endif
            
    <div class="row mt-3">
      <div class="col-lg-6 col-md-12 col-sm-12 text-center">
        <a href="https://portal.itzitacuaro.edu.mx/pago/nuevo/public/vaucher/{{ $vaucher->periodo->nombre }}/{{ $vaucher->imagen }}" class="zoom"><img src="https://portal.itzitacuaro.edu.mx/pago/nuevo/public/vaucher/{{ $vaucher->periodo->nombre }}/{{ $vaucher->imagen }}" height="400px" style="max-width: 300px;" /></a>
        <a href="https://portal.itzitacuaro.edu.mx/pago/nuevo/public/vaucher/{{ $vaucher->periodo->nombre }}/{{ $vaucher->imagen }}" target="_blank">Abrir Imagen</a>
      </div>
      <div class="col-lg-6 col-md-12 col-sm-12">

        <div class="row">
          <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label>No. Solicitud:</label></div>  
          <div class="col-lg-9 col-md-9 col-8"><label>{{ $vaucher->fk_idAspirante }}</label><input type="hidden" name="no_control" id="no_control" value="{{ $vaucher->fk_idAspirante }}"></div>  
        </div>

        <div class="row"> 
          <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label>Nombre:</label></div>  
          <div class="col-lg-9 col-md-9 col-8"><label>{{ $vaucher->aspirante->nombre }} {{ $vaucher->aspirante->ap_paterno }} {{ $vaucher->aspirante->ap_materno }}</label></div>  
        </div>

        <div class="row">
          <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label>Carrera:</label></div>  
          <div class="col-lg-9 col-md-9 col-8"><label>{{ $vaucher->aspirante->carrera->nombre }}</label></div>
        </div>

        <div class="row mt-1">
          <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label for="celular">Celular:</label></div>  
          <div class="col-lg-9 col-md-9 col-8"><label>{{ $vaucher->aspirante->celular }}</label></div>  
        </div>

        <div class="row mt-1">
          <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label for="celular">Método de pago:</label></div>  
          <div class="col-lg-9 col-md-9 col-8"><label>{{ $vaucher->forma_pago->nombre }}</label></div>  
        </div>

        <div class="row mt-1">
          <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label for="referencia">Referencia:</label></div>  
          <div class="col-lg-9 col-md-9 col-8"><label>{{ $vaucher->referencia }}</label></div>  
        </div>

        <div class="row mt-1">  
          <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label for="importe">Importe:</label></div>  
          <div class="col-lg-9 col-md-9 col-8"><label>${{ number_format($vaucher->importe,2) }}</label></div>  
        </div>

        <div class="row mt-1">
          <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label for="fecha_pago">Fecha de pago:</label></div>  
          <div class="col-lg-9 col-md-9 col-8"><label>{{ $vaucher->fecha_pago->format('d/m/Y') }}</label></div>  
        </div>

        @if ($vaucher->fk_idEstado=='1')
          <div class="row mt-1">
            <div class="col-lg-3 col-md-3 col-4 font-weight-bold"><label for="observacion">Observación:</label></div>  
            <div class="col-lg-9 col-md-9 col-8"><textarea id="observacion" name="observacion" class="form-control"></textarea></div>
          </div>

          <div class="row mt-3">
            <div class="col-md-3">&nbsp;</div>  
            @can('pagos_autorizar')
              <div class="col-md-3"><button type="button" class="btn btn-sm btn-success btn-block" onclick="autorizar_vaucher({{ $vaucher->id }},'aspirante');">Autorizar</button></div>  
            @endcan
            @can('pagos_rechazar')
              <div class="col-md-3"><button type="button" class="btn btn-sm btn-secondary btn-block" onclick="rechazar_vaucher({{ $vaucher->id }},'aspirante');">Rechazar</button></div>  
            @endcan
            <div class="col-md-3">&nbsp;</div>  
          </div>
        @endif

          

      </div>      
    </div>

    

  </form>
      

</div>