@extends('layouts.master')
@section('content')

<div class="download-app-div" style="background-image: url({{ asset('img/www/cards-buy.jpg') }});">
    <div class="overlay-primary"></div>
    <div class="content content-cards-res">
       <div class="col-mx-auto">
           <h1 class="text-center p-centered bold">Adquiere tu tarjeta <br /> ahora mismo</h1>
           <p class="text-center p-centered fs-18"> ¡Conviértete en Socio YekoClub® <br /> <span class="fw-600">y comienza a disfrutar de descuentos y beneficios!</span>
            </p>
       </div>
    </div>
</div>

<div class="container grid-lg pt-80 pb-80">
    <div class="container">
        <div class="columns">
            <div class="col-6 col-md-12 col-mx-auto">
                <p class="text-center fs-20 text-primary fw-600 mb-10">Conoce todas las</p>
                <p class="text-center fs-26 fw-600 mb-10">Membresías YekoClub®</p>
                <p class="text-center pt-20">Escoge la membresia que deseas comprar<br>y adquiere tu tarjeta ahora mismo</p>
            </div>
        </div>
    </div>
    <div class="container membership">
        <div class="columns">
            @foreach($data['cards'] as $card)
                <div class="column col-4 col-sm-12 pt-40">
                    @component('general.partials.card', [
                        'titulo' => $card['titulo'],
                        'descripcion' => $card['descripcion'],
                        'vigencia' => $card['vigencia'],
                        'asistencia' => $card['asistencia'],
                        'iva' => $card['iva'],
                        'entrega' => $card['entrega'],
                        'valor' => $card['valor'],
                    ])
                    @endcomponent
                    <div class="membership-button mt-20">
                        <a href="/membership/cart/{{ $card['id'] }}" class="btn btn-general">Siguiente</a>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>    

@endsection