@extends('dashboard.layouts.master')

@section('css')
@endsection

@section('pageTitle')
    {{ trans('dashboard/admin.edit_slider') }}
@endsection

@section('content')
    @include('dashboard.layouts.common._partial.messages')
    <div id="kt_content_container" class="container-xxl">
        <div class="mb-5 card card-xxl-stretch mb-xl-8">
            <!--begin::Header-->
            <div class="pt-5 border-0 card-header">
                <h3 class="card-title align-items-start flex-column">
                    <span class="mb-1 card-label fw-bolder fs-3">{{ trans('dashboard/admin.edit_slider') }}</span>
                </h3>
            </div>
            <!--end::Header-->
            <!--begin::Body-->
            <div class="py-3 card-body">
                <form action="{{ route('admin.sliders.update', $slider->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="name" class="form-label">{{ trans('dashboard/admin.name') }}</label>
                            <input type="text" name="name" id="name" class="form-control" value="{{ old('name', $slider->name) }}" required>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="image" class="form-label">{{ trans('dashboard/admin.image') }}</label>
                            <input type="file" name="image" id="image" class="form-control">
                            @if($slider->hasMedia('slider_images'))
                                <div class="mt-2">
                                    <img src="{{ $slider->getFirstMediaUrl('slider_images') }}" alt="Slider Image" style="max-width: 200px;">
                                </div>
                            @endif
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <div class="form-check form-switch">
                                <input type="hidden" name="is_active" value="0">
                                <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" 
                                    {{ old('is_active', $slider->is_active) ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_active">{{ trans('dashboard/admin.is_active') }}</label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-4">
                        <button type="submit" class="btn btn-primary">
                            {{ trans('dashboard/general.save') }}
                        </button>
                    </div>
                </form>
            </div>
            <!--begin::Body-->
        </div>
    </div>
@endsection