@extends('layouts.admin')

@section('page-title', 'logo-edit')

@section('content')
    <div class="container py-4">
        <h3 class="mb-4">Edit Logo</h3>

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
 
        @if($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('logo.update', $logo->id) }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="mb-3">
                <label class="form-label">Logo Title</label>
                <input 
                    type="text" 
                    name="title" 
                    class="form-control" 
                    value="{{ old('title', $logo->title) }}"
                >
            </div>

            <div class="mb-3">
                <label class="form-label d-block">Current Logo</label>
                @if($logo->image)
                    <img src="{{ asset('uploads/logo/' . $logo->image) }}" width="120" alt="Logo">
                @else
                    <p class="text-muted mb-0">No logo uploaded yet.</p>
                @endif
            </div>

            <div class="mb-3">
                <label class="form-label">Change Logo (optional)</label>
                <input 
                    type="file" 
                    name="image" 
                    class="form-control"
                >
                <small class="text-muted">Leave empty if you don't want to change the image.</small>
            </div>

            <button type="submit" class="btn btn-primary w-100">
                Update Logo
            </button>
        </form>
    </div>
@endsection