@extends('admin.layouts.app')

@section('panel')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">Debug Banner Upload</h5>
    </div>
    <div class="card-body">
        <h6>Debug Info:</h6>
        <ul>
            <li>PHP Version: {{ PHP_VERSION }}</li>
            <li>Upload Max Filesize: {{ ini_get('upload_max_filesize') }}</li>
            <li>Post Max Size: {{ ini_get('post_max_size') }}</li>
            <li>Max Execution Time: {{ ini_get('max_execution_time') }}</li>
            <li>Banner Directory: {{ public_path('assets/images/frontend/banner') }}</li>
            <li>Directory Exists: {{ file_exists(public_path('assets/images/frontend/banner')) ? 'YES' : 'NO' }}</li>
            <li>Directory Writable: {{ is_writable(public_path('assets/images/frontend')) ? 'YES' : 'NO' }}</li>
        </ul>
        
        <hr>
        
        <form action="/admin/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">Recommended: 1024x685px, Max: 2MB</small>
            </div>
            
            <button type="submit" class="btn btn-primary">Upload Image</button>
        </form>
        
        @if(session('success'))
            <div class="alert alert-success mt-3">
                {{ session('success') }}
            </div>
        @endif
        
        @if(session('error'))
            <div class="alert alert-danger mt-3">
                {{ session('error') }}
            </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" style="max-height: 100px;">
                            <small class="d-block">{{ basename($file) }}</small>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
    </div>
</div>
@endsection