@extends('layouts.dashboard')

@section('dashboard')


<div class="container">
    
    @session('success')
      <p class="alert alert-success" role="alert">
        {{session('success')}}
      </p>
    @endsession
    
    
    @session('error')
      <p class="alert alert-danger" role="alert">
        {{session('error')}}
      </p>
    @endsession
    <a href="/profile" class="ps-btn my-3">Back</a>
    <h1>Buy Cans</h1>
    {{-- <form action="{{ route('store.cans.buy') }}" method="POST">
        @csrf
        <div class="form-group">
            <label for="quantity">Number of Cans</label>
            <input type="number" name="quantity" id="quantity" class="form-control" min="1" required>
        </div>
        <button type="submit" class="btn btn-primary">Purchase</button>
    </form> --}}
    <div class="row mt-3 justify-content-center">
        <style>
            .card {
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                border-radius: 10px;
                padding: 5px;
                transition: transform 0.3s, box-shadow 0.3s;
                background-color: #fff;
            }
            .card img{
                border-radius: 5px;
            }
            .card:hover {
                transform: translateY(-5px);
                box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
            }
        </style>
        @for ($i = 1; $i < 5; $i++)
            <div class="col-lg-3 col-sm-6 mt-3">
                <div class="card shadow" style="width:100%;">
                    <img src="https://ets.fat-king.com/image/cache/catalog/demo/no-image-550x550.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">{{$i*5}} Cans</h5>
                        <h5 class="lead fw-bolder" >
                            Price: ${{$i*20*5}}
                        </h5>
                        <p class="card-text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloremque, cum?</p>
                        {{-- <a href="#" class="btn btn-primary" style="font-size: 1.2rem">Purchase</a> --}}
                        @php
                            $payment = App\Models\Payment::where('status','enabled')->first();
                            $route  = isset($payment->payment_method) ? route($payment->payment_method.'.cans-payment') :'/payment-error';
                        @endphp
                        {{-- <form action="{{route('paypal.cans-payment')}}" method="POST"> --}}
                        <form action="{{$route}}" method="POST">
                            @csrf
                            <input type="hidden" name="quantity" value="{{$i*5}}">
                            <button type="submit" class="btn btn-primary" style="font-size: 1.2rem">Purchase</button>
                        </form>
                    </div>
                </div>
            </div>
        @endfor
    </div>
</div>

@endsection