@extends('frontend.layouts.master')

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

    @if (empty($projects))
        <p class="text-center fs-1 mt-2 mb-3"><i class="bi bi-cart-check-fill " style="color:#2980b9; margin-left:5px"></i>No orders found.</p>
    @else
        <table class="table table-stripped mt-3" style="border: 1px solid #2980b9; background-color: #eadbdb38; color: black;">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Project Value</th>
                    <th>Thumbnail</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($projects as $project)
                    <tr>
                        <td style="font-weight: 700">{{ $project['title'] }}</td>                    
                        <td>{{ $project['project_value'] }}</td>

                        <td>
                            <img src="{{ $project['thumbnail'] }}" class="img-fluid" alt="Thumbnail" width="100px" height="100px">
                        </td>
                         <td>
                            <button class="btn btn-primary px-4 py-2 rounded-0" onclick="window.open('{{ $project['file'] }}')"><i class="bi bi-download"></i></button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        
        <div class="mt-4 mb-5 d-flex justify-content-between align-items-center">
            @if ($orders->currentPage() > 1)
                <a href="{{ $orders->previousPageUrl() }}" class="btn btn-secondary me-2" style="background-color: #2980b9; padding: 8px 20px 8px 20px;">Previous</a>
            @endif
        
            <ul class="pagination m-0">
                @for ($i = 1; $i <= $orders->lastPage(); $i++)
                    <li class="page-item {{ ($i == $orders->currentPage()) ? 'active' : '' }}">
                        <a href="{{ $orders->url($i) }}" class="page-link fs-3" style="background-color: #ffffff; border-color: #ffffff; color: {{ ($i == $orders->currentPage()) ? '#2980b9' : '#2980b9' }}">
                            {{ $i }}
                        </a>
                    </li>
                @endfor
            </ul>
        
            @if ($orders->currentPage() < $orders->lastPage())
                <a href="{{ $orders->nextPageUrl() }}" class="btn btn-secondary" style="background-color: #2980b9; padding: 8px 20px 8px 20px;">Next</a>
            @endif
        </div>
    @endif
</div>
@endsection