@extends('base_panel._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <h5 class="text-dark mb-4">Loja de resgates</h5>
        <div class="row">
            <div class="col-2 mb-2">
                <label for="store_input" class="form-label">Valor (em pontos)</label>
                <input type="number" class="form-control" id="store_input" min="1">
            </div>
            <div class="col-4 mb-2">
                <label for="store_input" class="form-label">Descrição Resumida</label>
                <input type="text" class="form-control" id="store_input">
            </div>
            <div class="col-12 mb-2">
                <label for="store_input" class="form-label">Descrição completa</label>
                <textarea class="form-control" id="store_input" rows="4"></textarea>
            </div>
            <div class="col-12 mb-2 text-end">
                <button class="btn btn-primary">Salvar</button>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <h5>Todos produtos</h5>
            </div>
            <div class="col-sm-12 col-md-4 rounded-3 shadow-md">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 text-end">
                                <i class="fal fa-edit"></i> <i class="fal fa-trash"></i>
                            </div>
                        </div>
                        <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>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-4 rounded-3 shadow-md">
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 text-end">
                                <i class="fal fa-edit"></i> <i class="fal fa-trash"></i>
                            </div>
                        </div>
                        <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>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-4 rounded-3 shadow-md">
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 text-end">
                                <i class="fal fa-edit"></i> <i class="fal fa-trash"></i>
                            </div>
                        </div>
                        <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>
                    </div>
                </div>
            </div>
        </div>
        @endsection
        @section('customJS')
            <script>
                $(document).ready(function () {
                    $("#sidebar_cashback").addClass("active");
                    $("#collapseCashback").addClass("show");
                    $("#sub_cashback_store").addClass("active").addClass("text-primary");

                    $("table").DataTable({
                        language: {
                            url: window.location.origin + '/assets/jsons/datatable_pt_br.json'
                        },
                        order: [[0, 'desc']]
                    });

                    const quill = new Quill('#editor', {
                        theme: 'snow'
                    });
                });
            </script>
@endsection