@extends('layouts.app') 

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

@section('content')
<div class="container">
    <h1>Add New Blog Header</h1>


    @if ($errors->any())
        <div style="color:red;">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if(session('success'))
        <div style="color:green;">
            {{ session('success') }} 
        </div>
    @endif

    <form action="{{ route('blog.header.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="form-group">
            <label for="blog_title">Blog Title:</label>
            <input type="text" name="blog_title" id="blog_title" class="form-control" value="{{ old('blog_title') }}" required>
        </div>

        <div class="form-group">
            <label for="blog_banner">Blog Banner:</label>
            <input type="file" name="blog_banner" id="blog_banner" class="form-control">
        </div>

        <div class="form-group">
            <label for="blog_logo">Blog Logo:</label>
            <input type="file" name="blog_logo" id="blog_logo" class="form-control">
        </div>

        {{-- Meta Fields --}}
        <div class="form-group mt-3">
            <label for="meta_title">Meta Title:</label>
            <input type="text" name="meta_title" id="meta_title" class="form-control" value="{{ old('meta_title') }}">
        </div>

        <div class="form-group mt-3">
            <label for="meta_description">Meta Description:</label>
            <textarea name="meta_description" id="meta_description" class="form-control" rows="3">{{ old('meta_description') }}</textarea>
        </div>

        <div class="form-group mt-3">
            <label for="meta_keywords">Meta Keywords:</label>
            <input type="text" name="meta_keywords" id="meta_keywords" class="form-control" value="{{ old('meta_keywords') }}">
        </div>

        <button type="submit" class="btn btn-primary mt-3">Add Header</button>
    </form>
</div>
@endsection