@extends('layouts.dashboardnew')

@section('content')


<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
            	<div class="table-responsive">
            	    
            	    <div class="col-md-3">
                        <div class="form-group">
                            <a class="btn btn-info w-100" data-bs-toggle="modal" data-bs-target="#canje">Realizar Canje</a>
                        </div>
                    </div>
                    
                    <table class="table table-striped table-bordered zero-configuration">
				        <thead>
					        <tr>
						       <th class="text-center">#</th>
						       <th class="text-center">Cantidad Puntos</th>
						       <th class="text-center">Total a Recibir</th>
						       <th class="text-center">Estatus</th>
						       <th class="text-center">Fecha</th>
					        </tr>
				        </thead>
				        <tbody>
					      @foreach ($canjes as $canje)
					      <tr>
						      <td class="text-center">{{ $canje->id }}</td>
						      <td class="text-center">{{ $canje->cantidad }}</td>
						      <td class="text-center">
						          @if ($moneda->mostrar_a_d)
                                    {{$moneda->simbolo}} {{ $canje->total}}
                                  @else
                                    {{ $canje->total}} {{$moneda->simbolo}}
                                  @endif
						      </td>
						      <td class="text-center">
							     @if($canje->status == 0)
							       <span class="badge bg-warning-subtle text-warning">En Espera</span>
							     @elseif($canje->status == 1)
							       <span class="badge bg-success-subtle text-success">Aprobado</span>
							     @else
							       <span class="badge bg-danger-subtle text-danger">Rechazado</span>
							     @endif
						      </td>
						      <td class="text-center">{{ date('d-m-Y', strtotime($canje->fecha)) }}</td>
					       </tr>
					      @endforeach
				        </tbody>
			        </table>
                    
            	</div>
            </div>
        </div>
    </div>
</div>


@include('canje.modal.modalcanje')

@endsection

@include('usuario.componentes.scripBotones')

@push('script')
<script>
    
    function totalRetiro(valor) {
        
        var resul = valor * {{$settings->total_canje}}
        
        if('{{ $moneda->mostrar_a_d }}' == 1){
            $('#total').val('{{ $moneda->simbolo }} '+ resul);
        }else{
            $('#total').val(resul +' {{ $moneda->simbolo }}');
        }
        
    }
    
</script>
@endpush