@extends('layouts.admin')

@section('page-title', 'Edit Safety-Header')

@section('content')
<div class="container py-4">
    <h3>Edit Header Section</h3>
    <form action="{{ route('safety.header.update', $header->id) }}" method="POST" enctype="multipart/form-data">
        @csrf

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

        <div class="mb-3">
            <label class="form-label">Banner Image</label>
            <input type="file" name="banner_img" class="form-control">
            @if($header->banner_img)
                <img src="{{ asset('uploads/safety/header/'.$header->banner_img) }}" class="mt-3" width="200">
            @endif
        </div>

        {{-- Meta Fields --}}
        <div class="mb-3">
            <label class="form-label">Meta Title</label>
            <input type="text" name="meta_title" value="{{ old('meta_title', $header->meta_title) }}" class="form-control">
        </div>

        <div class="mb-3">
            <label class="form-label">Meta Description</label>
            <textarea name="meta_description" class="form-control" rows="3">{{ old('meta_description', $header->meta_description) }}</textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Meta Keywords</label>
            <input type="text" name="meta_keywords" value="{{ old('meta_keywords', $header->meta_keywords) }}" class="form-control">
        </div>


        <button type="submit" class="n-btn">Update</button>
        <a href="{{ route('safety.index') }}" class="btn btn-secondary">Back</a>
    </form>
</div>
@endsection