@extends('layouts.admin')

@section('page-title', isset($timeline) ? 'Edit About-Timeline' : 'Add Timeline')

@section('content')
<div class="container py-4">
    <h2>{{ isset($timeline) ? 'Edit Timeline' : 'Add Timeline' }}</h2>

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

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

        <div class="mb-3">
            <label class="form-label">Description 1</label>
            <textarea name="desc_one" class="form-control" rows="3">{{ old('desc_one', $timeline->desc_one ?? '') }}</textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Description 2</label>
            <textarea name="desc_two" class="form-control" rows="3">{{ old('desc_two', $timeline->desc_two ?? '') }}</textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Order No</label>
            <input type="number" name="order_no" class="form-control" value="{{ old('order_no', $timeline->order_no ?? '') }}">
        </div>

        <div class="mb-3">
            <label class="form-label">Image Size:(392*228)</label><br>
            @if(isset($timeline) && $timeline->image)
                <img src="{{ asset($timeline->image) }}" width="150" class="mb-2 rounded shadow"><br>
            @endif
            <input type="file" name="image" class="form-control">
        </div>

        <hr>
        <h5 class="mt-4">SEO Meta Information</h5>

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

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

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




        <button type="submit" class="n-btn mt-2 ">
            {{ isset($timeline) ? 'Update Timeline' : 'Create Timeline' }}
        </button>
        <a href="{{ route('timeline.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection