@extends('frontend.layouts.master')

@section('content')
    <div class="container">
        <h3 class="mt-3">Cart</h3>

        @if(empty($cart))
            <p class="fs-2 text-center mb-5 mt-3 p-3"><i class="bi bi-bag-fill" style="color: #2980b9"></i>
                Your cart is empty.</p>
        @else
            <table class="table table-stripped" style="border: 1px solid #2980b9; background-color: #eadbdb38;  color: black;">
                <thead>
                    <tr>
                        <th>Index</th>
                        <th>Title</th>
                        <th>Project Value</th>
                        <th>Thumbnail</th>
                        <th>Price</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $totalPrice = 0;
                    @endphp

                    @foreach ($cart as $index => $project)
                        <tr>
                            <th scope="row">{{ $loop->iteration }}</th>
                            <td>{{ $project['title'] ?? '' }}</td>
                            <td>{{ $project['project_value'] ?? '' }}</td>
                            <td>
                                <img src="https://www.iid.org.in/basepath/{{ $project['thumbnail'] }}" class="img-fluid" alt="Thumbnail" width="100px" height="100px">
                            </td>
                            <td>{{ $project['price'] ?? '' }}</td>
                            @php
                                $totalPrice += $project['price'] ?? 0;
                            @endphp
                            <td>
                                <form action="{{ route('frontend.cart.delete', ['projectId' => $index]) }}" method="POST">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger"><i class="bi bi-x-lg"></i></button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="4" class="fs-4">Total</th>
                        <td class="fs-4">{{ $totalPrice }}</td>
                        <td>
                            <form action="{{ route('frontend.payment.razorpay') }}" method="POST">
                                @csrf
                                <input type="hidden" name="totalPrice" value="{{ $totalPrice }}">
                                <input type="hidden" name="userId" value="{{ Auth::id() }}">
                                <input type="hidden" name="projects" value="{{ json_encode($cart) }}">
                                <button type="submit" class="btn btn-primary">Buy Now<i class="bi bi-arrow-right ps-2"></i></button>
                            </form>
                        </td>
                        
                    </tr>
                </tfoot>
            </table>
        @endif
    </div>
@endsection