@extends('layouts.appv2')

@section('content')
<div class="container">
    <h1 class="mb-4">Upload Document</h1>

    <!-- Flash message for success -->
    @if(session('message'))
        <div class="alert alert-success">
            {{ session('message') }}
        </div>
    @endif

    <!-- Form to upload a new document -->
    <form action="{{ route('documents.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <!-- Document Name -->
        <div class="form-group">
            <label for="name">Document Name</label>
            <input type="text" class="form-control" name="name" id="name" placeholder="Enter document name" required>
        </div>

        <!-- Document Description -->
        <div class="form-group">
            <label for="description">Description (optional)</label>
            <textarea class="form-control" name="description" id="description" rows="3" placeholder="Enter document description"></textarea>
        </div>

        <!-- Document File -->
        <div class="form-group">
            <label for="file">Upload Document</label>
            <input type="file" class="form-control-file" name="file" id="file" required>
        </div>

        <!-- Document Status -->
        <div class="form-group">
            <label for="status">Status</label>
            <select class="form-control" name="status" id="status" required>
                <option value="0">Inactive</option>
                <option value="1">Active</option>
            </select>
        </div>

        <!-- Submit Button -->
        <button type="submit" class="btn btn-primary">Upload Document</button>
    </form>

    <hr>

    <h2 class="mt-5">Uploaded Documents</h2>

    <!-- Display the list of uploaded documents -->
    <div class="list-group">
        @foreach ($documents as $document)
            <div class="list-group-item">
                <h5 class="mb-1">{{ $document->name }}</h5>
                <p class="mb-1">{{ $document->description }}</p>
                <p><strong>Status:</strong> {{ $document->status == 1 ? 'Active' : 'Inactive' }}</p>
                <a href="{{ asset('storage/' . $document->file) }}" class="btn btn-link" target="_blank">Download</a>
            </div>
        @endforeach
    </div>
</div>
@endsection