@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;">Add New Slider</h3>
    <form action="{{ route('admin.sliders.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div style="margin-bottom: 20px;">
            <label style="display: block; font-weight: 500; margin-bottom: 8px;">Title (Optional)</label>
            <input type="text" name="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 <span style="color: red;">*</span></label>
            <input type="file" name="image" required accept="image/*" style="width: 100%; padding: 10px; border: 1px dashed #bbb; border-radius: 6px;">
        </div>
        <div style="margin-bottom: 30px;">
            <label style="display: flex; align-items: center; cursor: pointer;">
                <input type="checkbox" name="is_active" value="1" 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%;">Save Slider</button>
    </form>
</div>
@endsection