@extends('dashboard._theme_dashboard')

@section('content')
    @csrf
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12 col-md-4 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 class="row">
            <div class="col-12 d-flex align-items-stretch">
                <div class="card w-100">
                    <div class="card-body p-4">
                        <h5 class="card-title fw-semibold mb-4">Seus Resgates</h5>
                        <div class="table-responsive">
                            <table class="table text-nowrap mb-0 align-middle">
                                <thead class="text-dark fs-4">
                                <tr>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Código do Resgate</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Data</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Cupom Resgatado</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Valor</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Situação</h6>
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($client_rescue as $rescue)
                                    <tr>
                                        <td class="border-bottom-0">{{$rescue->rescue_code}}</td>
                                        <td class="border-bottom-0">{{date("d/m/Y H:i:s", strtotime($rescue->created_at))}}</td>
                                        <td class="border-bottom-0">{{$rescue->rescue_description}}</td>
                                        <td class="border-bottom-0">{{$rescue->rescue_points}} Pontos</td>
                                        <td class="border-bottom-0">{{$rescue->rescue_status}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('customJS')
    <script src="{{asset("assets/js/panel/points.js")}}"></script>
@endsection