@extends('admin.layouts.app')

@section('panel')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">✏️ Edit Existing Banner Images</h5>
    </div>
    <div class="card-body">
        <h6>Click "Edit" button to update each banner image:</h6>
        
        <form action="/update-existing-banner" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>📤 Banner Image 1</label>
                        <input type="file" name="banner1" class="form-control" accept=".jpg,.jpeg,.png">
                        <small>Current: tour20.jpeg</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>📤 Banner Image 2</label>
                        <input type="file" name="banner2" class="form-control" accept=".jpg,.jpeg,.png">
                        <small>Current: tour21.jpeg</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>📤 Banner Image 3</label>
                        <input type="file" name="banner3" class="form-control" accept=".jpg,.jpeg,.png">
                        <small>Current: tour22.jpeg</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>📤 Banner Image 4</label>
                        <input type="file" name="banner4" class="form-control" accept=".jpg,.jpeg,.png">
                        <small>Current: tour23.jpeg</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>📤 Banner Image 5</label>
                        <input type="file" name="banner5" class="form-control" accept=".jpg,.jpeg,.png">
                        <small>Current: tour24.jpeg</small>
                    </div>
                </div>
            </div>
            
            <button type="submit" class="btn btn-success btn-lg mt-3">✏️ Update Banner Images</button>
        </form>
        
        @if(session('update_success'))
            <div class="alert alert-success mt-4">
                <h5>✅ {{ session('update_success') }}</h5>
                <p>Images updated successfully!</p>
                <a href="/admin/frontend/frontend-sections/banner" class="btn btn-primary">🔄 View Banner Page</a>
            </div>
        @endif
        
        @if(session('update_error'))
            <div class="alert alert-danger mt-4">
                <h5>❌ {{ session('update_error') }}</h5>
            </div>
        @endif
    </div>
</div>
@endsection