PHP Classes

File: resources/views/products/index.blade.php

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   Laravel Stripe Checkout   resources/views/products/index.blade.php   Download  
File: resources/views/products/index.blade.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: Laravel Stripe Checkout
E-commerce checkout that uses Stripe to pay orders
Author: By
Last change:
Date: 2 years ago
Size: 1,890 bytes
 

 

Contents

Class file image Download
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('Products') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
                <div class="bg-gray-100 text-center">
                    <div class="flex flex-row flex-wrap">
                        @foreach($products as $product)
                            <div class="bg-white max-w-[200px] m-5 py-5 transition shadow hover:shadow-lg border">
                                <img src="{{ $product->image_url }}"
                                     class="w-full transition scale-[95%] hover:scale-100 delay-300"/>
                                <h2 class="pt-4">
                                    {{ $product->name }}
                                </h2>
                                <p>
                                    <span class="text-yellow-500">${{ $product->price }}</span>
                                </p>
                                <p class="mt-3">
                                    <button onclick="addToCart({{ json_encode($product) }})"
                                        class="bg-blue-600 text-white px-4 py-2 rounded-md transition-all hover:shadow-md scale-[95%] hover:scale-100">
                                        Add to cart
                                    </button>
                                </p>
                            </div>
                        @endforeach
                    </div>
                    <div>
                        {{ $products->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    @section('scripts')

    @endsection
</x-app-layout>