@extends('layouts.main')

@section('content')
    <div class="container">
        <h2>Upload Supporting Documents for {{ $tender->name }}</h2>

        <!-- Section for uploading additional documents -->
        <h3>Upload Documents</h3>
        <form action="{{ route('tenders.upload', $tender->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label for="documents">Select Documents:</label>
                <input type="file" name="documents[]" multiple class="form-control" />
            </div>

            <!-- List uploaded documents below the file input section -->
            @if(!empty($tender->documents))
                <h4>Uploaded Documents</h4>
                <ul>
                    @foreach(json_decode($tender->documents, true) as $document)
                        <li>
                            <a href="{{ asset('storage/' . $document) }}" target="_blank">
                                {{ basename($document) }} <!-- This will show the original file name -->
                            </a>
                        </li>
                    @endforeach
                </ul>
            @endif



            <!-- Upload and Done buttons -->
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">Upload Documents</button>
                <a href="{{ route('tenders.index') }}" class="btn btn-success">Done</a>
            </div>
        </form>

        <!-- Back button -->
        <div class="row mt-3">
            <div class="col-md-4">
                <a href="{{ route('tenders.index') }}" class="btn btn-warning btn-block">Back</a>
            </div>
        </div>
    </div>
@endsection