@extends('admin.layouts.app')

@section('panel')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">🚀 WORKING Banner Upload</h5>
    </div>
    <div class="card-body">
        <h6>✅ This upload actually works!</h6>
        
        <form action="/working-banner-upload" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label>Choose Banner Image</label>
                <input type="file" name="banner_image" class="form-control" accept=".jpg,.jpeg,.png" required>
                <small class="text-muted">Any size, any format - just upload!</small>
            </div>
            
            <button type="submit" class="btn btn-success btn-lg">📤 Upload Banner Image</button>
        </form>
        
        @if(session('upload_success'))
            <div class="alert alert-success mt-4">
                <h5>✅ {{ session('upload_success') }}</h5>
                <p>Image saved to: <strong>{{ session('file_path') }}</strong></p>
                <p>View your image: <a href="{{ session('image_url') }}" target="_blank">Open Image</a></p>
            </div>
        @endif
        
        @if(session('upload_error'))
            <div class="alert alert-danger mt-4">
                <h5>❌ {{ session('upload_error') }}</h5>
            </div>
        @endif
        
        @if(file_exists('public/assets/images/frontend/banner'))
            <div class="mt-4">
                <h6>📁 Current Banner Images:</h6>
                <div class="row">
                    @foreach(glob('public/assets/images/frontend/banner/*') as $file)
                        <div class="col-md-3 mb-3">
                            <img src="{{ asset(str_replace('public/', '', $file)) }}" class="img-fluid rounded border" style="max-height: 120px;">
                            <small class="d-block text-muted">{{ basename($file) }}</small>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
    </div>
</div>
@endsection