@extends('layouts.app')
@section('title', 'Ecommerce Settings')
@section('custom-css')

@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-transparent border-bottom">
                    <h4 class="card-title mb-0">{{ __('pages.Slider Edit') }}</h4>
                    <a class="btn btn-primary" href="{{ route('ecommerce.slider.index') }}">{{ __('pages.Back to list') }}</a>
                </div>
                <div class="card-body">
                    <form id="websiteSettingForm" method="post" action="{{ route('ecommerce.slider.update',$slider->id) }}"
                          enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="row g-2 justify-content-center">
                            <div class="col-lg-6 row g-2">
                                <div class="col-sm-12">
                                    <label class="form-label">{{ __('pages.Title') }}</label>
                                    <input
                                            type="text"
                                            name="title"
                                            value="{{ $slider->title }}"
                                            placeholder="{{ __('pages.Title') }}"
                                            class="form-control"
                                    >
                                </div>
                                <div class="col-md-12">
                                    <label for="image" class="form-label file-selectore">
                                        <span class="label">{{ __('pages.Select image (size: 1000 × 500 px)') }}</span>
                                    </label>
                                    <div class="d-block my-2">
                                        @if($slider->image)
                                            <img height="128" width="128"
                                                 src="{{ asset('storage/images/ecommerce/slider/'.$slider->image) }}"
                                                 alt="">
                                        @endif
                                    </div>
                                    <input type="file" name="image" id="image">
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">{{ __('pages.Sorting') }}</label>
                                    <input
                                            type="number"
                                            value="{{ $slider->sorting }}"
                                            name="sorting"
                                            placeholder="{{ __('pages.Sorting') }}"
                                            class="form-control"
                                    >
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label d-block">{{ __('pages.Status') }}</label>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" @if($slider->status == 'active') checked @endif type="radio" name="status" id="active"
                                               value="active">
                                        <label class="form-check-label" for="active">{{ __('pages.Active') }}</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" @if($slider->status == 'inactive') checked @endif type="radio" name="status" id="inactive"
                                               value="inactive">
                                        <label class="form-check-label" for="inactive">{{ __('pages.Inactive') }}</label>
                                    </div>
                                </div>
                                <div class="gap-3 mt-4">
                                    <button type="submit"
                                            class="btn btn-primary btn-border btn-success">
                                        <span> {{ __('pages.submit') }}</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom-js')

@endsection