@extends('layouts.admin') 

@section('page-title', 'Blog-Header')

@section('content')

<h1>Blog Headers</h1>
<a href="{{ route('blog_header.create') }}">Add New Header</a>

<table>
    <thead>
        <tr>
            <th>Title</th>
            <th>Banner</th>
            <th>Logo</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        @foreach($headers as $header)
        <tr>
            <td>{{ $header->blog_title }}</td> 
            <td>
                @if($header->blog_banner)
                    <img src="{{ asset('storage/'.$header->blog_banner) }}" width="100">
                @endif
            </td>
            <td>
                @if($header->blog_logo)
                    <img src="{{ asset('storage/'.$header->blog_logo) }}" width="50">
                @endif
            </td>
            <td>
                <a href="{{ route('blog_header.edit', $header->id) }}">Edit</a>
                <form action="{{ route('blog_header.destroy', $header->id) }}" method="POST" style="display:inline;">
                    @csrf
                    @method('DELETE')
                    <button>Delete</button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection