@extends('academia.layouts.dashboard')

@section('content')

<div class="container-fluid">
    <div class="row">
        
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    
                    <form method="POST" action="{{route('academia-carrito-comprar-final')}}">
                        {{ csrf_field() }}
                        
                        <div class="row">
                            
                            <div class="col-md-12">
                                <div class="form-group">
                                   <h5 class="text-dark">Cursos (Items) {{ $carritos->count() }}</h5>
                                </div>
                            </div>
                        
                            <div class="col-md-12">
                                <div class="form-group">
                                    <h4 class="text-dark mt-3"> 
                                        Total
                                        @if ($moneda->mostrar_a_d)
                                          {{$moneda->simbolo}} {{ $total }}
                                        @else
                                          {{ $total }} {{$moneda->simbolo}}
                                        @endif
                                    </h4>
                                </div>
                            </div>    
                        
                            <div class="col-md-12">
                                <div class="form-group">
                                    <h4 class="mt-4">Métodos de Pagos</h4>
                                </div>
                            </div>    
                    
                            <div class="col-md-12">
                                <div class="form-check mb-2 mt-2">
                                    <input class="form-check-input" type="radio" name="radio" value="10" required>
                                    <label class="form-check-label text-dark">Mercado Pago</label>
                                </div>    
                            </div>
                         
                            <div class="col-md-12">
                                <div class="form-group">
                                    <button class="btn btn-info btn-block text-white" type="submit">Aceptar</button>
                                </div>
                            </div>
                            
                        </div>    
                    
                    </form>
                    
                </div>
            </div>
        </div>
        
        <div class="col-md-9">
            <div class="card">
                <div class="card-body">
                    
                    <div class="table-responsive">
                    <table class="table">
                        <thead style="background-color: #0093f8;">
                            <tr>
                              <th class="text-center text-white">Imagen</th>
                              <th class="text-center text-white">Nombre del Curso</th>
                              <th class="text-center text-white">Precio</th>
                              <th class="text-center text-white">Eliminar</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                            @foreach($carritos as $carrito)
                            <tr>
                              <th class="text-center">
                                  <img src="{{asset('/cursos/'.$carrito->course->cover)}}" class="img-fluid" style="height: 80px;">
                              </th>
                              <td class="text-center">
                                  <h4>{{ $carrito->course->title }}</h4>
                              </td>
                              <td class="text-center">
                                  <h4>
                                     @if ($moneda->mostrar_a_d)
                                        {{$moneda->simbolo}} {{ $carrito->course->price }}
                                     @else
                                        {{ $carrito->course->price }} {{$moneda->simbolo}}
                                     @endif
                                  </h4>
                              </td>
                              <td class="text-center">
                                  <a class="btn btn-danger text-white" href="{{ route('academia-carrito-eliminar', ['id' => $carrito->id]) }}">
                                      <i class="fa fa-trash"></i>
                                  </a>
                              </td>
                            </tr>
                            @endforeach
                            
                        </tbody>
                    </table>
                    </div>
                    
                </div>
            </div>
        </div>
        
        
    </div>
</div>

@endsection