@extends('layouts.admin')

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

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

        <div class="mb-3">
            <label class="form-label">Title</label>
            <input type="text" name="title" class="form-control" placeholder="Enter title">
        </div>

        <div class="mb-3">
            <label class="form-label">Banner Image</label>
            <input type="file" name="banner_img" class="form-control">
        </div>

        {{-- Meta Fields --}}
        <div class="mb-3">
            <label class="form-label">Meta Title</label>
            <input type="text" name="meta_title" class="form-control" placeholder="Enter meta title">
        </div>

        <div class="mb-3">
            <label class="form-label">Meta Description</label>
            <textarea name="meta_description" class="form-control" rows="3" placeholder="Enter meta description"></textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Meta Keywords</label>
            <input type="text" name="meta_keywords" class="form-control" placeholder="Enter meta keywords">
        </div>

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