@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-cobro-newtoken')}}" method="post">
                        {{ csrf_field() }} 
                        
                    <div class="row">
                        
                        <input type="hidden" name="idcompra" value="{{ $idcompra }}">
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <h4 class="text-info"> Datos Personales</h4>
                            </div>
                        </div>    
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Nombre Completo</label>
                                <input name="nombre_completo" type="text" placeholder="Nombre completo" class="form-control" required value="{{ old('nombre_completo') }}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Ciudad</label>
                                <input name="ciudad" type="text" placeholder="Ciudad" class="form-control" value="{{Auth::user()->usercampo->ciudad}}" required>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Estado</label>
                                <input name="estado" type="text" placeholder="Estado" class="form-control" value="{{Auth::user()->usercampo->estado}}" required>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Dirección Linea 1</label>
                                <input name="linea1" type="text" placeholder="Dirección Linea 1" class="form-control" value="{{Auth::user()->usercampo->direccion}}" required>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Dirección Linea 2</label>
                                <input name="linea2" type="text" placeholder="Dirección Linea 2" class="form-control" value="{{Auth::user()->usercampo->direccion2}}" required>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Dirección Linea 3</label>
                                <input name="linea3" type="text" placeholder="linea3" class="form-control" required value="{{ old('linea3') }}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Codigo Postal</label>
                                <input name="codigo" type="text" placeholder="Codigo" class="form-control" value="{{Auth::user()->usercampo->codigo}}" required>
                            </div>
                        </div>
                        
                        
                        <div class="col-md-12">
                            <div class="form-group">
                               <h4 class="text-info"> Datos de la Tarjeta</h4>
                            </div>
                        </div>
                        
                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Número de Tarjeta</label>
                                <input name="cnumber" type="text" placeholder="Número de tarjeta" class="form-control" required value="{{ old('cnumber') }}">
                            </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" {{ old('card_expiry_month') == '01' ? 'selected' : '' }}>Enero</option>    
                                    <option value="02" {{ old('card_expiry_month') == '02' ? 'selected' : '' }}>Febrero</option>    
                                    <option value="03" {{ old('card_expiry_month') == '03' ? 'selected' : '' }}>Marzo</option>    
                                    <option value="04" {{ old('card_expiry_month') == '04' ? 'selected' : '' }}>Abril</option>    
                                    <option value="05" {{ old('card_expiry_month') == '05' ? 'selected' : '' }}>Mayo</option>    
                                    <option value="06" {{ old('card_expiry_month') == '06' ? 'selected' : '' }}>Junio</option>    
                                    <option value="07" {{ old('card_expiry_month') == '07' ? 'selected' : '' }}>Julio</option>    
                                    <option value="08" {{ old('card_expiry_month') == '08' ? 'selected' : '' }}>Agosto</option>    
                                    <option value="09" {{ old('card_expiry_month') == '09' ? 'selected' : '' }}>Septiembre</option>    
                                    <option value="10" {{ old('card_expiry_month') == '10' ? 'selected' : '' }}>Octubre</option>    
                                    <option value="11" {{ old('card_expiry_month') == '11' ? 'selected' : '' }}>Noviembre</option>    
                                    <option value="12" {{ old('card_expiry_month') == '12' ? 'selected' : '' }}>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 - 2000) }}" {{ old('card_expiry_year') == ($i - 2000) ? 'selected' : '' }}>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 value="{{ old('ccode') }}">
                            </div>
                        </div>
                        
                        
                        <div class="col-md-12 mb-4">
                            <div class="d-flex justify-content-center">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <button name="Submit" type="submit" class="btn btn-info btn-block text-white" >Aceptar</button>
                                    </div>
                                </div>
                            </div>    
                        </div> 
                        
                    </div>  
                    
                    </form>
                    
                </div>
            </div>
        </div>
    </div>
</div>    

@endsection