@extends('dashboard.mobile._theme_dashboard')

@section('content')
    @csrf
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row">
            <div class="col-12 text-end mb-2 mt-2">
                <a href="{{route("rescues")}}">Meus Resgates</a>
            </div>
        </div>
        <div class="row">
            <div class="col-12 rounded-3 shadow-md">
                <div class="card">
                    <div class="card-body">
                        <h1 class="card-title pricing-card-title">10 Pontos</h1>
                        <ul class="list-unstyled mt-3 mb-4">
                            <li>Spray tinta alta temperatura 350ml Tekbond</li>
                            <li><small>*Consulte o regulamento</small></li>
                        </ul>
                        <button type="button" class="w-100 btn btn-lg btn-primary"
                                onclick="rescuePoints(10, '{{route("points.rescue")}}','Spray tinta alta temperatura 350ml Tekbond')">
                            Resgatar
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-4 rounded-3 shadow-md">
                <div class="card mb-4">
                    <div class="card-body">
                        <h1 class="card-title pricing-card-title">50 Pontos</h1>
                        <ul class="list-unstyled mt-3 mb-4">
                            <li>Massa acrílica 5KG</li>
                            <li><small>*Consulte o regulamento</small></li>
                        </ul>
                        <button type="button" class="w-100 btn btn-lg btn-primary"
                                onclick="rescuePoints(50, '{{route("points.rescue")}}','Massa acrílica 5KG')">
                            Resgatar
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-4 rounded-3 shadow-md">
                <div class="card mb-4">
                    <div class="card-body">
                        <h1 class="card-title pricing-card-title">100 Pontos</h1>
                        <ul class="list-unstyled mt-3 mb-4">
                            <li>Cupom de R$100,00 de desconto na sua compra</li>
                            <li><small>*Consulte o regulamento</small></li>
                        </ul>
                        <button type="button" class="w-100 btn btn-lg btn-primary"
                                onclick="rescuePoints(100, '{{route("points.rescue")}}', 'R$ 100,00')">
                            Resgatar
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('customJS')
    <script src="{{asset("assets/js/panel/mobile/store.js")}}"></script>
@endsection