@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    
                    <form action="{{route('carrito-autorizenet')}}" method="post">
                        {{ csrf_field() }} 
                    
                    <input type="hidden" name="id" value="{{$id}}">
                    <input type="hidden" name="totalGeneral" value="{{$totalGeneral}}">
                    
                    <div class="row">
                        
                        <div class="col-12">
                            <div class="form-group">
                                <h5 class="text-center">
                                    
                                    Tarjetas Aceptadas: Visa 
                                    <img src="{{asset('tarjetas/visa.png')}}" height="20"> 
                                    
                                    Mastercard 
                                    <img src="{{asset('tarjetas/mastercard.png')}}"height="20">
                                    
                                    Discover 
                                    <img src="{{asset('tarjetas/discover.png')}}"height="20">
                                    
                                    American Express 
                                    <img src="{{asset('tarjetas/amex.png')}}"height="20">
                                    
                                </h5>
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group">
                              <label>Número de Tarjeta</label>
                              <input name="cnumber" type="text" placeholder="Número de tarjeta" class="form-control" required>
                            </div>
                        </div>
                        
                        
                        <div class="col-6">
                            <div class="form-group">
                                <label>Mes de Expiración</label>
                                  <select class="form-control" name="card_expiry_month" required>
                                   <option value="01">Enero</option>    
                                   <option value="02">Febrero</option>    
                                   <option value="03">Marzo</option>    
                                   <option value="04">Abril</option>    
                                   <option value="05">Mayo</option>    
                                   <option value="06">Junio</option>    
                                   <option value="07">Julio</option>    
                                   <option value="08">Agosto</option>    
                                   <option value="09">Septiembre</option>    
                                   <option value="10">Octubre</option>    
                                   <option value="11">Noviembre</option>    
                                   <option value="12">Diciembre</option>    
                                  </select>
                            </div>
                        </div>
                        
                        
                        <div class="col-6">
                           <div class="form-group">
                            <label>Año de Expiración</label>
                             <select class="form-control" name="card_expiry_year" required>
                               @for($i = date('Y'); $i <= (date('Y') + 10); $i++)
                                <option value="{{$i}}">Año {{$i}}</option>
                               @endfor    
                            </select>
                          </div>
                        </div>
                        
                        <div class="col-6">
                           <div class="form-group">
                              <label>Código de seguridad/CVV</label>
                              <input type="text" class="form-control" name="ccode" placeholder="Código de seguridad/CVV" required>
                            </div>
                        </div>
                        
                        
                        <div class="col-12">
                            <div class="d-flex justify-content-center">
                                <div class="col-4">
                                    <div class="form-group">
                                     <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                                    </div>
                                </div>  
                            </div>
                        </div>    
                        
                    </div>
                    </form>
                    
                </div>
            </div>
        </div>
    </div>
</div>


@endsection