@extends('layouts.front-layout')
@section('title') All Product
@endsection
@section('content')
    <div class="container mt-5">

        <div class="row">
            @forelse($products as $product)
            <div class="col-md-4 mb-5">
                <div class="card" style="width:350px">
                    <img class="card-img-top" src="{{$product->image ? asset('upload/product/'.$product->image) : asset('upload/placeholder.png')}}" alt="Card image" style="width:100%">
                    <div class="card-body">
                        <h4 class="card-title">{{$product->product_name ? : ''}}</h4>
                        <p class="card-text">{!! $product->description ? : ''!!}</p>
                        <span class="price-new">Price : ${{$product->price}}</span>
                        <br>

                        @auth
                            @if($product->user->id === Auth::id())

                            @else
                                <form action="{{ route('front.order') }}" method="POST">
                                    @csrf
                                    <input type="hidden"value="{{$product->product_name}}"name="product_name">

                                    <input type="hidden"value="{{$product->price}}"name="price">

                                    <input type="hidden"value="{{$product->id}}" name="product_id">

                                    <input type="submit" class="btn btn-primary btn-block w-100" value="Order Now">
                                </form>
                            @endif
                        @else
                            <a href="{{ route('front.login') }}" class="btn btn-primary btn-block w-100">Order Now</a>
                        @endauth

                    </div>
                </div>

            </div>

            @empty
                <h3 class="text-center">Product Not Found</h3>
            @endforelse

        </div>

    </div>
@endsection