@extends('layouts.admin')

@section('content')
<div class="container-fluid">
    <!-- Page Heading -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0 text-gray-800">Event Documents</h1>
        <div>
            <a href="{{ route('events.show', $event->id) }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Back to Event
            </a>
        </div>
    </div>

    <!-- Event Information Card -->
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex justify-content-between align-items-center">
            <h6 class="m-0 font-weight-bold text-primary">Event Information</h6>
            <div>
                <span class="badge bg-primary">{{ $event->event_id }}</span>
                @if($event->status == 'upcoming')
                    <span class="badge bg-info">Upcoming</span>
                @elseif($event->status == 'in_progress')
                    <span class="badge bg-warning">In Progress</span>
                @elseif($event->status == 'completed')
                    <span class="badge bg-success">Completed</span>
                @elseif($event->status == 'cancelled')
                    <span class="badge bg-danger">Cancelled</span>
                @endif
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <table class="table table-borderless">
                        <tr>
                            <th width="30%">Event Name:</th>
                            <td>{{ $event->name }}</td>
                        </tr>
                        <tr>
                            <th>Client:</th>
                            <td>
                                <a href="{{ route('clients.show', $event->client->id) }}">
                                    {{ $event->client->name }}
                                </a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-6">
                    <table class="table table-borderless">
                        <tr>
                            <th width="30%">Date & Time:</th>
                            <td>{{ $event->date->format('d M, Y') }} at {{ $event->time->format('h:i A') }}</td>
                        </tr>
                        <tr>
                            <th>Venue:</th>
                            <td>{{ $event->venue }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Upload Document Form -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Upload New Document</h6>
        </div>
        <div class="card-body">
            <form action="{{ route('events.documents.upload', $event->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                
                @if(session('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                @if(session('error'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        {{ session('error') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                
                <div class="mb-3">
                    <label for="document" class="form-label">Select Document <span class="text-danger">*</span></label>
                    <input type="file" class="form-control @error('document') is-invalid @enderror" id="document" name="document" required>
                    <small class="text-muted">Accepted file types: PDF, DOC, DOCX, XLS, XLSX, JPG, PNG (Max: 10MB)</small>
                    @error('document')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                
                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-upload"></i> Upload Document
                    </button>
                </div>
            </form>
        </div>
    </div>

    <!-- Documents List -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Documents ({{ count($documents) }})</h6>
        </div>
        <div class="card-body">
            @if(count($documents) > 0)
                <div class="table-responsive">
                    <table class="table table-bordered table-hover" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>File Name</th>
                                <th>Type</th>
                                <th>Size</th>
                                <th>Uploaded On</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($documents as $document)
                                @php
                                    $fileName = basename($document);
                                    $fileExtension = pathinfo($fileName, PATHINFO_EXTENSION);
                                    $fileSize = Storage::disk('public')->size($document);
                                    $fileLastModified = Storage::disk('public')->lastModified($document);
                                @endphp
                                <tr>
                                    <td>{{ $fileName }}</td>
                                    <td>
                                        @if(in_array($fileExtension, ['pdf']))
                                            <span class="badge bg-danger">PDF</span>
                                        @elseif(in_array($fileExtension, ['doc', 'docx']))
                                            <span class="badge bg-primary">Word</span>
                                        @elseif(in_array($fileExtension, ['xls', 'xlsx']))
                                            <span class="badge bg-success">Excel</span>
                                        @elseif(in_array($fileExtension, ['jpg', 'jpeg', 'png', 'gif']))
                                            <span class="badge bg-info">Image</span>
                                        @else
                                            <span class="badge bg-secondary">{{ strtoupper($fileExtension) }}</span>
                                        @endif
                                    </td>
                                    <td>{{ round($fileSize / 1024, 2) }} KB</td>
                                    <td>{{ date('d M, Y H:i', $fileLastModified) }}</td>
                                    <td>
                                        <a href="{{ Storage::url($document) }}" class="btn btn-info btn-sm" target="_blank">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ Storage::url($document) }}" class="btn btn-primary btn-sm" download>
                                            <i class="fas fa-download"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="text-center py-3">
                    <p class="text-muted">No documents found for this event.</p>
                    <p>Upload a document using the form above.</p>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection