@extends('layouts.admin')

@section('title', 'Manage Images')

@section('content')
<div class="container">
    <h3>Manage Logo & Banners</h3>
    @if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
    @endif
    <form action="{{ route('admin.settings.updateLogo') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <label>Logo:</label><br>
            <img src="{{ asset('logo.png') }}" width="150" class="mb-2"><br>
        <input type="file" name="logo" class="form-control mb-2">
        <button type="submit" class="btn btn-primary">Update Logo</button>
    </form>

    <hr>

    <h4>Add New Banner</h4>
    <form action="{{ route('admin.banner.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <label>Title:</label>
        <input type="text" name="title" class="form-control mb-2" required>

        <label>Banner Image:</label>
        <input type="file" name="image" class="form-control mb-2" required>

        <label>URL (optional):</label>
        <input type="text" name="url" class="form-control mb-2">

        <label>Type:</label>
        <select name="type" class="form-control mb-2" required>
            <option value="desktop">Desktop</option>
            <option value="mobile">Mobile</option>
        </select>

        <label>Active:</label>
        <input type="checkbox" name="active" value="1" checked>

        <button type="submit" class="btn btn-success">Add Banner</button>
    </form>

    <hr>

    <h4>Existing Banners</h4>
    @foreach($banners as $banner)
        <div class="card mb-2">
            <div class="card-body">
                <h5>{{ $banner->title }}</h5>
                <img src="{{ $banner->image_url }}" width="200" class="mb-2" alt="{{ $banner->title }}"><br>
                <a href="{{ $banner->url }}" target="_blank">{{ $banner->url }}</a>
                <p>Type: {{ ucfirst($banner->type) }}</p>
                <p>Status: {{ $banner->active ? 'Active' : 'Inactive' }}</p>

                <!-- Edit -->
                <form action="{{ route('admin.banner.update', $banner) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <input type="text" name="title" value="{{ $banner->title }}" class="form-control mb-2">
                    <input type="file" name="image" class="form-control mb-2">
                    <input type="text" name="url" value="{{ $banner->url }}" class="form-control mb-2">
                    <select name="type" class="form-control mb-2">
                        <option value="desktop" {{ $banner->type == 'desktop' ? 'selected' : '' }}>Desktop</option>
                        <option value="mobile" {{ $banner->type == 'mobile' ? 'selected' : '' }}>Mobile</option>
                    </select>
                    <input type="checkbox" name="active" value="1" {{ $banner->active ? 'checked' : '' }}>
                    <button type="submit" class="btn btn-primary btn-sm">Update</button>
                </form>

                <form action="{{ route('admin.banner.delete', $banner) }}" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                </form>
            </div>
        </div>
    @endforeach
</div>
@endsection