@extends('admin.layout')
@section('content')
<div class="content-card" style="max-width: 600px; margin: 0 auto;">
    <h3 style="margin: 0 0 25px 0; border: none; padding: 0;">Edit Slider</h3>
    <form action="{{ route('admin.sliders.update', $slider->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <div style="margin-bottom: 20px;">
            <label style="display: block; font-weight: 500; margin-bottom: 8px;">Title (Optional)</label>
            <input type="text" name="title" value="{{ old('title', $slider->title) }}" style="width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px;">
        </div>
        <div style="margin-bottom: 20px;">
            <label style="display: block; font-weight: 500; margin-bottom: 8px;">Slider Image</label>
            <input type="file" name="image" accept="image/*" style="width: 100%; padding: 10px; border: 1px dashed #bbb; border-radius: 6px;">
            <div style="margin-top: 10px;"><img src="{{ asset('storage/' . $slider->image) }}" style="height: 100px; border-radius: 4px;"></div>
        </div>
        <div style="margin-bottom: 30px;">
            <label style="display: flex; align-items: center; cursor: pointer;">
                <input type="checkbox" name="is_active" value="1" {{ $slider->is_active ? 'checked' : '' }} style="width: 18px; height: 18px; margin-right: 10px;">
                <span style="font-weight: 500;">Active</span>
            </label>
        </div>
        <button type="submit" style="background-color: #0170B9; color: white; padding: 14px 24px; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; width: 100%;">Update Slider</button>
    </form>
</div>
@endsection